/*	This is what a well documented style sheet looks like. 
	No offense if yours doesn't look that this, you just 
	should have given us a call.
   
	------------------------------------------------------
   
	Date of Birth:	Sat 06.14.08 @ 6:00 p.m.
	Last Update:	Sat 06.14.08 @ 6:00 p.m.
	Author:  Jack McDade ( jack @ flak9 . com )
   
	----------------------------------------------------*/


   
/*	Color palette

	Orange			-	#e85200	-	Navigation and links
	Light blue	-	#7bb0cf	-	Background rollover, images
	Dark grey		- #353535 - h1 and body copy
	Light grey	- #9e9e9b - Footer text
   
	----------------------------------------------------*/
   
/*	Reset browsers default styling
	----------------------------------------------------*/
   
	html, body, div, span, 
	h1, h2, p, 
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 98%; vertical-align: baseline;
		background: transparent; }   
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	:focus, :active { outline: 0; }
	textarea { overflow:auto; }


/*	Generic
	----------------------------------------------------*/
  html, body {height:100%;}

	body { background: url(images/header_bg.png) top repeat-x;
		color: #353535;
		text-align: left;
		font-family: Helvetica, Arial, Verdana, san-serif;
		font-size: 95%;
		word-spacing: 0.1em; }
		
	#outer_wrap	{min-height:100%; position:relative;}
	
	#container { background: url(images/logo.png) no-repeat; width: 960px; margin: 0 auto; text-align: left; line-height: 1.3em; min-height:100%; position:relative; padding-bottom:100px; }
	
	h1 { font-size:1.4em; }	
	.clear { clear:both; font-size:0pt; height:0px; line-height:0px; }
	p { font-size:.9em; }

/*	Header
		----------------------------------------------------*/
	   
	#header { margin:0; padding:0; height:110px;}
	#header .phone, .hours {display:none; }
	#header #contact_bar form { float:right; }
	#header #contact_bar form .search_field{ margin-top:3px; height:14px; }
	
	#header ul.primary_navigation { margin: 55px 0 0 0; float:right; }
	#header .primary_navigation li {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:inline; margin-left:1.5em; font-size:1.2em; letter-spacing:-.5px; height:50px;}
  #header .primary_navigation li a {padding:5px;  color:#e85200; text-decoration: none; white-space: nowrap; padding-bottom:5px;}
	#header .primary_navigation li a:hover { color: #fff; background:#7bb0cf; border:none;}
	
	
	/*	Main Area [Home Page]
		----------------------------------------------------*/
	
	#mainarea { }
	#mainarea h1 { margin-bottom:10px; }
	#mainarea img.tagline {margin-top:50px;}
	
	#mainarea #home_feature {width:957px; height:300px; background: url(images/bg_home_feature_steps.jpg) top no-repeat; margin-bottom:30px; }
	
	#mainarea #home_feature #the_steps {float:left; color:#fff; width:300px; padding:25px 0 0 25px;}
	#mainarea #home_feature #the_steps .step {float:left; margin:0 0 15px 0;}
	#mainarea #home_feature #the_steps h2 {font-size:2.3em; font-family:"Myriad Pro", Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; float:left; margin:0 15px 15px 0; letter-spacing:-1px;}
	#mainarea #home_feature #the_steps h3 {margin:0; padding:0; font-family:"Myriad Pro", Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; font-size:1.8em;}
	
	
	#mainarea #home_feature #featured_image {float:right; margin:7px 7px 0 0;}
	
	#main {margin:50px 0 20px 0;}
	#main h1.headline {margin-left:304px; font-size:1.75em; font-weight:100;}
	#main h1.headline span {font-size:.8em; color:#e85200;}
	#main #thumbnails { width:276px; margin:10px 25px 0 0; padding:0; float:left;/* border:1px solid #ccc; */}

	#thumbnails h2 {margin: 0; }

  #thumbnails.drawers-wrapper {
            position: relative;
            width: 276px;
            
        }

	#thumbnails.drawer {
            background:transparent url(images/sideboxlight_bg20070611.gif) repeat-y scroll 0pt;
            color:#76797C;
            font-size:11px;
            line-height:1.3em;
        }

         #thumbnails.boxcap {
            height:5px;
            left:0pt;
            position:absolute;
            width:100%;
            z-index:100;
            background:transparent url(images/sidenav_capbottom.png) no-repeat scroll 0%;
            margin-top:-5px;
        }

         #thumbnails.captop {
            background-image:url(images/box_188captop.png);
            bottom:auto;
            top:0pt;
            margin-top:0;
        }

        .drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }

        .drawers a {
            color:#666666;
            text-decoration:none;
            font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            font-size-adjust:none;
            font-style:normal;
            font-variant:normal;
            font-weight:normal;
        }
				
				.drawers a:hover {
				font-weight:bold;
				} 

        .drawer li {
            border-bottom:1px solid #E5E5E5;
            line-height:16px;
            padding:6px 15px;
        }

        #thumbnails UL {
            list-style: none;
            padding: 0;
        }

       #thumbnails  UL.drawers {
            margin: 0;
        }

        .drawer-handle {
            background:#939393 url(images/slider.png) no-repeat scroll 0pt;
            color:#333333;
            cursor:default;
            font-size:12px;
            font-weight:normal;
            height:25px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
        }

        .drawer-handle.open {
            background-color:#72839D;
            background-position:-276px 0pt;
            color:#FFFFFF;
        }

        .drawer UL {
            padding: 0 12px;
            padding-bottom:0pt;
        }

        .drawer-content UL {
            padding-top: 7px;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }

        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding:0pt;
        }
	
	
	
	
	
	#main #fullview {margin-top:10px; float:right; width:657px;}
	#main #fullview img.fullimage {padding:5px; border:1px solid #ccc; margin-bottom:10px;}
	#main #fullview h2 {font-size:1.2em; color:#e85200; margin-bottom:12px;}
	
	.newsbox { width:600px; float:left; margin:0 45px 0 0; text-align:justify;}
	.newsbox a.learn_more { color:#e85200; text-decoration: none; white-space: nowrap; padding-bottom: 1px; font-style:italic;}
	.newsbox a.learn_more:hover { color: #395E70; border-bottom: 1px solid #395E70;}
	.newsbox a:active { border: none;  } 
	.newsbox img { float:right; margin-top:15px; }
	.newsbox a.quote {	background:transparent url(images/button-quote.gif) no-repeat scroll 0pt -35px; display:block; height:37px; border:none; text-decoration:none; text-indent:-5000px; width:139px; float:left; margin-top:15px; }
	.newsbox a.quote:hover { background-position:0pt 0pt; text-decoration:none; border:none; }
	
	.newsbox a.learn_more {text-decoration:none; color:#ce230f;}

	.newsletter { width:275px; float:left; padding:0 15px 15px 0; text-align:justify;}
	.newsletter form { margin-top:15px; }
	.newsletter form span { margin:0; text-align:left; font-size:.85em; color:#000; display:block; line-height:1em;}
	.newsletter form input.submit { margin-left:20px; }
	
	.about_content {margin-top:45px;}
	.about_content p {line-height:1.6em; margin:50px 0 0 15px; font-size:1.1em; width:600px;}
	.about_content h2 {font-size:3em; margin:50px 0 0 150px; color:#207dad;}
	
	.partner_content {margin-top:45px;}
	.partner_content .general {background:url(images/bg_blue_house.jpg) no-repeat; width:440px; height:300px; padding:20px; color:#fff; float:left;}
	.partner_content .general h2 {font-size:1.5em; margin:25px 0 15px 0;}
	.partner_content .general p{width:300px;}
	
	.partner_content .drill {background:url(images/bg_blue_drill.jpg) no-repeat; width:440px; height:300px; padding:20px; color:#fff; float:right;}
	.partner_content .drill h2 {font-size:1.5em; margin:25px 0 15px 0;}
	.partner_content .drill p{width:300px;}
	
	.partner_content h1 {font-size:2em; color:#207dad; margin-left:25px;}
	.partner_content h1 a {text-decoration:none; color:#207dad;}
	.partner_content h1 a:hover {color:#333;}
	
	.contact_left {width:400px; float:left; margin-right:70px; }
	.contact_left p {margin: 25px 0 0 10px;}
	.contact_form { padding:80px 0 0 55px;}
	
	
	/*	Footer
		----------------------------------------------------*/
	
	
	#footer {background:#4c4c4a; border-top:10px solid #9e9e9b; clear:both; margin:30px 0 0 0; width:100%; position:absolute; bottom:0; height:75px;}
	#footer .inside {color:#9e9e9b; margin:0pt auto; padding:10px 0 0 0; text-align:left; width:960px; height:60px;}
	#footer .inside p.copyright {float:left; font-size:0.8em; } 
	#footer .inside p.copyright a:hover {text-decoration:underline; border:none;}
	#footer .inside p.contact {float:right; font-size:0.8em; color:#edede6; text-align:right;} 
	#footer .inside .contact a {color:#9e9e9b; text-decoration:none; color:#edede6;}
	#footer .inside .contact a:hover {text-decoration:underline; border:none;}
	#footer .inside .copy, #footer .inside .copy a { color:#666666; text-decoration:none; }
	#footer .inside a {color:#9e9e9b; text-decoration:none; }
	
	.galleria_container {float:right; margin:0 0 0 0;}
	.galleria {list-style:none;width:200px}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	
	* html .galleria li div span{width:400px} /* MSIE bug */
	
	.caption { font-style:italic; color:#887; text-align:center; }
	.demo { position:relative; margin-top:75px; float:right; }
	.gallery_demo { width:330px; margin:50px 0 0 0; }
	.gallery_demo h2 {font-size:1.3em; margin:90px 0 0 0; clear:left; width:298px; background:#20729C; color:#fff; height:20px; padding:8px 5px 3px 5px; font-weight:lighter;}
	.gallery_demo li { width:68px; height:50px; border:3px double #111; margin: 2px 4px 2px 0; background:#000; }
	.gallery_demo li div { left:240px }
	.gallery_demo li div .caption { font:italic 0.7em/1.4 georgia, serif; }
	
	#main_image { margin:0 auto 60px auto; height:380px; width:600px; background:black; text-align:center; }
	#main_image img { margin-bottom:10px; }
	.nav { padding-top:15px; clear:both; font:80% 'helvetica neue', sans-serif; letter-spacing:3px; text-transform:uppercase; text-align:center; }
	.info { text-align:left; width:600px; margin:30px auto; border-top:1px dotted #221; padding-top:30px; }
	.info p { margin-top:1.6em; }
			
	
	/*	The End
		----------------------------------------------------*/