/* ==================== Smith Surveying main.css ==================== */



/* ==================== css Reset ==================== */

html, body, div, span, h1, h2, h3, h4, h5, h6, 
p, a, em, font, img, strong, b, u, i, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
blockquote {
	margin: 0;
	padding: 0;
}
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }


/* ==================== Misc Classes ==================== */

.hide { display: none; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.underline { text-decoration: underline; }
.italic { font-style:italic; }
.bold { font-weight: bold; }
.indent { margin: 0px 0px 0px 20px; }
.left { text-align: left; }
.right { text-align: right; }

.thin { font-weight: normal; }
.three_larger { font-size: 17px; }
.two_larger { font-size: 16px; }
.one_larger { font-size: 15px; }
.one_smaller { font-size: 13px; }
.two_smaller { font-size: 12px; }

.b_spc { margin-bottom: 6px !important; }

a:active, a:link, a:visited { color: #484848; text-decoration: none; }
a:hover { color: #AA0000; }

#footer a:active, #footer a:link, #footer a:visited { color: #F1F3F3; text-decoration: none; }
#footer a:hover { color: #ff0000; }

#credit { font-size: 12px; padding: 0px 4px 2px 6px; }

.cmedia_link:active, .cmedia_link:link, .cmedia_link:visited { color: #484848; text-decoration: none; }
.cmedia_link:hover { color: #33CCFF; }


/* ==================== Global ==================== */

body { background: #2a2a2a; color: #484848; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }

#bg_wrapper { width: 998px; background: #F1F3F3 url(../../_images/content_bg.jpg) repeat-y; margin: 0 auto; }

#wrapper { width: 974px; margin: 0 auto; }

#nav { padding-top: 10px; margin: 0px 0px -17px 12px; }

#logo { float: left; margin-right: 10px; background: url(../../_images/nav_logo.jpg) no-repeat; }

#home { float: left; width: 41px; height: 25px; margin: 19px 0px 0px 5px; background: url(../../_images/nav_home.jpg) no-repeat 0 0; }
#l_home { padding: 0px 20px 10px 21px; }
#home_active { float: left; width: 41px; height: 25px; margin: 19px 0px 0px 5px; background: url(../../_images/nav_home.jpg) no-repeat 0px -25px; }

#services { float: left; margin: 19px 0px 0px 0px; width: 65px; height: 25px; background: url(../../_images/nav_services.jpg) no-repeat 0 0; }
#l_services { padding: 0px 32px 10px 33px; }
#services_active { float: left; margin: 19px 0px 0px 0px; width: 65px; height: 25px; background: url(../../_images/nav_services.jpg) no-repeat 0px -25px; }

#contact { float: left; margin: 19px 0px 0px 0px; width: 83px; height: 25px; background: url(../../_images/nav_contact.jpg) no-repeat 0 0; }
#l_contact { padding: 0px 41px 10px 42px; }
#contact_active { float: left; margin: 19px 0px 0px 0px; width: 83px; height: 25px; background: url(../../_images/nav_contact.jpg) no-repeat 0px -25px; }

.nav_spacer { float: left; margin: 19px 0px 0px 0px; height: 25px; width: 24px; background: url(../../_images/nav_line.jpg) repeat-x; }

#home:hover, #services:hover, #contact:hover { background-position: 0px -25px; }

#nav_help { float: left; text-align: left; margin: 4px 0px 0px 320px; }
#nav_help_icon { float: left; background: url(../../_images/nav_help_phone.jpg) no-repeat top left; height: 41px; width: 40px; margin-top: 5px; }
#nav_help_text { float: left; padding: 8px 0px 0px 12px; }
.nav_help_number { font-weight: normal; padding-top: 4px; }

#home_header { height: 282px; background: url(../../_images/header_home.jpg) no-repeat top; }
#services_header { height: 282px; background: url(../../_images/header_services.jpg) no-repeat top; }
#contact_header { height: 282px; background: url(../../_images/header_contact.jpg) no-repeat top; }

#header { float: left; position: absolute; z-index: 1; }
.header_content { float: left; position: absolute; z-index: 99; }
.header_content { padding: 60px 0px 0px 20px; color: #F1F3F3; }
.header_title { font-size: 26px; margin-bottom: 17px; }
.header_midtext { width: 480px; margin: 17px 0px; font-size: 16px; line-height: 14pt; }
.header_finaltext { font-size: 16px; margin-top: 17px; }
.lgs { height: 1px; width: 639px; background: url(../../_images/header_lg_stroke.png) no-repeat; }
.sms { height: 1px; width: 459px; background: url(../../_images/header_sm_stroke.png) no-repeat; }

#content_bottom { height: 12px; background: url(../../_images/content_bg_bottom.jpg) no-repeat top; }

#content { margin: 35px 0px; }
.header_red { color: #880000; }

#col_1 { float:left; width: 324px; }
#col_2 { float:left; width: 325px; }
#col_3 { float:left; width: 325px; }

.col_border { border-left: #7A7A7A 1px dashed; padding: 6px 10px 4px 22px; }
.col_header { font-size: 30px; margin: 0px 0px 10px 10px; }
.col_content h2 { margin: 0px 0px 12px 0px; }
.col_content p { padding: 0px 20px 0px 0px; }
.top_p { margin-bottom: 30px; }

#leaders_col { margin: 19px 0px 0px 30px; }
#leaders { float: left; }
#leaders_numbers { float: left; margin: 0px 0px 0px 50px; }

#home_team { background:url(../../_images/home_team.jpg) no-repeat; height: 115px; width: 145px; margin: 10px 0px 0px 80px; }

#footer { background: #484848; color: #F1F3F3; }
#footer_top { height: 6px; background: url(../../_images/footer_top.jpg) no-repeat top; }
#footer_bottom { height: 9px; background: url(../../_images/footer_bottom.jpg) no-repeat bottom; }

#footer_wrapper { margin: 20px 0px 20px 0px; }
#footer_left { float: left; margin: 0px 0px 0px 25px; }
#footer_help_icon { float: left; background:url(../../_images/footer_help_compass.jpg) no-repeat; height: 84px; width: 78px; }
#footer_help_icon_text { float: left; margin: 3px 0px 10px 10px; }
#footer_help_icon_text h2 { font-size: 30px; font-weight: normal; }
#footer_right { float: left; margin: 0px 0px 0px 110px; }
#footer_title { text-align: center; font-size: 20px; }
#footer_numbers_wrapper { margin: 10px 0px 0px 0px; }
#footer_numbers_wrapper li { margin: 4px 0px; }
#footer_address { float: left; margin: 0px 50px 0px 0px; text-align: right; }
#footer_numbers { float: left; }
#footer_numbers span { padding-left: 10px; }



/* ==================== Services ==================== */

#content_services { margin: 35px 0px 35px 0px; }
#col_1_adj { float:left; width: 310px; }
#col_2_adj { float: left; width: 300px; margin-left: 0px; }
#col_3_adj { float: left; width: 345px; }
.services_col_1 { margin: 16px 0px 0px 0px; }
.services_col_2 {  }
.services_col_3 { margin: -12px 0px 0px 0px; padding: 40px 0px 0px 16px; }

.services_space { margin: 0px 0px 0px 10px; }

#logos { margin: 50px 0px 0px 20px; }
.equip_logo { float: left; margin: 0px 0px 20px 0px; }
.topcon_equip { float: right; margin: -25px 10px 0px 0px; }
.equip_top_border { border-top: #7A7A7A 1px dashed; width: 200px; margin: 10px 10% 20px 10%; }
.quote { width: 240px; margin: 10px 0px 0px 24px; }



/* ==================== Contact ==================== */

#col_1_contact { float: left; width: 524px; height: 374px; background: url(../../_images/gmaps_img_border.jpg) no-repeat; margin: 0px 34px 0px 36px; }
#col_2_contact { float: left; width: 350px; }

#map {width: 496px; height: 346px; margin: 14px 0px 0px 14px; }
.gmap_wrapper { text-align: left }
.g_map_header { font-size: 14px; }
.g_map_address { margin-top: 15px; font-size: 12px; }
.g_map_phone { margin: 14px 0px; font-size: 12px; }
.gmap_img_div { float: right; }
.gmap_img_div img { border: 1px #333 solid; }
.gmap_link { text-decoration: none; }
.gmap_link:link, .gmap_link:visited, .gmap_link:active { color: #333; }
.gmap_link:hover { color: #f00; }

.contact_img { margin: 20px 0px 0px 6px; }

#contact_numbers .number_title { color: #880000; margin: 0px; }
#contact_numbers .number { margin: 2px 0px 8px 0px; }
.hours { margin-bottom: 30px; }