/* CSS Document */

body, html {
	margin:0px;
	padding:0px;
	background-color:#505050;
	height:100%;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:15px;
	}
	
a {text-decoration:none; color:#336699;}
a:hover {}
a:visited {}

h1, h2 {
	width:1px;
	height:1px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	}
	
h3 {
	color:#0086B8;
	text-transform:uppercase;
	font-size: 13px;
	font-weight: bold;
	border-left: 10px solid #0086B8;
	line-height:10px;
	padding-left:5px;
	margin:0px 0px 5px 0px;
	}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #FFFFFF;
	color:#336699;
	}
input{
	border: 1px solid #CCCCCC;
	padding:1px 3px 1px 3px;
	}

div#container {
	width:800px;
	height:100%;
	background-color:#6E6E6E;
	position: relative; 
	margin-left: auto; 
	margin-right: auto;
	}

div#masthead {
	height:120px;
	padding:10px 20px 20px 15px;
	background:url(/images/shared/bg_line_masthead.gif) repeat-y #FFFFFF;
	}
div#logo, a#logo  {
	width:187px;
	height:120px;
	float:left;
	background-image:url(/images/index/logo.gif);
	}
div#testimonial {
	width:515px;
	height:120px;
	float:right;
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.quotehome {
	background-image:url(/images/shared/quote1.gif);
	}

/* NAVIGATION */
.index div#nav { height:250px; background:url(/images/index/photo.jpg) no-repeat right;}
.second div#nav { height:171px;	background:url(/images/second/photo.jpg) no-repeat right;}

div#nav ul {
	margin:0px;}
.index div#nav ul {padding:26px 0px 0px 30px;}
.second div#nav ul {padding:12px 0px 0px 30px;}

div#nav li {
	width:167px;
	height:10px;
	list-style: none;
	display:list-item;
	overflow:hidden;}
.index div#nav li {	margin:0px 0px 13px 0px;}
.second div#nav li {margin:0px 0px 5px 0px;}

div#nav a,  div#nav span {
	width:167px;
	background-repeat:no-repeat;
	padding-left:200px;}
	
div#nav a.message {	background-image:url(/images/shared/nav_message.gif);}
div#nav a.message:hover, span.message { background-image:url(/images/shared/onnav_message.gif);}
div#nav a.green { background-image:url(/images/shared/nav_green.gif);}
div#nav a.green:hover, span.green { background-image:url(/images/shared/onnav_green.gif);}
div#nav a.who {	background-image:url(/images/shared/nav_who.gif);}
div#nav a.who:hover, span.who { background-image:url(/images/shared/onnav_who.gif);}
div#nav a.industrial { background-image:url(/images/shared/nav_industrial.gif);}
div#nav a.industrial:hover, span.industrial { background-image:url(/images/shared/onnav_industrial.gif);}
div#nav a.commercial { background-image:url(/images/shared/nav_commercial.gif);}
div#nav a.commercial:hover, span.commercial { background-image:url(/images/shared/onnav_commercial.gif);}
div#nav a.residential {	background-image:url(/images/shared/nav_residential.gif);}
div#nav a.residential:hover, span.residential { background-image:url(/images/shared/onnav_residential.gif);}
div#nav a.news { background-image:url(/images/shared/nav_news.gif);}
div#nav a.news:hover, span.news { background-image:url(/images/shared/onnav_news.gif);}
div#nav a.clients {	background-image:url(/images/shared/nav_clients.gif);}
div#nav a.clients:hover, span.clients { background-image:url(/images/shared/onnav_clients.gif);}
/* END NAVIGATION */

div#content {
	float:left;
	width:740px;
	padding:30px;
	margin:0px 0px 15px 0px;
	}
.index #content {
	background:url(/images/index/bg_content.gif) repeat-y;
	color:#B4DEFF;
	}
.second #content { background:#FFFFFF;}

hr {
	color: #CECECE;
	background-color: #CECECE;
	height: 1px;
	border: none;
	margin-bottom:15px;
	}

/* TITLES */
div#title {
	float:left;
	width:800px;
	height:50px;
	background-color:#008FC5;
	background-repeat:no-repeat;
	background-position: left center;
	
	}
.message {background-image:url(/images/second/message_title.gif);}
.green {background-image:url(/images/second/green_title.gif);}
.who {background-image:url(/images/second/who_title.gif);}
.industrial {background-image:url(/images/second/industrial_title.gif);}
.commercial {background-image:url(/images/second/commercial_title.gif);}
.residential {background-image:url(/images/second/residential_title.gif);}
.news {background-image:url(/images/second/news_title.gif);}
.clients {background-image:url(/images/second/clients_title.gif);}
.mailing {background-image:url(/images/second/mailing_title.gif);}
.maintenance {background-image:url(/images/second/maintenance_title.gif);}
/* END TITLES */
	
.col1 {
	float:left;
	padding-bottom: 10px;
	}
.index .col1 {width:175px;}
.second .col1 {width:200px;}

.col2 {
	float:right;
	padding-bottom: 10px;
	}
.index .col2 {width:500px;}
.second .col2 {width:525px;}

p {	margin-top:0px;}

div#footer {
	margin: 0px;
	padding: 20px 20px 30px 20px;	
	font-size:10px;
	text-transform:uppercase;
	color:#B7B7B7;
	background:#6e6e6e;
	}

a#cat4, a#cat4:visited {
	background: url(/images/shared/cat4logo.gif);
	float:right;
	display:block;
	width: 36px;
	height:30px;}

a#cat4:hover, a#cat4:active {	
	background: url(/images/shared/cat4logo_on.gif);
	}


/* PHOTOS */

.photomessage1, 
.photomessage2,
.photomessage3,  
.photogreen1,
.photogreen2,
.photogreen3,
.photogreen4,
.photogreen5,
.photowho1, 
.photowho2, 
.photowho3, 
.photoindustrial1, 
.photoindustrial2, 
.photocommercial1, 
.photocommercial2, 
.photoresidential1, 
.photoresidential2,
.photoresidential3, 
.photoresidential4,    
.photonews1, 
.photoclients1, 
.photoclients2,
.photoclients3,
.photoclients4 {
	width:186px;
	height:166px;
	border: solid thin #6E6E6E;
	}
.photomessage1 {background-image:url(/images/second/message_photo1.jpg);}
.photomessage2 {background-image:url(/images/second/message_photo2.jpg);}
.photomessage3 {background-image:url(/images/second/message_photo3.jpg);}
.photogreen1 {background-image:url(/images/second/green_photo1.jpg);}
.photogreen2 {background-image:url(/images/second/green_photo2.jpg);}
.photogreen3 {background-image:url(/images/second/green_photo3.jpg);}
.photogreen4 {background-image:url(/images/second/green_photo4.jpg);}
.photogreen5 {background-image:url(/images/second/green_photo5.jpg);}
.photowho1 {background-image:url(/images/second/who_photo1.jpg);}
.photowho2 {background-image:url(/images/second/who_photo2.jpg);}
.photowho3 {background-image:url(/images/second/who_photo3.jpg);}
.photoindustrial1 {background-image:url(/images/second/industrial_photo1.jpg);}
.photoindustrial2 {background-image:url(/images/second/industrial_photo2.jpg);}
.photocommercial1 {background-image:url(/images/second/commercial_photo1.jpg);}
.photocommercial2 {background-image:url(/images/second/commercial_photo2.jpg);}
.photoresidential1 {background-image:url(/images/second/residential_photo1.jpg);}
.photoresidential2 {background-image:url(/images/second/residential_photo2.jpg);}
.photoresidential3 {background-image:url(/images/second/residential_photo3.jpg);}
.photoresidential4 {background-image:url(/images/second/residential_photo4.jpg);}
.photonews1 {background-image:url(/images/second/news_photo1.jpg);}
.photoclients1 {background-image:url(/images/second/clients_photo1.jpg);}
.photoclients2 {background-image:url(/images/second/clients_photo2.jpg);}
.photoclients3 {background-image:url(/images/second/clients_photo3.jpg);}
.photoclients4 {background-image:url(/images/second/clients_photo4.jpg);}

/* END PHOTOS */

/* MAINTENANCE */
#maintenance td td {
	background-color:#EFEFEF;
	padding:5px;
	}
#maintenance li {
	margin-left:20px;
	}
#maintenance th {
	text-align:left;
	background-color:#F9F9F9;
	padding:5px;
	}
/* END MAINTENANCE */

/* MAILING LIST */
#mailing {
	font-size:10px;
	text-transform:uppercase;
	color:#FFFFFF;
	}

#mailing input {
	width:170px;
	font-size:10px;
	background-color:#3DACE3;
	padding:1px;
	margin:3px 0px 2px 0px;
	text-transform:uppercase;
	border: 1px solid #8DD9FF;
	}
#mailing .submit {
	width:50px;

	color:#FFFFFF;
	padding:0px;
	}
/* END MAILING LIST */