/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; background: #fff;}
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 30px; }
fieldset { padding: 10px; }



/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #666666; background: #bfbfbf url(../_img/body_bg.gif) top left repeat-x; }
a { color: #69c; border: 0;}
a:hover { text-decoration: none; }

#field { width: 100%; background: url(../_img/field_bg.jpg) top center no-repeat; }
#wrapper { width: 816px; margin: 0 auto; background: url(../_img/wrapper_bg.gif); }
#left-shadow { background: url(../_img/left_shadow.gif) top left no-repeat; }
#right-shadow { position: relative; background: url(../_img/right_shadow.gif) top right no-repeat; }
#wrapper-btm { background: url(../_img/wrapper_btm.gif) top left no-repeat; width: 816px; height: 8px; overflow: hidden; }
 
.clearFloat { clear: both; height: 1px; overflow: hidden;}

/*
Banner & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#banner { float: inherit; width: 800px; margin: 0 0 0 8px; background: url(http://athleticfields.org/HTML/_img/top_bg.gif) top left no-repeat; height: 105px; }
#banner_ga { float: inherit; width: 800px; margin: 0 0 0 8px; background: url(http://athleticfields.org/HTML/_img/top_bgGA.jpg) top left no-repeat; height: 105px; }
#banner_choose { float: inherit; width: 800px; margin: 0 0 0 8px; background: url(../_img/top_bg_choose.gif) top left no-repeat; height: 105px; }
#banner.home, #banner_choose.home, #banner_ga.home, #banner_ga_choose.home { height: 101px; }
#logo { width: 216px; float: left; display: inline; margin: 0 0 0 2px; }
#logo a { width: 216px; height: 105px; float: left; display: inline; margin: 0; border-bottom: none; }
#logo a.home { width: 216px; height: 69px; float: left; display: inline; margin: 0; border-bottom: none; }

/*
Nav
-------------------------------------------------------------------------------------------------------------------------------*/
#nav-left { float: left; display: inline; padding: 44px 0 0 0; height: 13px; }
#nav-left ul { list-style: none; padding: 0; margin: 0; }
#nav-left ul li { float: left; display: inline; margin: 0; }
#nav-left ul li a span { display: none; }

#nav-left ul li a.nav01 { margin: 0 0 0 21px; display: block; width: 51px; height: 13px; background: url(../_img/nav_left.gif) 0 0 no-repeat; }
#nav-left ul li a:hover.nav01 { background: url(../_img/nav_left.gif) 0 -13px no-repeat; }
#nav-left ul li a.nav02 { margin: 0 0 0 13px; display: block; width: 81px; height: 13px; background: url(../_img/nav_left.gif) -64px 0 no-repeat; }
#nav-left ul li a:hover.nav02 { background: url(../_img/nav_left.gif) -64px -13px no-repeat; }
#nav-left ul li a.nav03 { margin: 0 0 0 14px; display: block; width: 45px; height: 13px; background: url(../_img/nav_left.gif) -159px 0 no-repeat; }
#nav-left ul li a:hover.nav03 { background: url(../_img/nav_left.gif) -159px -13px no-repeat; }
#nav-left ul li a.nav04 { margin: 0 0 0 14px; display: block; width: 46px; height: 13px; background: url(../_img/nav_left.gif) -218px 0 no-repeat; }
#nav-left ul li a:hover.nav04 { background: url(../_img/nav_left.gif) -218px -13px no-repeat; }

#nav-right { float: left; display: inline; padding: 44px 0 0 0; height: 13px; }
#nav-right ul { list-style: none; padding: 0; margin: 0; }
#nav-right ul li { float: left; display: inline; margin: 0; padding: 0; }
#nav-right ul li a span { display: none; }

#nav-right ul li a.nav05 { margin: 0 0 0 18px; display: block; width: 30px; height: 13px; background: url(../_img/nav_right.gif) 0 0 no-repeat; }
#nav-right ul li a:hover.nav05 { background: url(../_img/nav_right.gif) 0 -13px no-repeat; }
#nav-right ul li a.nav06 { margin: 0 0 0 13px; display: block; width: 73px; height: 13px; background: url(../_img/nav_right.gif) -43px 0 no-repeat; }
#nav-right ul li a:hover.nav06 { background: url(../_img/nav_right.gif) -43px -13px no-repeat; }
#nav-right ul li a.nav07 { margin: 0 0 0 14px; display: block; width: 54px; height: 13px; background: url(../_img/nav_right.gif) -131px 0 no-repeat; }
#nav-right ul li a:hover.nav07 { background: url(../_img/nav_right.gif) -131px -13px no-repeat; }
#nav-right ul li a.nav08 { margin: 0 0 0 14px; display: block; width: 57px; height: 13px; background: url(../_img/nav_right.gif) -200px 0 no-repeat; }
#nav-right ul li a:hover.nav08 { background: url(../_img/nav_right.gif) -200px -13px no-repeat; }


/*
Home-Boxes
-------------------------------------------------------------------------------------------------------------------------------*/
#home-boxes { width: 783px; margin: 0 0 0 13px; }
#home-boxes .top-box { width: 260px; float: left; display: inline; margin: 0 0 0 -1.5px; padding: 0; }
#home-boxes-choose { width: 600px; float: left; display: inline; margin: 50px 0px 80px 180px; padding: 0; }
#home-boxes .top-box img { float: left; display: inline; }
#home-boxes .top-box h3 { width: 260px; height: 27px; margin: 0; padding: 0; float: left; display: inline; }
#home-boxes .top-box h3 span { display: none; }
h3.whats-the-diff { background: url(../_img/header_whats_the_diff.gif) top left no-repeat; }
h3.show-me-examples { background: url(../_img/header_show_me_examples.gif) top left no-repeat; }
h3.what-can-af-do { background: url(../_img/header_what_can_af_do.gif) top left no-repeat; }
#home-boxes object { margin:-2px; padding:0; clear:both; width:260px; display:inline; }

/*
Content
-------------------------------------------------------------------------------------------------------------------------------*/
#content { float: left; display: inline; margin: 0 0 0 8px; background: url(../_img/content_bg.gif) top left repeat-y; }
#content-home { float: left; display: inline; margin: 0 0 0 7px; background: url(../_img/content_home_bg.gif) top left repeat-y; }
#hm_pg #content-home { float: left; display: inline; margin: -31px 0 0 7px; background: url(../_img/content_home_bg.gif) top left repeat-y; }
#header { float: left; display: inline; width: 800px; height: 72px; margin-left: 1px; /*background: url(../_img/header_bg.gif) top left no-repeat;*/ }
#headerC { float: left; display: inline; width: 800px; height: 50px; /*background: url(../_img/header_bg.gif) top left no-repeat;*/ }
#header h2, #header h5 { display: none; }
#headerC h2, #headerC h5 { display: none; }

#home-content-left { float: left; display: inline; width: 340px; margin: 20px 0 15px 50px; background: #fff;}
#home-content-left-splash { float: left; display: none; width: 340px; height: 1px; margin: 20px 0 15px 50px; overflow: hidden;}
#home-content-right { float: left; display: inline; width: 300px; margin: 20px 0 15px 50px; }
#content-content-left { float: left; display: inline; width: 430px; margin: 20px 0 15px 50px;  background: #fff;}
#content-content-right { float: left; display: inline; width: 270px; margin: 20px 0 15px 40px; }
#content-content-right blockquote {margin: 20px;}
#content-content-right address { margin: 0 0 15px 0; padding: 0; }

#content-img-box-right { margin: 0 0 20px 0;}

blockquote { font-size: 15px; color: #c00; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 15px 0; padding: 0; }
blockquote h4 { margin: 6px 0 3px 0; font-size: 12px; font-weight: normal; color: #666; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
blockquote h5 { margin: 0 0 5px 0; font-size: 12px; font-weight: normal; color: #999; font-family: Arial, Helvetica, sans-serif; }

.titleSubNav { font-size: 15px; color: #c00; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0; padding: 0; }

/*
Header Title Img
-------------------------------------------------------------------------------------------------------------------------------*/
.who-we-are { background: url(../_img/header_home.gif) top left no-repeat; }
.about { background: url(../_img/header_about.gif) top left no-repeat; }
.contact { background: url(../_img/header_contact.gif) top left no-repeat; }
.news { background: url(../_img/header_news.gif) top left no-repeat; }
.difference { background: url(../_img/header_difference.gif) top left no-repeat; }
.services { background: url(../_img/header_services.gif) top left no-repeat; }
.testimonials { background: url(../_img/header_testimonials.gif) top left no-repeat; }
.projects { background: url(../_img/header_projects.gif) top left no-repeat; }
.resources { background: url(../_img/header_resources.gif) top left no-repeat; }


/*
Left-Side
-------------------------------------------------------------------------------------------------------------------------------*/
#left-side { width: 390px; float: left; display: inline; margin: 5px 0 15px 10px; }
#left-side #job { float: left; display: inline; height: 35px; width: 390px; background: url(../_img/header_job_bg.gif) top left no-repeat; }
#left-side #flash-photos { margin:  0 0 1px 0; }
#left-side h3 { height: 27px; margin: 0;}
#left-side h3 span { display: none; }
#left-side #bottom-left h3.soil-profile { background: url(../_img/header_soil_profile.gif) top left no-repeat; }
#left-side #bottom-right h3.video-testimonial { background: url(../_img/header_video_testimonial.gif) top left no-repeat; }
#left-side #bottom-left { width: 195px; float: left; display: inline; margin: 0 1px 0 0; }
#left-side #bottom-right { width: 194px; float: left; display: inline; margin: 0; }
#left-side .thumb-left {width: 184px; float: left; display: inline; margin: 6px 0px 0px 8px;}
#left-side .thumb-right {width: 184px; float: left; display: inline; margin: 6px 0px 0px 8px;}
#left-side .thumb-left:hover, #left-side .thumb-right:hover {background: #f3f3f3; }
#left-side .thumb-left img, #left-side .thumb-right img { border: 3px solid #666;}
#left-side .thumb-left img:hover, #left-side .thumb-right img:hover { border: 3px solid #69c;}
#left-side .view-details img { border: 1px solid #c00; margin: -10px 0 15px 0;} 
#left-side .view-details img:hover { border: 1px solid #69c; }
.featured-jobs {width: 390px; margin: 5px 0 10px 0; padding: 2px 0 3px 0;}
.featured-jobs  h4, .featured-jobs  h4 a{ color: #666; font: bold 12px/18px Arial, Helvetica, sans-serif; font-style: normal; margin: 5px 0 0 0; text-decoration: none;}
.featured-jobs  h4 a:hover {text-decoration: underline; color: #69c;}
.featured-jobs .hr { margin: 2px 5px 0 5px; height: 1px;} 

/*
Right-Side
-------------------------------------------------------------------------------------------------------------------------------*/
#right-side { width: 390px; float: left; display: inline; margin: 6px 15px 0 0; }
#location { width: 200px; height: 35px; float: left; display: inline; background: url(../_img/header_location_bg.gif) top left no-repeat; }
#install-date { width: 190px; height: 35px; float: left; display: inline; background: url(../_img/header_install_date_bg.gif) top left no-repeat; }
.details { width: 390px; float: left; display: inline; background: url(../_img/details_bg.gif) bottom left no-repeat; padding: 2px 0 3px 0; }
#right-side p { width: 336px; font-size: 11px; color: #333; margin: 2px 7px 2px 2px; padding: 20px 15px 6px 30px; }
#right-side p.turf-details { float: left; display: inline; background: #f3f3f3 url(../_img/p_turf_details_bg.gif) top left no-repeat; }
#right-side p.drainage { float: left; display: inline; background: #f3f3f3 url(../_img/p_drainage_bg.gif) top left no-repeat; }
#right-side p.profile { float: left; display: inline; background: #f3f3f3 url(../_img/p_profile_bg.gif) top left no-repeat; }
#right-side p.additional-info { float: left; display: inline; background: #f3f3f3 url(../_img/p_additional_info.gif) top left no-repeat; }
#right-side p.job-listing, #right-side p.job-listing a { float: left; display: inline; background: #f3f3f3; color:#666; text-decoration: none;}
#right-side p.job-listing a:hover { color: #69c; text-decoration: underline;}
#right-side blockquote { color: #666; float: left; display: inline; background: url(../_img/client_reponse_bg.gif) top left no-repeat; padding: 30px 30px 20px 35px; }
#partial-list p { width: 336px; font-size: 11px; color: #333; margin: 2px 7px 2px 2px; padding: 10px 15px 6px 30px; }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { font-size: 11px; clear: both; padding: 10px 0 0 0; margin: 0 8px; background: url(../_img/footer_top.gif) top left no-repeat; }
#footer-btm { padding: 0 0 17px 0; background: url(../_img/footer_btm.gif) bottom left no-repeat; }
#footer span { float: right; margin: 0 28px 0 0; padding: 0; }
#footer p { font-size: 11px; }
#footer ul { list-style: none; margin: 0 0 0 28px; padding: 0; }
#footer li { display: inline; margin: 0 7px 0 0; }
#footer a { color: #999; }
#footer a:hover { color: #999; text-decoration: none; }

/*
Typography
-------------------------------------------------------------------------------------------------------------------------------*/
p { margin: 0 0 15px 0; }
h1 { height: 1px; width: 1px; }
h1 a span { display: none; }
h2 { color: #333; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; margin: 7px 5px 0 18px; }
h3 { color: #333; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; margin: 10px 5px 0 25px; }
h4 { color: #333; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; margin: 0 5px 5px 0; }
h5 { color: #666; font-size: 13px;}
h6 {  }

/*
Sodium Halogen's Additions
-------------------------------------------------------------------------------------------------------------------------------*/
.link-button { background: url(../_img/bgButton.gif) repeat-y; padding: 0 5px 0 5px; float: right; }
.link-button a:link, .link-button a:visited, .link-button-testimonial a:link, .link-button-testimonial a:visited { color: #fff; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-decoration: none;}
.link-button a:hover, .link-button-testimonial a:hover { color: #69c; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-decoration: none;}
.link-button-testimonial { width: 220px; background: #BB0104 url(../_img/bgButton.gif) repeat-y; padding: 0; text-align: center; border-top: 4px solid #999;}
#contact_more { background: #cc0000; margin: -20px 10px;}

div.hr { height: 20px;	margin: 10px 5px 0 0; 	padding: 0;	background: url(../_img/details_bg.gif) repeat-x; clear: both; overflow: hidden;}
div.hr hr{	display: none;	}

.imgRight {float: right; margin: 0 0px 10px 10px; border: 5px solid #999999;}
.imgLeft {float: left; margin: 0 10px 10px 0px; border: 5px solid #999999;}
.img {border: 5px solid #999999; width: 235px;}
.imgHomeR {border: 5px solid #999999; width: 300px; margin-bottom: 30px;}
.quoteName { float: right; font-size: 12px; font-weight: normal; color: #666; font-family: Arial, Helvetica, sans-serif; font-style: normal; padding-right: 20px;}
#flashContainer { background: #efefef; width: 260px; height: 210px;}
#test {width: 800px; padding: 10px;}
#flash-home-wrapper {width: 780px; display: inline;}
#flash-home1 { margin:  0; width: 260px; height: 210px;}
#flash-home2 { margin:  0; width: 260px; height: 210px;}
#flash-home3 { margin:  0; width: 260px; height: 210px;}

.success { margin: 0 10px 40px 0px; padding: 5px; color: #cc0000; background: #efefef; text-align: center;}

#left-side .thumb {
	background: url(../_img/details_bg.gif) no-repeat left bottom;
	clear: both;
	height: 80px;
	}

#left-side .thumb a {
	height: 80px;
	padding-top: 10px;
	}
	
	#left-side .thumb a:hover {
		background: #F3F3F3;
		}
		

#left-side .thumb .details_l {
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-bottom: 10px;
	}
	
#left-side .thumb .view-details {
	float: right;
	margin: 15px 20px 0 0;
	}

.fb-notice {
	position: absolute;
	left: 30px;
	top: 80px;
	height: 16px;
}

	.fb-notice a {
		padding-left: 20px;
		background: url(../_img/facebook.png) left top no-repeat;
		line-height: 16px;
		text-decoration: none;
	}
	.fb-notice a:hover {
		text-decoration: underline;
	}

/*
Admin Styles
-------------------------------------------------------------------------------------------------------------------------------*/
#admin {
	margin: 0 20px;
	padding: 20px 0;
	}
#admin h2 {
	color: #fff;
	margin: 0 0 30px 0;
	padding: 10px;
	background: #BD0000;
	}