body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:16px;
	padding:0px;
	width:900px;
	position:relative;
	margin-top:0px;
	margin-left:auto; 
	margin-right:auto;
	background:url(../images/CRCbg.jpg) top center repeat-x;
	
}

a:link {color:#1d799e; text-decoration:underline}
a:visited {color:#1d799e; text-decoration:underline}
a:hover {color:#1d799e; text-decoration:none}

.canvasbg {
	width:900px;
	float:left;
	margin-left:auto; 
	margin-right:auto;
	margin-top:0px;
	position:relative;
}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#000; margin-top:0px; padding-top:0px; line-height:normal;}

h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#000; margin-top:0px; padding-top:0px; line-height:normal;}

h2 a:link { color:#000; text-decoration:none}
h2 a:visited { color:#000; text-decoration:none}
h2 a:hover { color:#1d799e; text-decoration:none}

h3 {}

.news ul { list-style:none; margin:0px; padding:0px;}

.news ul li { list-style:none; padding-bottom:10px;}


.main {
	position:relative;
	float:left;
	width:898px;
	background:url(../images/HomeBG.gif) right top no-repeat;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}


.imain {
	position:relative;
	float:left;
	width:898px;
	background:url(../images/HomeBG.gif) right top no-repeat;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.button { background:#1d799e; border:1px solid #034f6e; position:relative; padding:8px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; float:left; line-height:10px;}
.button a:link { color:#FFF; text-decoration:none;  line-height:10px}
.button a:visited {color:#FFF; text-decoration:none; line-height:10px }
.button a:hover { color: #FF0; text-decoration:none; line-height:10px }



.logo {
	position:relative;
	float:left;
	font-size:24px;

}

.ilogo {
	position:relative;
	float:left;
	font-size:24px;

}


.imasthead {
	position:relative;
	float:left;
	width:900px;
}

.masthead {
	position:relative;
	float:left;
	width:900px;
	height:396px;
}

.mastleft {
	position:relative;
	float:left;
	width:161px;
	padding:5px;
	border-bottom:1px solid #CCC;
	height:386px;
}

.mastright {
	position:relative;
	float:right;
	width:729px;
	height:386px;
}

.imastleft {
	position:relative;
	float:left;
	width:161px;
	padding:5px;

}

.imastright {
	position:relative;
	float:right;
	width:729px;
}

.navigation {
	position:relative;
	float:right;
	width:729px;
	height:126px;
}

.feature {
	position:relative;
	float:right;
	width:729px;
}

.inside {

	position:relative;
	float:right;
	width:677px;
	padding:25px;
	min-height:1000px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url(../images/inewbg.jpg) top center no-repeat;
	line-height:20px;

}

.photos {
	position:absolute;
	width:488px;
	height:259px;
	left:0px;
	top:0px;
	padding:5px;
	background:#FFF;
	border:1px solid #CCC;
}

.ftop {
	position:absolute;
	width:218px;
	height:124px;
	top:0px;
	right:0px;
	padding:5px;
	border:1px solid #CCC;
}

.fbottom {
	position:absolute;
	width:218px;
	height:124px;
	top:135px;
	right:0px;
	padding:5px;
	border:1px solid #CCC;

}




.copyright { 
	position:relative; 
	float:left; 
	width:400px; 
	text-align:left; }

.footer {
	position:relative;
	float:left;
	width:900px;
	text-align:center;
	margin-top:15px;
	padding-bottom:25px;
	}




.fnav { position:relative; float:right; text-align:right; width:400px; color:#CCC;  }

.fnav a:link { padding-left:12px; padding-right:12px; color:#000; text-decoration:none}
.fnav a:visited { padding-left:12px; padding-right:12px; color:#000; text-decoration:none}
.fnav a:hover { color:#1d799e; text-decoration:none}

#main-nav {
	float: left;
	width: 728px;
	position:relative;
	top:30px;
	

}

#main-nav ul { 
	margin-left:0px; 
	padding-left:0px; 
	right:0px; 
	margin-top:0px;
	list-style:none;
	position:absolute;
	width: 728px;}

.main-nav-btn li {
	float: left;
	text-align: center;
	line-height:normal;
	
}

.arrow  { background:url(../images/nav_arrow.gif) top center no-repeat;}


.news {
	width:187px;
	padding:15px;
	float:right;
	line-height:18px;
}

.newsBG {
	width:217px;
	padding:5px;
	float:right;
	margin-top:1px;
	position:relative
}

.crcBG {
	width:324px;
	padding:5px;
	float:left;
	margin-top:1px;
	position:relative


}

.CRC {
	width:294px;
	padding:15px;
	float:left;
	line-height:18px;

}

.roofsBG {
	width:324px;
	padding:5px;
	float:left;
	margin-top:1px;
	position:relative


}

.gardenroofs {
	width:294px;
	padding:15px;
	float:left;
	line-height:18px;


}

.main-nav-btn li a:link {

	text-decoration: none;
	display: block;
	font-size:13px;
	color:#000;
	padding-left: 12px;
	padding-right:12px;
	padding-top:28px;
	padding-bottom:28px;
	background:url(../images/nav-divider.gif) top right no-repeat;
	
	
	
}

.main-nav-btn li a:visited {

	text-decoration: none;
	display: block;
	font-size:13px;
	color:#000;
	padding-left: 12px;
	padding-right:12px;
	padding-top:28px;
	padding-bottom:28px;
	background:url(../images/nav-divider.gif) top right no-repeat;
	
}

.main-nav-btn li a:hover {
	color:#1d799e; 
	text-decoration:none;
	list-style:none;
	padding-left: 12px;
	padding-right:12px;
	padding-top:28px;
	padding-bottom:28px;
	background:url(../images/nav-divider.gif) top right no-repeat;

}


.subnav { position:relative; float:left; width:160px; font-size:11px;}
.subnav ul { list-style:none; margin:0px; padding:0px; width:160px; text-align:center; margin-top:5px; margin-left:0px;}

.subnav ul li { list-style:none; padding-bottom:4px; padding-top:4px; border-top:1px solid #CCC; width:160px;}

.subnav a { text-decoration:none; }
.subnav a:hover { text-decoration:underline; }

.shead { width:160px; background:#1d799e; color:#FFF; text-decoration:none; padding-bottom:4px; padding-top:4px; }

.shead a { color:#FFF; font-weight:bold; text-decoration:none; border-top:none}


.inside h1 { font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; color:#000; margin-top:0px; padding-top:0px; line-height:normal;}
.inside h2 { font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#1d799e; line-height:normal; padding-top:30px; border-bottom:1px solid #CCC; padding-bottom:10px;}
.inside h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#000; line-height:normal; padding-top:20px; padding-bottom:0px;}

table { padding:1px; border: 1px solid #CCC;}
table th {background:#1d799e; color:#FFF; text-align:left; padding:5px; line-height:18px}
table td { padding:5px; line-height:18px }