@charset "UTF-8";
/* CSS Document */

body{
	background-color:#ffffff;
	background: -moz-linear-gradient(top, #71a9db, #ffffff) no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(#71a9db), to(#ffffff)) no-repeat;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
#background-clouds{
	background-image:url(images/clouds2.png);
	width:100%;
	height:167px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
}
h3 {
	color:#79b45d !important;
	font-size:16px !important;
	font-weight:bold !important;
	padding-bottom:8px !important;
}

#wrapper{
	width:976px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	position:relative;
	border:#999999 solid 1px;
	-moz-box-shadow: 4px 4px 2px #63809a;
	-webkit-box-shadow: 4px 4px 2px #63809a;
	box-shadow: 4px 4px 2px #63809a;
	z-index:10; 	
}

/* -------------------------------------- */
/* Content Area for Individual Pages */
#default-content-area{
	width:936px;
	height:100%;
	min-height:250px;
	position:relative;
	background-color:#ffffff;
	padding:10px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:#CCC solid 4px;
	border-top-left-radius: 20px 40px; border-top-right-radius: 20px 40px; border-bottom-right-radius: 20px 40px; border-bottom-left-radius: 20px 40px; 
	-moz-border-top-left-radius: 20px 40px; -moz-border-top-right-radius: 20px 40px; -moz-border-bottom-right-radius: 20px 40px; -moz-border-bottom-left-radius: 20px 40px;
}

/* Home Page */
#content-homePage{
	width:945px;
	height:389px;
	position:absolute;
	top:-50px;
	left:15px;
	background-image:url(images/home-page-4boxes.png);
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

#home-box-1, #home-box-2, #home-box-3, #home-box-4 {
	height:230px;
	width:190px;
	position:absolute;
	top:135px;
	text-align:center;
	font-size:1.1em;
}
#home-box-1{left:25px;}
#home-box-2{left:263px;}
#home-box-3{left:498px;}
#home-box-4{left:731px;}

#link-home-box-1a, #link-home-box-2a, #link-home-box-3a, #link-home-box-4a {
	height:20px;
	width:100px;
	position:absolute;
	top:220px;
	left:100px;
}
#link-home-box-1a a:link, #link-home-box-1a a:visited, #link-home-box-1a a:active,
#link-home-box-2a a:link, #link-home-box-2a a:visited, #link-home-box-2a a:active,
#link-home-box-3a a:link, #link-home-box-3a a:visited, #link-home-box-3a a:active,
#link-home-box-4a a:link, #link-home-box-4a a:visited, #link-home-box-4a a:active {
	color:#79b45d;
	font-family:Copperplate, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}      
#link-home-box-1a a:hover, #link-home-box-2a a:hover, #link-home-box-3a a:hover, #link-home-box-4a a:hover {
	color:#cccccc;
	text-decoration:none;
} 

#home-box-1 p, #home-box-2 p, #home-box-3 p, #home-box-4 p {
	padding-bottom:6px;
}

/* Subpages */
#title-subpage {
	padding:10px 10px 10px 20px;
}
#title-text-subpage{
	padding:0px 100px 0px 20px;
}
#title-subpage h3 {
	color:#79b45d !important;
	font-size:1.4em; !important;
	font-weight:bold !important;
}
#image-subpage-leftside{
	height:100%px;
	width:350px;
	display:inline-block;
	margin-left:25px;
	vertical-align:top;
}
#text-area-subpage{
	width:500px;
	height:100%px;
	display:inline-block;
	margin:10px 0px 10px 10px;
	vertical-align:top;
	
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}
#subpage-full{
	height:100%px;
	width:860px;
	margin-left:25px;
}
#text-area-subpage p{
	margin-bottom:15px;
}


/* -------------------------------------- */
/* END Content Area for Individual Pages */


/* Wraps Header Elements */
#header-wrapper-home, #header-wrapper-subpages{
	width:976px;
	position:relative;
}
#header-wrapper-home{ height:380px}
#header-wrapper-subpages{ height:243px}


#main-logo{
	width:406px;
	height:129px;
	position:absolute;
	top:13px;
	left:22px;
	background-image:url(images/hopkins-logo.png);
	z-index:20; 
}
#greaseBoys-logoTop{
	width:491px;
	height:69px;
	position:absolute;
	top:260px;
	left:26px;
	background-image:url(images/fox-valley-grease-boys-logoWhite.png);
	z-index:20; 
}
#phone-Top{
	width:354px;
	height:100px;
	position:absolute;
	top:33px;
	left:587px;
	background-image:url(images/hopkins-phone-LG.png);
	z-index:20; 
}
#main-truck{
	width:415px;
	height:173px;
	position:absolute;
	top:140px;
	left:560px;
	background-image:url(images/hopkins-2trucks-2.png);
	z-index:200;
}
#eco-friendly{
	width:150px;
	height:125px;
	position:absolute;
	top:21px;
	left:416px;
	background-image:url(images/eco-friendly.png);
	z-index:20;
}
#services-text-topHeader{
	width:517px;
	height:37px;
	top:151px;
	left:13px;
	position:absolute;
	background-image:url(images/services-text-topHeader.png);
	z-index:20;
}


/* Header Navigation */
#nav-header{
	width:100%;
	height:28px;
	position:absolute;
	top:215px;
	left:0px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	color:#ffffff;
	padding:7px 0px 0px 7px;
	z-index:100; 
}
#nav-header-background{
	width:100%;
	height:28px;
	position:absolute;
	background-color:#000000;
	top:215px;
	left:0px;
	opacity:.3;
	z-index:90; 
}
#nav-header a:link, #nav-header a:visited, #nav-header a:active {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	letter-spacing:-.5px;
}      
#nav-header a:hover {
	color:#cccccc;
	text-decoration:none;
	letter-spacing:-.5px;
}  

/* CSS that sets up ahref Page Link Highlighting */
body#power-rodding a#power-rodding-link, 
body#maintenance-contracts a#maintenance-contracts-link, 
body#plumbing-services a#plumbing-services-link,
body#water-jetting a#water-jetting-link, 
body#contact-us a#contact-us-link,
body#additional-services a#additional-services-link, 
body#cooking-oil-recycling a#cooking-oil-recycling-link, 
body#grease-traps a#grease-traps-link, 
body#about-us a#about-us-link {
	 color:#a7cbed;	
 }

/* Wraps Content under Header */



#content-area-subpages{
	width:976px;
	min-height:200px;
	position:relative;
	top:0px;
	padding:0px 20px 30px 20px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-image:url(images/grass-back.jpg);
	background-color:#ffffff;
	z-index:50;
	font-size:1.2em;
}
#content-area-home{
	width:976px;
	height:345px;
	position:relative;
	padding:30px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* Footer Area */
#footer-area{
	width:976px;
	height:10px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:10px;
	color:#999999;	
}
#grease-boys-bottom{
	width:340px;
	height:42px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/fox-valley-grease-boys-logo-bottom.jpg);
}
#nav-bottom a{
		padding:5px;
}
#nav-bottom a:link, #nav-bottom a:visited, #nav-bottom a:active {
	color:#79b45d;
	font-family:Copperplate, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}      
#nav-bottom a:hover{
	color:#cccccc;
	text-decoration:none;
} 

/* Basic a settings */
a:link, a:visited, a:active {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}      
a:hover {
	color:#cccccc;
	text-decoration:none;
} 

#schema-footer a:link, a:visited, a:active {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}      
#schema-footer a:hover {
	color:#cccccc;
	text-decoration:none;
} 

/* Perch Form / Form Area */
.perch-form{
	padding-bottom:10px;	
}
#form-required{
	color:#ce3e3e !important;	
}
#contact-info {
	position:absolute;
	top:0px;
	left:600px;
	font-size:16px;	
}
#contact-info p{
	padding-bottom:8px;
	line-height:150%;
}
#address-phone{
	color:#6495c3;	
}

/* AddThis Social Icons */
#social-icons {
	width:300px;
	margin-left:auto;
	margin-right:auto;	
}