/*
CSS Styles for Hummer Global Pages
Author: Green Latitudes / Jeff Green
Client: Sporting Valley Turf Farms
Created: April 1, 2010
*/

body { font:normal 13px/17px Tahoma, Geneva, sans-serif; color:#000; background:#00280c url(/hummersportsturf/images/ui/site-bkgd.jpg) no-repeat center top; margin:0; padding:0; }

a img { border:0pt none!important; }

a { color:#db8c44; }

a:hover { color:#FFF; }

* { outline:none; }

p { margin:0; padding:0 0 14px 0; }

h1 { position:absolute; left:28px; bottom:50px; display:block; margin:0; padding:0; color:#FFF; font:normal 14px/21px Tahoma, Geneva, sans-serif; width:435px; }


/*-------------- CONTENT ------------------*/
#contentWrapper { position:relative; display:block; margin:0 auto; padding:0; width:980px; min-height:690px; height:auto!important; height:690px; z-index:1000; }

#logo { position:relative; display:block; margin:0 0 20px 0; padding:0; }

/* NEWS FEATURE */
/*#newsFeatureWrapper {
	position:absolute;
	right:12px;
	bottom:0;
	padding:15px 30px 10px;
	margin:0;
	width:241px;
	text-align:center;
	background:url(../images/ui/nav-bkgd.png) repeat-y;
}

#newsFeatureWrapper a { display:block; font-weight:bold; margin:5px 0 0 0; }*/

#newsFeatureWrapper {
	position:absolute;
	right:30px;
	bottom:0;
	padding:15px 30px 10px;
	margin:0;
	width:400px;
	/*text-align:center;*/
	background:url(../images/ui/home-feature-bkgd.png) repeat;
}

#newsFeatureWrapper img.alignRight { float:right; margin-left:10px; }


#newsFeatureWrapper .newsText { font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; display:block; margin-bottom:8px; padding-bottom:8px; border-bottom:solid 1px #666; text-align:center; }

#newsFeatureWrapper p { font-size:13px; line-height:18px; }


/*-------------- Slide Show ------------------*/
#slideshowWrapper { position:absolute; top:0px; left:28px; margin:0 auto; padding:0; width:924px; height:474px; }

#slideshowWrapper div { background:transparent!important; position:absolute; top:0; left:0; z-index:8; height:474px; width:924px; }

#slideshowWrapper div img { border:solid 3px #FFF; }

#slideshowWrapper div #caption { position:absolute; display:block; margin:0; background-color:#DE8E45; /*height:20px;*/ color:#FFF; font-size:12px; padding:5px 12px 7px 12px; right:0px!important; top:390px; }

#slideshowWrapper div #caption a { color:#FFF; text-decoration:none; }

.slideshowNav { position:absolute; left:28px; top:464px; margin:0; z-index:100; }

#slideshowNav a { margin:0 2px; padding:2px 7px 10px 7px; background:url(../images/ui/slideshow-nav-off.png) no-repeat center top; text-decoration:none; color:#FFF; font-size:10px; line-height:20px; }

#slideshowNav a.activeSlide { background:url(../images/ui/slideshow-nav-on.png) no-repeat center top; color:#484848; }

#slideshowNav a:focus { outline:none; }


/*-------------- NAV ------------------*/
#navWrapper { position:absolute; display:block; margin:0; padding:0 0 28px 0; top:-54px; left:50px; z-index:1000!important; background:url(../images/ui/nav-bottom.png) no-repeat center bottom; }


/* footer */
#footerWrapper { position:relative; display:block; width:100%; margin:0 auto; padding:0; background:url(../images/ui/footer-bkgd.png) repeat; z-index:500; }

#footer { display:block; position:relative; width:930px; padding:20px 0 60px 0; margin:0 auto; color:#FFF; }

#footer b { font-size:13px; color:#db8c44; }

.copyright { display:block; position:absolute; width:500px; right:0; top:20px; text-align:right; font-size:11px; line-height:25px; }

.copyright a img { margin-left:8px; }


/*-------------- HEADER ------------------*/
#headerWrapper { position:relative; display:block; width:100%; margin:0 auto; padding:0; border-top:solid 4px #018357; }

#header { position:relative; display:block; width:924px; height:50px; margin:0 auto; padding:0; }

#contactTab { width:110px; height:29px; position:absolute; top:21px; right:15px; }

#contactTab a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }

#hummerLink { width:257px; height:29px; position:absolute; top:21px; right:15px; }

#hummerLink a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }

#searchWrapper { height:23px; position:absolute; top:20px; right:200px; padding:0; margin:0; }

.sodSearchText { color:#FFF; text-transform:uppercase; font-size:10px; padding:0 5px 8px 0; }

#searchWrapper input { color:#000; background-color:#FFF; font-size:11px; padding:3px; margin:0 2px 0 0; border:none; }

.searchSubmit { padding:0!important; border:none!important; }