.header { height:496px; margin:0 auto; }

.mower { background: #f5f8e1 url(../images/template/header-mower.jpg) top center no-repeat; }
.mower2 { background: #f5f8e1 url(../images/template/header-mower2.jpg) top center no-repeat; }
.clippers { background: #f5f8e1 url(../images/template/header-clippers.jpg) top center no-repeat; }
.trailer { background: #f5f8e1 url(../images/template/header-trailer.jpg) top center no-repeat; }
.grass { background: #f5f8e1 url(../images/template/header-grass.jpg) top center no-repeat; }

.logo-big { margin:0 auto; padding-top:25px; width:920px;}
.logo-medium { margin:0 auto; padding-top:25px; width:410px;}

.home { background: #f5f8e1 url(../images/template/bg-index.jpg) top center no-repeat; }
.book-job { background: #f5f8e1 url(../images/template/bg-book-job.jpg) top center no-repeat; }
.about-us-bg { background: #f5f8e1 url(../images/template/bg-about.jpg) top center no-repeat; }
.franchise { background: #f5f8e1 url(../images/template/bg-franchise.jpg) top center no-repeat; }
.contact-bg { background: #f5f8e1 url(../images/template/bg-contact.jpg) top center no-repeat; }
.mower-bg { margin:0 auto; padding:10px 0; }



/*********************************
* PORTABLE DEVICE BACKGROUND CSS *
*********************************/
@media only screen and (device-width: 768px){
 /* For general iPad layouts */
 .mower {
	-webkit-background-size: 1625px 496px;
	}
 .mower2 {
	-webkit-background-size: 1625px 496px;
	}
 .trailer {
	-webkit-background-size: 1625px 496px;
	}
 .clippers, .grass {
	-webkit-background-size: 1626px 496px;
	}
 .home {
	-webkit-background-size: 1658px 294px;
	}
 .contact-us {
	-webkit-background-size: 1626px 285px;
	}
 .about-us-bg, .franchise {
	-webkit-background-size: 1626px 250px;
	}
 .contact-bg {
	-webkit-background-size: 1626px 200px;
	}
 /*.index {
 	-webkit-background-size: 1488px 1026px;
	}*/
 .container_16 .grid_16 {    
 	-webkit-text-size-adjust: none;  
 	} 
}
@media only screen and (device-width: 768px) and (orientation: landscape) {
 /* rules for iPad in landscape orientation */
 .mower {
	-webkit-background-size: 1625px 496px;
	}
 .mower2 {
	-webkit-background-size: 1625px 496px;
	}
 .trailer {
	-webkit-background-size: 1625px 496px;
	}
 .clippers, .grass {
	-webkit-background-size: 1626px 496px;
	}
 .home {
	-webkit-background-size: 1658px 294px;
	}
 .contact-us {
	-webkit-background-size: 1626px 285px;
	}
 .about-us-bg, .franchise {
	-webkit-background-size: 1626px 250px;
	}
 .contact-bg {
	-webkit-background-size: 1626px 200px;
	}
 /*.index {
 	-webkit-background-size: 1488px 1026px;
	}*/
 .container_16 .grid_16 {    
 	-webkit-text-size-adjust: none;  
 	} 
}
@media only screen and (min-device-width: 320px) and (max-device-width:
480px) {
 /* iPhone, Android rules here */
 .mower {
	-webkit-background-size: 1625px 496px;
	}
 .mower2 {
	-webkit-background-size: 1625px 496px;
	}
 .trailer {
	-webkit-background-size: 1625px 496px;
	}
 .clippers, .grass {
	-webkit-background-size: 1626px 496px;
	}
 .home {
	-webkit-background-size: 1658px 294px;
	}
 .contact-us {
	-webkit-background-size: 1626px 285px;
	}
 .about-us-bg, .franchise {
	-webkit-background-size: 1626px 250px;
	}
 .contact-bg {
	-webkit-background-size: 1626px 200px;
	}
 /*.index {
 	-webkit-background-size: 1488px 1026px;
	}*/
 .container_16 .grid_16 {    
 	-webkit-text-size-adjust: none;  
 	} 
}
/**************************
* END PORTABLE DEVICE CSS *
**************************/




h1.welcome { background:url(../images/template/welcome-to-fox.png) top left; width:294px; height:30px; margin-left:80px; }
h1.about-us { background:url(../images/template/about-us.png) top left; width:178px; height:30px; margin-left:80px; }
h2 { color:#333333; font-family: 'Dosis', sans-serif; font-size:18px; line-height:22px; }

.column { width:155px; float:left; margin-right:20px; }


.footer { background-color:#333; padding:5px 0 10px; text-align:center; color:#d7d7d7; }
.footer a { color:#d7d7d7; text-decoration:none; font-size:12px; }
.footer a:hover { color:#fff; }
.footer .left { margin-top:20px; }
.footer .right { margin-top:38px; }
.footer .left { width:500px; text-align:left; float:left; font-size:18px; line-height:19px; font-weight:200; }
.footer .left a { font-size:18px; }
.footer .left small { font-size:14px; }
.footer .right { width:300px; text-align:right; float:right; line-height:17px; }
.footer .right small { font-size:12px; }


.fb-likes { margin-top:10px; float:left; margin-top:-12px; }

/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*//////////////////////// NAV ////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

span.reference{
	position:fixed;
	left:10px;
	bottom:10px;
	font-size:12px;
}
span.reference a{
	color:#aaa;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	margin-right:30px;
}
span.reference a:hover{
	color:#ddd;
}
ul.sdt_menu{
	margin-top:150px;
}
			
ul#sdt_menu { margin:0 auto; width:825px; }

ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	/*width:170px;*/
	height:85px;
	position:relative;
	cursor:pointer;
	margin-left:0px; 
	margin-right:10px;
}
	ul.sdt_menu li.nav-about { width: 140px; }
	ul.sdt_menu li.nav-book { width: 165px; }
	ul.sdt_menu li.nav-franchise { width: 320px; }
	ul.sdt_menu li.nav-contact { width: 160px; }


.nav-about-text { background:url(../images/template/nav-about-us.png) top left no-repeat; width:111px; height:18px; }
.nav-book-text { background:url(../images/template/nav-book.png) top left no-repeat; width:125px; height:22px; }
.nav-franchise-text { background:url(../images/template/nav-franchise.png) top left no-repeat; width:265px; height:22px; }
.nav-contact-text { background:url(../images/template/nav-contact.png) top left no-repeat; width:116px; height:18px; }




ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	/*width:170px;*/
	height:85px;
	z-index:12;
	background-color: #333333;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
	ul.sdt_menu li.nav-about > a{ width: 140px; }
	ul.sdt_menu li.nav-book > a { width: 165px; }
	ul.sdt_menu li.nav-franchise > a { width: 320px; }
	ul.sdt_menu li.nav-contact > a { width: 160px; }


ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	/*width:170px;*/
	height:60px;
	z-index:15;
}
	ul.sdt_menu li.nav-about span.sdt_wrap { width: 140px; }
	ul.sdt_menu li.nav-book span.sdt_wrap { width: 165px; }
	ul.sdt_menu li.nav-franchise span.sdt_wrap { width: 320px; }
	ul.sdt_menu li.nav-contact span.sdt_wrap { width: 160px; }
	
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	/*width:170px;*/
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
	ul.sdt_menu li.nav-about span.sdt_active { width: 140px; }
	ul.sdt_menu li.nav-book span.sdt_active { width: 165px; }
	ul.sdt_menu li.nav-franchise span.sdt_active { width: 320px; }
	ul.sdt_menu li.nav-contact span.sdt_active { width: 160px; }
	
	
	
	
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	/*text-transform:uppercase;*/
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#f5f8e2;
	font-size:24px;
	float:left;
	clear:both;
	font-family: 'Dosis', sans-serif;
}
ul.sdt_menu li span span.sdt_descr{
	color:#F5F8E2;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:12px;
	/*letter-spacing:1px;*/
	font-family: 'Dosis', sans-serif;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	/*width:170px;*/
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:#1a1a1a;
}
	ul.sdt_menu li.nav-about div.sdt_box { width: 140px; }
	ul.sdt_menu li.nav-book div.sdt_box { width: 165px; }
	ul.sdt_menu li.nav-franchise div.sdt_box { width: 320px; }
	ul.sdt_menu li.nav-contact div.sdt_box { width: 160px; }
	
	
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#f5f8e2;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}


/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*//////////////////////// NAV ////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/


.we-currently-service { background: #333333 url(../images/template/we-currently-service.png) top left no-repeat; height: 40px; padding: 10px 0px 10px 10px; width: 280px; }
.we-currently-service option { background-color:#f5f8e1; font-family: 'Dosis', sans-serif; font-size:15px; }
	
	
table.contact-us-form { font-size:19px; margin-top:10px; }
table.contact-us-form tr td { padding:4px 0; vertical-align:middle; }
table.contact-us-form input { background-color:#f5f8e1; border:4px solid #333333; padding:5px 7px; font-size:20px; color:#808080; }

	.input525 { width:525px; }
	.input350 { width:350px; }
	.input300 { width:300px; }
	.input145 { width:145px; }
	
table.contact-us-form span { font-weight: bold; font-size:20px; margin-left:10px;}
table.contact-us-form select { background-color: #f5f8e1; border:4px solid #333333; padding:5px 7px; font-size:20px; color:#808080; width:280px; height:44px; }
table.contact-us-form select option { background-color:#f5f8e1; font-family: 'Dosis', sans-serif; font-size:15px; }
table.contact-us-form select.select555 { width:555px; }




table.contact-us-form .services-form { background: #333333 url(../images/template/services.png) top left no-repeat; height: 40px; padding: 10px 0px 10px 10px; width: 280px; }
table.contact-us-form .non-core-services-form { background: #333333 url(../images/template/non-core-services.png) top left no-repeat; height: 40px; padding: 10px 0px 10px 10px; width: 280px; }
table.contact-us-form small { font-size:10px;}

table.contact-us-form textarea { background-color: #f5f8e1; border:4px solid #333333; padding:5px 7px; font-size:23px; color:#808080; font-family: 'Dosis', sans-serif; } 




::selection {
	background: #ffb7b7; /* Safari */
	}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}