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

a { text-decoration: none;
	color: #C00; 
	}
	
#address {
	list-style-type: none;
	color: #333;
	}
	
.address {
	list-style-type: none;
	color: #333;
	margin-bottom: 30px;
	}	

body {
	background-image: url(../img/graintwo.jpg);
	font-family:Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	}
	
#bodyIndex {
	overflow-y: hidden;	
	}
		
#bottom { 
	padding-left: 5px;
	margin-top: 50px;
	position: relative;
	}

#bottom hr {
	border-top: thin dashed #C2A44B;
	border-bottom:none;	
	border-right: none;	
	border-left: none;		
	}

#bottomleft {
	width: 300px;
	float: left;
	}
	
#bottomright {
	width: 300px;
	float: right;
	padding-right: 30px;
	}	
	
#cleaningman {
	margin-top: 63px;	
	}
	
#corporate {
	margin-top: 65px;	
	}


	
h2 { 
	color: #C00; 
	text-shadow: 0px 1px 1px #976957;
	}

h3 { 
	color: #C00; 
	font-size: 16px;
	text-shadow: 0px 1px 1px #976957;
	}	
	
#imgleft {
	position: relative;	
	float: left;
	padding-right: 40px;
	width: 50px;
	}

#imgright {
	position: relative;	
	float: left;
	width: 70px;
	padding-left: 80px;
	}

.imgspacing {
	margin-bottom: 110px;
	margin-top: 10px;
	}
		



/* ------------------ Footer Section ------------------- */

#bottomFooter {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	height: 200px;
	background-image: url(../img/stripes.png);
	background-repeat:repeat; 
	z-index: -100;
	border-top: 5px solid #666;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	}

#footer {
    width: 100%;
    padding: 25px;
	position: relative;
	margin-left: auto;
	margin-rigth: auto;
	text-shadow: 0 1px 0 #000000;
    }

#footer p {
	text-align: center;	
	color: #ffffff;	
	}
	
#footer a {
	color: #ffffff;	
	}

#footer a:hover {
	text-decoration: underline;
	}
	
/* ------------------ End Footer Section ------------------- */


/* ------------------ All Forms ------------------- */

form ul {
	list-style-type: none;
	}
	
fieldset {
	border: none;	
	}

/* ------------------ All Forms End ------------------- */


/* ------------------ Form ------------------- */

#form {
	width: 290px;
	height: 180px;
	background: #65B7FF;
	padding: 10px 0px 20px 10px;
	position: relative;
	border: 4px solid #ffffff;
	
	-moz-border-radius-topleft: 20px; 
	-moz-border-radius-topright: 20px; 
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px; 

	-webkit-border-top-left-radius: 20px; 
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px; 
	
	-khtml-border-top-left-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	-khtml-border-bottom-left-radius: 20px; 
	-khtml-border-bottom-right-radius: 20px;
	  
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px; 
	border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px; 

	
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	}
	

#forminputs {
	width: 180px;
	position:relative;
	float:left;
	padding-left: 25px;
	margin-top: 10px;
	}


#forminputs ul li {
	padding-bottom: 5px;
	}

#formlabels {
	width:75px;
	postion: relative;
	float: left;
	margin-top: 10px;
	}
	
#form ul {
	color: #ffffff;
	list-style-type: none;
	}

#formlabels ul li {
	padding-bottom: 9px;
	}

form.quote fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
		
form.quote em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}
	
form.quote label {
	width: 120px; /* Width of labels */
	}
	
form.quote fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
	}
	
.formtop {
	margin-top: 100px;	
	}
		
fieldset {
	border: none;
	}

.largerfont {
	font-size: 16px;
	color: #C00; 
	font-weight: bold;	
	}

legend {
	color: #ffffff;
	font-weight: bold;
	}
/* ------------------ End of Form ------------------- */




/* top right bottom left */

#heading {
	width: 100%;
	height: 140px;
	top: 10px;
	left: 0px;
	position: absoulte;
	padding: 25px;
	}

#heading img {
	position: relative;
	float: left;	
	text-decoration: none;
	border: 0 none;
	}
	
#heading a {
	text-decoration: none;
	border: 0 none;	
}

#heading ul {
	list-style-type: none;
	display: inline;
	font-size: 16px;
	color: #666;	
	}
	
#heading ul li {
	list-style-type: none;
	display: inline;
	font-size: 16px;
	color: #666;
	padding-right: 5em;	
	}

#heading h1 {
	color: #ffffff;
	text-shadow: 0px 1px 2px #6A0B07;
	font-weight:400;
	position: relative;
	margin-top: 20px;
	}

#list {
	margin-top: 50px;
	border: 4px solid #87D7FF;
	width: 350px;
	height: 240px;
	padding: 25px;	
	
	-moz-border-radius-topleft: 20px; 
	-moz-border-radius-topright: 20px; 
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px; 

	-webkit-border-top-left-radius: 20px; 
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px; 
	
	-khtml-border-top-left-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	-khtml-border-bottom-left-radius: 20px; 
	-khtml-border-bottom-right-radius: 20px;
	  
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px; 
	border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px; 
	}

#list ul {
	list-style-type: none;
	font-size: 14px;
	}





/*------------------- Drop Down Menu  -------------------- */

 
 #cssdropdown {
	list-style-type: none;
	}
	
#cssdropdown li {
	display: inline;
	padding-right: 50px;
	margin: 0px;	
	font-size: 18px;
	}

#cssdropdown li a {
	color: #fff;
	text-shadow: 0px 1px 2px #6A0B07;
	}	
	
#cssdropdown li a:hover {
	color: #600; 
	}	

li.headlink:hover a { 
	visibility: visible;
	}
	
li.headlink ul { visibility: hidden; } 
li.headlink:hover ul { visibility:visible; background-color:#ffffff; }

#blocked li {
	display: block;
	padding: 0px 5px 5px 5px;
	background: #777;
	border-bottom: 3px solid white;
	}
		
#blocked li a {
	color: #fff;
	font-size:14px;
	border: none;
	text-shadow: 0 1px 0 #000000;
	}		
	
#blocked li a:hover {
	color: #222;
	}		
	
#blocked { 
	background: #ffffff;
 	padding: 10px 10px 15px 10px;
 	position: absolute;
	width: 120px;
 	left: 460px;
	border: solid 1px #666;
	height: 80px;
	top: 20px;
	z-index: 1000;
	}
 
#nav {
	position:absolute;
	top: 150px;
	margin-left: 150px;
	width: 800px;
	}
 

/*------------------- Drop Down Menu -------------------- */

/* this is the image on the testimonials page */

#testimonials {
	margin-top: 50px;
	}

#testimonials_text {
	margin-bottom: 50px;
	}

#video {
	/*padding-top: 60px;*/
	width: 280px;
	height: 214px;
	background: #000000;
	border: 4px solid #d7d3b8;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	position: relative;
	float: right;
	}

#wrap {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	z-index: 1;
	}	
	
	
/* ------------------ Popup CSS ------------------- */

form#emailForm{
	color: #ffffff;
	text-shadow: 0 1px 0 #7CBFD0;
	text-align: left;
	}

.headings {
	position: absolute;	
	top: 25px;
	width: 500px;
	height: 200px;
	}

.info1 {
	height: 50px;
	width: 125px;
	position: absolute;
	top: 160px;
	}

.info2 {
	height: 50px;
	width: 125px;
	position: absolute;
	top: 160px;
	left: 210px;
	}
	
.info3 {
	height: 50px;
	width: 125px;
	position: absolute;
	top: 160px;
	left: 400px;
	}

input.red {
	width: 33px;
	height: 33px;
	margin-left: 690px;
	top: 5px;
	cursor: pointer;
	position: absolute;
	left: 0px;
	z-index: 100; 
	border: none;
	color: #ffffff;
	background-color: transparent;
	}
	
input.sub {
	width: 100px;
	height: 60px;
	left: 598px;
	position: absolute;
	top: 137px;
	cursor: pointer;
	color: #C93;
	font-size: 1.1em;
	border: none;
	background-color: transparent;
	}

input.sub:hover {
	color: #C60;	
	}
	
#overlay {
	display:none; 
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:185.5%;
	text-align:center;
	z-index: 80;
	background-image: url(../img/background-trans.png);
	background-repeat:repeat;
	border: none;
	}
	
#overlay2 {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	background-image: url(../img/background-trans.png);
	z-index: 80; 
	border: none;
	}
	
#screeningOverview {
	margin-top: 60px;
	}
	
#screeningOverview li {
	color: #333;
	}	

#thanks { 
	width: 700px;
	padding: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 5px solid #ffffff;
	text-align: center;
	background: #96E1FF;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	} 
	
#thanks h2 {
	color: #ffffff;	
	text-shadow: 0 1px 0 #7CBFD0;
	}

#thankyou a {
	color: #ffffff;	
	text-shadow: 0 1px 0 #33F;
	}
		
#thankyou {
	border: 2px solid #39F;	
	background: #65B7FF;
	-moz-box-shadow: 0 0 5px #39F;
	-webkit-box-shadow: 0 0 5px #39F;
	box-shadow: 0 0 5px #39F;
		
	-moz-border-radius-topleft: 20px; 
	-moz-border-radius-topright: 20px; 
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px; 

	-webkit-border-top-left-radius: 20px; 
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px; 
	
	-khtml-border-top-left-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	-khtml-border-bottom-left-radius: 20px; 
	-khtml-border-bottom-right-radius: 20px;
	  
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px; 
	border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px;
	}
		
.white {
	color: #ffffff;	
	text-shadow: 0px 1px 1px #85CAEC;
	}
		
#wrapper { 
	width: 700px;
	height: 225px;
	border: 5px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -350px; /* == half of the width of the element */
	margin-top: -112px; /* == half of the height of the element */
	z-index: 100;
	background-image: url(../img/background.jpg);
	background-repeat:no-repeat;
	padding: 0px 10px 10px 20px;
	text-align: center;
	display:none; 
	} 
	
/* ------------------ End Popup CSS ------------------- */	

#top {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	background-image: url(../img/red_grain.jpg);
	background-repeat:repeat; 
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	z-index: -100;
	border-bottom: 5px solid #EC2828;
	}

ul { 
	display: inline;
	color: #666;
	}
		

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/


/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
	width: 900px;
	padding: 25px 25px 25px 25px;
    }
	
.container_12 h1 { color: #C00; }


/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-right: 7px;
	}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
	position: relative;
	}

.grid_2 {
	width: 260px;
 	display: inline;
	float: left;
	margin-right: 7px;
	padding-right: 10px;
	}

.grid_3 {
	width: 300px;
	position: relative;
	float: left;
	margin-top: 100px;
	}

.grid_4 {
	width: 300px;
	position: relative;
	margin-top: 100px;
	float: right;
	}

.container_12 .grid_6 {
	width: 400px;
	}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
	}

.container_12 .grid_12,
.container_16 .grid_16 {
 	width: 960px;
	}

.container_12 p {
	color: #333;	
	}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
	}

.omega {
	margin-right: 0;
	}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
	}

.container_12 .grid_5 {
	width: 380px;
	}

.container_12 .grid_7 {
	width: 540px;
	}

.container_12 .grid_8 {
	width: 620px;
	}

.container_12 .grid_10 {
 	width: 780px;
	}

.container_12 .grid_11 {
	width: 860px;
	}


/* ------------ Padding Left of the Right Collumn --------------- */


.container_12 .push_6 {
	left: 50px;
	}
	

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
  	overflow: hidden;
 	visibility: hidden;
	width: 0;
	height: 0;
	}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
	clear: both;
	}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
	zoom: 1;
	}