/*  SAWTOOTH SOLUTIONS & SUPPORT -- July 2007
    Author: 3Five Designs, Inc.
    Developer: Jacob LeBeau
    E-Mail: jacob@3fivedesigns.com  */


/* Global Settings
--------------------------------------*/

html, img, h1, h2, h3, h4, ul { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; background: #3c3c3c url(../images/below_footer_bg.png); }
img, a { border: none; }

#outer_container { padding: 0 0 25px; width: 100%; background: #fff url(../images/body_bg_top.png) 0 0 repeat-x; }
#container { width: 750px; margin: 0 auto; padding: 0; text-align: left; }

.hide { width: 0; height: 0; overflow: hidden; position: absolute; } /* Hides from visual users */
.clear { clear: both; }


/* Primary Navigation & Header
--------------------------------------*/

#logo { margin: 0 0 0 -4px; padding: 0; background: url(../images/sawtooth_logo.png) 0 0 no-repeat; float: left; display: block; width: 211px; height: 125px; }
#logo h1 { text-indent: -9999px; line-height: 0; }

#primary_nav { margin: 0 -2px 0 0; padding: 0; float: right; list-style: none; overflow: hidden; }
#primary_nav li { display: inline; }
#primary_nav a:link, #primary_nav a:visited { margin: 36px 0 0; padding: 0; text-indent: -9999px; display: block; float: left; height: 90px; overflow: hidden; }

	#nav_home a { background: url(../images/nav_home.png) 0 0 no-repeat; width: 82px; }
	#nav_testimonials a { background: url(../images/nav_testimonial.png) 0 0 no-repeat; width: 92px; }
	#nav_services a { background: url(../images/nav_services.png) 0 0 no-repeat; width: 90px; }
	#nav_downloads a { background: url(../images/nav_downloads.png) 0 0 no-repeat; width: 91px; }
	#nav_contact a { background: url(../images/nav_contact.png) 0 0 no-repeat; width: 82px; }
	
	#nav_home a:hover,
	#home #nav_home a { background-position: 0 -90px; }
	#nav_testimonials a:hover,
	#testimonials #nav_testimonials a { background-position: 0 -90px; }
	#nav_services a:hover,
	#services #nav_services a { background-position: 0 -90px; }
	#nav_downloads a:hover,
	#downloads #nav_downloads a { background-position: 0 -90px; }
	#nav_contact a:hover,
	#contact #nav_contact a { background-position: 0 -90px; }


/* Content Area
--------------------------------------*/

#content { margin: 15px 0 0 0; padding: 0; width: 750px; float: left; }
#content h2, #content h3, #content h4 { font-family: 'trebuchet ms', Arial, Verdana, sans-serif; }
#content h3 { margin: 0 0 10px; font-size: 100%; }
#content p { margin: 0 0 20px; font-family: Arial, Verdana, sans-serif; font-size: 90%; line-height: 140%; }
#content ul { margin: 15px 0 15px; list-style: none; font-weight: bold; color: #333; }
#content li { margin: 8px 0 0 20px; padding: 0 0 0 18px; font-size: 90%; background: url(../images/bullet.png) no-repeat; background-position: 0 .4em; line-height: 140%; }

	#content #headline_home { margin: 0; padding: 0; width: 750px; min-height: 170px; float: left; background: url(../images/laptop_problems.jpg) bottom right no-repeat; border-bottom: 1px solid #c1c1c1; }
	#content #headline_home h2 { padding: 15px 285px 20px 0; font-size: 110%; color: #900; line-height: 140%; }
	
	#content #headline { margin: 0 0 10px; padding: 0; width: 750px; position: relative; float: left; border-bottom: 1px solid #c1c1c1; }
	#content #headline h2 { padding: 15px 0 5px; font-size: 110%; color: #900; line-height: 140%; }
	
	#services #content #headline p { margin: 0 0 5px; width: auto; position: absolute; bottom: 0; right: 0; }
	
	#content #left_column_home { margin: 25px 0 0; padding: 0; width: 360px; float: left; }
	
	#content #right_column_home { margin: 0; padding: 25px 0 0 30px; width: 340px; float: right; border-left: 1px solid #c1c1c1; }
	
	#content #full_column { margin: 0; padding: 15px 0 0; width: 750px; float: left; }
	
	#content #services { margin: 0; padding: 0; list-style: none; font-weight: normal; color: #000; }
	#content #services li { margin: 0; padding: 5px 0 5px 18px; font-size: 76%; background: url(../images/bullet.png) no-repeat; background-position: 0 .7em; line-height: 140%; border-top: 1px dotted #acacac; }
	
	#content #price_table { width: 100%; font-size: 90%; border-left: 1px solid #999; border-right: 1px solid #999; }
	#content #price_table th,
	#content #price_table td { border-bottom: 1px solid #999; }
	#content #price_table th { padding: 6px 10px; font-family: 'trebuchet ms', Arial, Verdana, sans-serif; background-color: #d6e0f4; }
	#content #price_table td { padding: 4px 10px; background: #ebeff7; }
	
	#content .slider { margin-bottom: 7px; padding-bottom: 10px; float: left; }
	#content .slider p { margin-bottom: 0; }
	
	#content a.slider_link { color: #333; text-decoration: none; display: block; }
	#content a.slider_link:focus,
	#content a.slider_link:active { outline: none; }
	
	#content img.office_location { float: left; margin: 13px 15px 10px 0; }
	#content h3.location_title { margin: 30px 0 5px; }
	#content h3.price_header { margin: 25px 0 0; padding: 6px 10px; background: none; background: #5e89e7 url(../images/table_h3_bg.png) 0 0 repeat-x; border: 1px solid #999; }
	#content h3.service_title { margin: 0; }
	#content p.location { font-size: 80%; margin: 0 0 15px; }
	
	#content #contact_contain { float: left; width: 325px; }
	#content .contact1 { float: left; clear: both; position: relative; }
	#content .contact1 span { position: absolute; left: 6.2em; }
	
	#content .contact2 { float: left; clear: both; position: relative; }
	#content .contact2 span { position: absolute; left: 10em; }
	
	#content .margin { margin-top: 10px; }
	#content .right { float: right; }
	
#services h3 { padding: 8px 0 6px 10px; background: url(../images/h3_bg.png) bottom left no-repeat; }


/* Footer, Contact & Copyright
--------------------------------------*/

#footer { margin: 0; padding: 0; float: left; clear: both; width: 100%; background: #333; text-align: center; background: #3c3c3c url(../images/footer_bg.png); }

	#footer #contact_info { margin: 35px 0 30px; padding: 0; font-size: 80%; color: #ccc; }
	#footer #contact_info li { margin: 0 18px 0 0; padding: 0; display: inline; }
	#footer #contact_info a:link { text-decoration: none; color: #91a8e3; }
	#footer #contact_info a:hover { color: #bcc6e0; }
	#footer #contact_info a:visited { color: #91a8e3; }
	#footer img { margin: 0 5px 0; vertical-align: baseline; }
	#footer p { margin: 0 0 15px ; padding: 0; font-size: 70%; color: #999; }
	#footer a:link { text-decoration: none; color: #999; }
	#footer a:hover { color: #ccc; }
	#footer a:visited { color: #999; }
	
	
/* Lower Versions of IE
--------------------------------------*/

* html #headline_home { height: 170px; }
* html #content #services li { border-top: 1px solid #ebebeb; }