/*
	Boxes
*/


body {
	
margin:0px; padding:0px;
	background-color:#0a2b09;
	font-family:Arial, Helvetica, sans-serif;

}

#outside {
	background:url(images/background_sliceshorter.jpg) repeat-x #186215;
}

#outsidelighting {
	background:url(images/lighting_slice.jpg) repeat-x #0a2b09;

}

#containerindex {
	background:url(images/index.jpg) no-repeat;
	min-height:800px;
	width:858px;
	position:relative;
	margin:0 auto;

}

#containernobulb {
	background:url(images/nobulb.jpg) no-repeat;
	min-height:700px;
	width:858px;
	position:relative;
	margin:0 auto;

}

#containerlighting {
	background:url(images/lighting1.jpg) no-repeat;
	min-height:887px;
	width:858px;
	position:relative;
	margin:0 auto;

}


#containervan {
	background:url(images/lighting.jpg) no-repeat;
	min-height:1100px;
	width:858px;
	position:relative;
	margin:0 auto;

}


#containerlinks {
	background:url(images/lighting1.jpg) no-repeat;
	min-height:887px;
	width:858px;
	position:relative;
	margin:0 auto;

}


#containerother {
	background:url(images/white2.jpg) no-repeat;
	min-height:700px;
	width:860px;
	position:relative;
	margin:0 auto;
}




/*
	Bunch of images
*/


#goback { position:absolute; top:730px; left:700px; }
#careers { position:absolute; top:220px; left:285px; }
#otherservices { position:absolute; top:220px; left:285px; }
#exterior { position:absolute; top:220px; left:250px; }
#interior { position:absolute; top:220px; left:250px; }
#begreen { position:absolute; top:220px; left:175px; }
#recycling { position:absolute; top:220px; left:250px; }
#panel { position:absolute; top:15px; left:250px; }
#logo { position:absolute; top:0px; left:667px; }


#circlebee {
 background: url('images/circlebee.png') 
  repeat; position:absolute; 
 left: 50px; top: -30px; 
 width: 200px; 
 height: 200px;
 z-index: 1;
 }

#bulblogo {
 background: url('images/bulblogo.png') 
  repeat; position:absolute; 
 left: 645px; top: -10px; 
 width: 160px; 
 height: 210px;
 z-index: 1;
 }
#bulblogoreverse {
 background: url('images/bulblogoreverse.png') 
  repeat; position:absolute; 
 left: -100px; top: 500px; 
 width: 160px; 
 height: 210px;
 z-index: 3;
 }

#logoindex {
 background: url('images/logoindex.png') 
  repeat; position:absolute; 
 left: 275px; top: 10px; 
 width: 350px; 
 height: 149px;
 z-index: 1;
 }


#stickynote { 
 background: url('images/stickynote.png') 
  repeat; position:absolute; 
 left: 560px; top: 500px; 
 width: 315px; 
 height: 325px;
 z-index: 1;
 }


#van { 
 background: url('images/okvan.png') 
  repeat; position:absolute; 
 left: 0px; top: 730px; 
 width: 800px; 
 height: 433px;
 z-index: 1;
 }

#polaroid { 
 background: url('images/christmas.png') 
  repeat; position:absolute; 
 left: 300px; top: -100px; 
 width: 300px; 
 height: 310px;

 }

#begreen { 
 background: url('images/begreen.png') 
  repeat; position:absolute; 
 left: 265px; top:2px; 
 width: 300px; 
 height: 400px;

 }

#envawareness { 
 background: url('images/envawareness.png') 
  repeat; position:absolute; 
 left: 650px; top:-100px; 
 width: 200px; 
 height: 280px;

 }

#recyclingservices { 
 background: url('images/recyclingservices.png') 
  repeat; position:absolute; 
 left: 650px; top:10px; 
 width: 145px; 
 height: 130px;

 }
 
 #residential { 
 background: url('images/houseblack.png') 
  repeat; position:absolute; 
 left: 650px; top:10px; 
 width: 150px; 
 height: 125px;

 }




#careers { 
 background: url('images/careers.png') 
  repeat; position:absolute; 
 left: 290px; top:200px; 
 width: 250px; 
 height: 225px;

 }



ul#nav { 
	margin:0px;	padding:0px;
	position:absolute; top:175px; left:15px;
}
ul#navright{ 
	margin:0px;	padding:0px;
	position:absolute; top:175px; right:20px;	
}
ul#nav li, ul#navright li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:30px;
	font-size:9px;
text-transform:uppercase;
	display:inline;
}
ul#nav li a, ul#navright li a {
	text-decoration:none;
	color:#2d3c26;
}
ul#nav li a:hover, ul#navright li a:hover {
	text-decoration:none;
	color:#479444;
}




/*
	Stuff inside the boxes
*/

#content {
	padding-top:230px;
	padding-left:35px;	
	padding-bottom:15px;
	width:815px;
	color:#000000;
	font-size:13px;
	line-height:20px;
}

#gallery {
	padding-top:230px;
	padding-left:35px;	
	width:815px;
	color:#000000;
	font-size:13px;
	line-height:20px;
}



#recyclingcontent {
	padding-top:450px;
	padding-left:35px;
	width:815px;
	color:#000000;
	font-size:13px;
	line-height:20px;
}

.singlecolumn1  { float:left; width:500px; margin-left:150px; margin-right:40px; }
.column1 { float:left; width:230px; margin-right:30px; }
.column2 { float:left; width:230px; margin-right:30px; }
.column3 { float:left; width:270px; }

.int { float:left; width:200px; margin-left:70px; margin-right:70px; padding-top:40px; padding-left:80px; padding-bottom:50px;}
.ext { float:left; width:200px; margin-right:30px; padding-top:40px;}

.lighting1 { float:left; width:230px; margin-right:30px; }
.lighting1 img {
padding-top:27px;
}



.gallery1 { float:left; width:230px;  }
.gallery2 { float:left; padding-left:45px; width:230px; }
.gallery3 { float:left; padding-left:55px; width:230px; }

.gallery1 img  {
border: 1px solid green;
margin-bottom:10px;
}
.gallery2 img  {
border: 1px solid green;
margin-bottom:10px;
}

.gallery3 img  {
border: 1px solid green;
margin-bottom:10px;
}

.gallery1 h3 {
margin:0px 0px 0px 0px;
padding:0px;
}


.column1 img {
padding-top:27px;
}
.column2 img {
padding-top:12px;
padding-left:12px;
}

.fixtures1 { float:left; width:230px;  }
.fixtures2 { float:left; padding-left:45px; width:230px; }
.fixtures3 { float:left; padding-left:55px; width:230px; }

.fixtures1 img {
padding-top:27px;
}
.fixtures2 img {
padding-top:28px;
}
.fixtures3 img {
padding-top:28px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}

#recyclingcontent h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}


#gallery h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 15px 0px;
	font-weight:bold;

}


#gallery h2 span {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 0px 0px;
	font-weight:normal;

}

#gallery h3 {
font-family:Arial, "Times New Roman", Times, serif;
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px;
}


#gallery 

#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
margin:0px 0px 0px 0px;
	font-weight:strong;

}

#content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
margin:0px 0px 20px 0px;
	font-weight:normal;
      font-size:16px;
}

#content h2 span {
font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 20px 0px;
	font-weight:normal;

padding-left:20px;
}

#content h2 a {
text-decoration:none;
color:#2d3c26;
}
#content h2 a:hover {
	text-decoration:none;
	color:#479444;
}

#content h3 a {
text-decoration:dotted;
color:#2d3c26;
}
#content h3 a:hover {
	text-decoration:none;
	color:#479444;
}



ul.otherservices {
	margin:0px; padding:0px;
}
ul.otherservices li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.otherservices li a {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:10px;
	color:#89c501;
	display:block;

}
ul.otherservices li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}
ul.otherservices li a h4 {
	color:#674f5d;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}
ul.otherservices li a:hover, ul.otherservices li a:hover h4 { color:#479444; }

#explanation {
margin:0px 60px 25px 0px;
padding:15px 15px 5px 0px;
background-color:#ffffff;

}

#explanation p {


}

#explanation h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}


#home h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:0px 0px 20px 700px;
	padding-top: 35px;
	font-weight:normal;
}




.clear {
clear: both;
height: 1px;
overflow: hidden;
margin-top: -1px;
}

/*
	Footer section
*/
#footer {
	border-top:1px solid #1c271a;
	padding:30px 50px 80px 50px;
	color:#674f5d;
	font-size:9px;
	line-height:14px;
	background-color:#0a2b09;
}
#footer img {
	float:left;
	margin-right:10px;
}
#footer span {
	display:block;
	float:left;
	width:250px;
}
#footer a {
	color:green;
	text-decoration:none;
}
#footer a:hover { color:#ffffff; }





a img { border:0px }