/* CUSTOM CSS BOILERPLATE 1.0 - WRITTEN BY SCOTT RICHARDSON, ULLADULLA WEB DESIGN - WWW.ULLADULLAWEBDESIGN.COM */

/* RESET / HTML5 / CLEAR FIX /////////////////////////////////////// */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;text-decoration:none;list-style:none;}
header,footer,nav,section,article,aside,figcaption{display:block;}
.clear{clear:both;content:".";height0;visibility:hidden;display:block;}

/* FIX FOR FACEBOOK */
.FB_UI_Hidden { width: 100px !important; }




/*FONTS */

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic-webfont.eot');
    src: url('../fonts/Lato-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Lato-BoldItalic-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: bold;
    font-style: Italic;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold-webfont.eot');
    src: url('../fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bold-webfont.woff') format('woff'),
         url('../fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Bold-webfont.svg#LatoBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic-webfont.eot');
    src: url('../fonts/Lato-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Lato-LightItalic-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light-webfont.eot');
    src: url('../fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Light-webfont.woff') format('woff'),
         url('../fonts/Lato-Light-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Light-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* GLOBAL LAYOUT */
body					{ text-align: center; font-size: 62.5%; font-family: "Lato", sans-serif; font-size: 62.5%; }
.sw						{ width: 960px; margin: 0 auto; }
#content.sw				{ width: 916px; padding: 50px 22px; text-align: left; }
a						{ transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms; }
.hidden					{ display: none; }


h1, h2, h3, h4, h5		{ font-weight: bold; }
h1, h4					{ color: #FFF; }
h3, h4					{ font-size: 2.5em; }
h1						{ font-size: 5.6em; }
h2						{ font-size: 3.0em; }
h3						{ color: #3a2e14; }
h4						{  }
h5						{ color: #978a40; font-size: 1.8em; line-height: 1.35em; }
p, 
.right-col li			{ color: #7f7e7d; line-height: 1.7em; font-size: 1.6em; }
.right-col li			{ list-style: disc!important; padding: 0.5em 0; }

.whiteText				{ color: #FFF; }
.heroMsg				{ position: absolute; top: 165px; left: 50%; text-align: center; margin-left: -400px; width: 800px; line-height: 1em; }
.slogan					{ color: #978a40; font-size: 2.4em; text-align: center; padding-bottom: 50px; }
.mr						{ margin-right: 40px; }
.center					{ text-align: center; }
.leftCol, .rightCol		{ float: left; }
.leftCol				{ width: 584px; padding-right: 30px; }
.rightCol				{ width: 298px; }
			

.navbar li				{ float: left; }
.navbar li a			{ color: #D7CFA5; border-right: 1px solid #664f24; }
.navbar li a:hover	 	{ background: #664f24; }
.navbar li a:active		{ background: #2c220e; }


.button					{ color: #5d471f;  background: #ede3b7;  font-size: 2.1em; padding: 0.7em 1.2em; font-weight: bold; text-transform: uppercase; }
.button:hover			{ background: #FFF; }
.button:active			{ background: #dacf9c; }


.rounded				{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rounded li:first-child a:hover { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.rounded li:last-child a:hover { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.rounded li:last-child a { border-right: none; }





/* HEADER */
header					{ position: relative; background: #2f7cd8 url('/images/global/header_bg-3.jpg') no-repeat center top; height: 434px; }
#logo, #mainNav, #subNavHolder, #subNav { position: absolute; }
#logo, #subNav			{ left: 50%; }
#mainNav li, #subNav li	{ float: left; }


#logo					{ top: 20px; margin-left: -480px; }
#mainNav				{ background: #3C2F17;  right: 50%; top: 40px; margin-right: -480px; font-size: 1.8em; font-weight: bold; }
#mainNav li				{ padding: 0.9em 0; }
#mainNav li	a			{ padding: 0.9em 1.4em; }


#subNavHolder			{ background: #3C2F17; height: 62px; border-top: 1px solid #654E27; border-bottom: 1px solid #bdb16a; top: 370px; width: 100%; font-weight: bold; }
#subNav					{ margin-left: -476px; font-size: 1.5em; top: -115px; height: 178px; }
#subNav li				{ width: 136px; }
#subNav li img			{ display: block; padding: 0 0 21px 28px; }
#subNav li a			{ padding-top: 1.5em; padding-bottom: 1.5em; display: block; width: 136px; }

#subNav li:first-child a { border-left: 1px solid #654E27;  }

.notwords:hover		{ background: transparent !important; }


/* RESETS */
#subNav li a.notwords	{ padding-top: 0; padding-bottom: 0; display: block; width: 136px; border-right: none; }
#subNav li:first-child a.notwords { border-left: none;  }
#subNav li:hover .notwords { margin-top: -10px; margin-bottom: 10px; }


.subtitle				{ font-size: 0.7em; color: #837b52; }
#subNav li a.shade		{ padding: 17px 0; line-height: 0.9em; }
.subtitle:active		{ color: #fff; }

#home #homeLink, #compare #compareLink, #about #aboutLink, #tests #testsLink, #links-page #linksLink { color: #FFF; background: #664f24; }

#home #homeLink { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
#links-page #linksLink { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

#matildaTurf #matildaTurfLink, #sapphire #sapphireLink, #st85 #st85Link, #palmetto #palmettoLink, #sirWalter #sirWalterLink, #kingsPride #kingsPrideLink, #shademaster #shademasterLink { color: #FFF; background: #664f24; }


/* BREADCRUMBS */




/* FOOTER */
footer					{ background-color: #eae6ce; text-align: left; padding: 50px 0; }
#footerNav				{ padding-top: 10px; }
#footerNav, #fact		{ float: left; }
#footerNav ul			{ float: left; font-size: 1.5em; width: 90px; padding-right: 30px; }
#footerNav ul li		{ padding-bottom: 5px; }
#footerNav ul a			{ color: #3C2F18; font-weight: bold; }
#footerNav ul a:hover	{ color: #654E27; }
#footerNav ul a:active	{ color: #332713; }
#fact					{ position: relative; background: #72a634 url('../images/global/fact_bg.png') repeat-x left top; padding: 10px 20px; width: 420px; height: 113px; margin-left: 20px; }
#fact span				{ position: absolute; width: 81px; height: 86px; background-image: url('../images/global/info_icn.png'); top: -14px; right: -13px; background-repeat: no-repeat; }
#fact p					{ line-height: 19px; }
#fact-head				{ padding-top: 10px; }
.line					{ display: block;border-top: 1px solid #9F8A5E; margin-top: 1.5em; padding-top: 1em; }
.line p					{ font-size: 1.15em }



/* LIGHTBOX */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}#jquery-lightbox a img{border:none;}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box>#lightbox-nav{left:0;}#lightbox-nav a{outline:none;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font-size:11px;background-color:#fff;margin:0 auto;line-height: 1.4em;overflow:auto;width:100%;padding:0 10px 0;}#lightbox-container-image-data{padding:0 10px;color:#666;}#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:bold;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}







/* ///////////////////////////// MEDIA QUERIES //////////////////////////////////////////////////////////// */


/* ALL SCREEN SIZES /////////////////////////////////////// */



/* MOBILE PHONES  /////////////////////////////////////// */
@media screen and (max-width: 480px) { 
	
}


/* MOBILE PHONES LANDSCAPE /////////////////////////////////////// */
@media screen and (orientation:landscape) and (max-width: 480px) {

}


/* MOBILE PHONES & TABLETS /////////////////////////////////////// */
@media screen and (max-width: 959px) { 
		
}

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 481px) and (max-width: 959px) { 

}

/* TABLETS AND UP /////////////////////////////////////// */
@media screen and (min-width: 481px) { 
		
}		
		

/* 960 DESKTOPS /////////////////////////////////////// */
@media screen and (min-width: 960px) and (max-width: 1279px) { 
	
}


/* 960 DESKTOPS AND UP /////////////////////////////////////// */
@media screen and (min-width: 960px) { 
	
}


/* 1280 AND GREATER DESKTOPS /////////////////////////////////////// */
@media screen and (min-width: 1280px) { 
	
}