/***************************************************************************************************/
html, body {	
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	
}
body {	
	width:100%;
	height:100%;
	border:0;
	margin-top:0;
	padding:0;
	font-family:"trebuchet ms", 'Lucida Grande', arial, helvetica, verdana, sans-serif;
	font-size:1em;
	background:#84afdb url(../images/fullcol2.gif) repeat-y top center;
	
}

#gradient{
	width:100%;
	height:100%;
	background:#84afdb url(../images/gradient.gif) repeat-x top left}


img{
	border:0;
}
/***************************************************************************************************/

#fullcol{
	width:722px;
	min-height:100%;
	position:relative;
	margin:0 auto 0 auto;
	background:#84afdb url(../images/fullcol2.gif) repeat-y top center;
}

* html #fullcol{
	height: 100%;
}

#main {
	width:722px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
}

/***************************************************************************************************/

#header{
	width:722px;
	height:128px;
	margin:0 auto 0 auto;
	background:url(../images/header.gif) no-repeat}


/***************************************************************************************************/

#navbg{
	width:722px;
	height:38px;
	margin:0 auto 0 auto;
	background:url(../images/nav_bg.jpg) no-repeat;
}

#navbg ul {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}

#navbg li {
	float:left; 
	margin:0;
}

#home a, #home a:active {
    width: 119px;
    height: 38px;
    background-image:url(../images/home.gif);
	display:block;
    text-decoration: none;
}

#home a:hover {
    background-position: 119px 0;
}

#roofing a, #roofing a:active {
	margin:0 0 0 2px;
    width: 119px;
    height: 38px;
    background-image:url(../images/roofing.gif);
	display:block;
    text-decoration: none;
}

#roofing a:hover {
    background-position: 119px 0;
}

#solor a, #solor a:active {
	margin:0 0 0 2px;
    width: 183px;
    height: 38px;
    background-image:url(../images/solor.gif);
	display:block;
    text-decoration: none;
}

#solor a:hover {
    background-position: 183px 0;
}

#portfolio a, #portfolio a:active {
	margin:0 0 0 2px;
    width: 122px;
    height: 38px;
    background-image:url(../images/portfolio.gif);
	display:block;
    text-decoration: none;
}

#portfolio a:hover {
    background-position: 122px 0;
}

#contact a, #contact a:active {
	margin:0 0 0 2px;
    width: 122px;
    height: 38px;
    background-image:url(../images/contact.gif);
	display:block;
    text-decoration: none;
}

#contact a:hover {
    background-position: 122px 0;
}

/***************************************************************************************************/

#banner {
	width:722px;
	height:174px;
	margin:0 auto 0 auto;
	background:url(../images/banner.jpg) no-repeat}
	
/***************************************************************************************************/

#contentbg {
	width:722px;
	height:100%;
	margin:0 auto 0 auto;
	background:#fff url(../images/contentfullcol.gif) repeat-x top left;
}

#content {
	width:450px;
	height:auto;
	line-height:1.8em;
	color:#474646;
	font-size:0.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 70px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#content2 {
	width:470px;
	height:auto;
	margin:0 0 0 25px;
	padding:70px 0 10px 0;
	line-height:1.8em;
	color:#474646;
	font-size:0.7em;
}

#welcome {
	width:215px;
	height:20px;
	margin:30px 0 0 0;
	float:left;
	background:url(../images/welcome.jpg) no-repeat;
}

#address {
	width:200px;
	height:280px;
	margin:37px 20px 0 0;
	float:right;
	clear:none;
	border-left:1px solid #d5d5d5;
}

#address2 {
	width:200px;
	height:280px;
	margin:37px 20px 0 0;
	float:right;
	clear:none;
	text-align: center;
}

#address3 {
	width:179px;
	height:134px;
	margin:117px 30px 0 0;
	float:right;
	clear:none;
}

#addresstext {
	width:100px;
	height:auto;
	margin:10px 50px 0 0;
	float:right;
	text-align:center;
	line-height:1.8em;
	color:#474646;
	font-size:0.7em;
}

#mapcol {
	width:254px;
	height:auto;
	margin:0;
	float:right;
	clear:none;
}

#mapcol p {
	margin:0;
	padding:8px 0 10px 0;
}
/***************************************************************************************************/

#form{
	width:180px;
	height:auto;
	margin:5px 0 50px 0;
	padding:0;
	float:left;
}

#form label{
	float:left;
	clear:both;
	padding:0;
	margin:0;
	padding:0;
	
}

#form input.text{
	width:180px;
	border:1px solid #e0e0e0;
	float:left;
	margin:0 0 5px 0;
	padding:0;
}


#form p{
	width:180px;
	margin:0;
	padding:3px 0 0 0;
	float:left;
}

#form input.button{
	width:70px;
	height:25px;
	float:left;
	margin:10px 0 0 0;
	border:0;
	background-color: #7ab7de;
	font-size:0.9em;
	padding:0;
}

#form textarea{
	width:180px;
	border:1px solid #e0e0e0;
	background:#fefff5;
	margin:0 0 0 0;
	float:left;
}

/***************************************************************************************************/



/***************************************************************************************************/


#footer{
	width:722px; 
	height:20px; 
	margin:0 auto 0 auto;  
	clear:both;
	position:relative;
	font-size:0.6em; 
	color:#fff;
	background:#FFFFFF url(../images/footerbg.jpg) bottom no-repeat;
	font-family:helvetica, arial, sans-serif;
}

#footer p{
	margin:0; 
	padding:2px 5px 0 0; 
	float:right
	}

#footer_business{
	width:722px; 
	height:90px; 
	margin:0 auto 0 auto;  
	clear:both;
	position:relative;
	font-size:0.6em; 
	color:#fff;
	background-color:#84AFDB;
	font-family:helvetica, arial, sans-serif;
}

#footer_business p{
	margin:0; 
	padding:27px 5px 0 0; 
	float:right}

#footer a, #footer a:visited, #footer a:active{
	text-decoration:none; 
	color:#fff}

#footer a:hover{
	text-decoration:underline; 
	color:#fff}
#logos img {
	padding: 0 10px 10px 10px;
}

#logos {
	text-align: center;
	width: 700px;
	clear: both;
	margin: 0 auto;
	padding-top: 220px !important; 
	padding-top: 40px ;
	
	height: 140px;
}
.systemsdiagram {
	text-align: center;
	width: 700px;
	clear: both;
	margin: 0 auto;
	padding-top: 40px;
	height: 140px;
}
#logos ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#logos li{ 
	display: inline;
	list-style: none;
}

.clear {
	clear: both;
}

#address2 img {
	padding-top: 25px;
}
.caption {
	font-size:10px;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #474646;
	font-style:italic;
}