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

body {
	font-family: "Century Gothic", Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #c3e4f7;
	background-image: url(../images/bg.jpg);
	background-attachment:fixed;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#main {
	display: block;
	height: auto;
	width: 948px;
	margin-top: -38px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top {
	background-image: url(../images/body-1.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	height: 365px;
	width: 948px;
}
#top-hea {
	display: block;
	float: right;
	height: 42px;
	width: 280px;
	background-image: url(../images/hea-2.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	visibility: visible;
	z-index: 1;
	top: 59px;
	right: 35px;
}
.box1 {
	background-image: url(../images/aluminum-gutter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 284px;
	width: 294px;
	margin-top: 18px;
	margin-left: 33px;
}
.sep-line {
	background-image: url(../images/shadow-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 34px;
	width: 936px;
	margin-left: 7px;
}
.box2 {
	background-image: url(../images/copper-gutter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 284px;
	width: 283px;
	margin-left: 5px;
	margin-top: 17px;
}
.box3 {
	background-image: url(../images/rain-chains.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 190px;
	width: 294px;
	margin-top: 17px;
	margin-left: 5px;
}

#center {
	background-image: url(../images/body-2.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 948px;
}

#center-about {
	background-image: url(../images/body-2.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 948px;
}

#center1 {
	background-image: url(../images/body-2.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 948px;
}
#tex-box {
	float: left;
	height: 380px;
	width: 490px;
	border: 1px solid #1a50a8;
	padding: 15px;
	margin-top:25px;
	text-align: left;
	display: block;
	word-spacing: 0.3em;
	position: relative;
	visibility: visible;
	z-index: 3;
	left: 35px;
}
#tex-box-about {
	float: left;
	height: 210px;
	width: 490px;
	border: 1px solid #1a50a8;
	padding: 15px;
	text-align: left;
	display: block;
	word-spacing: 0.3em;
	position: relative;
	visibility: visible;
	z-index: 3;
	left: 35px;
}

#tex-box-about1 {
	float: left;
	height: auto;
	width: 844px;
	border: 1px solid #1a50a8;
	padding: 15px;
	text-align: left;
	display: block;
	word-spacing: 0.3em;
	position: relative;
	visibility: visible;
	z-index: 3;
	left: 35px;
}

#wel-hea {
	float: left;
	height: 50px;
	width: 262px;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 5;
	left: 15px;
	top: -40px;
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.tex-1 {
	display: block;
	float: left;
	height: 160px;
	width: 480px;
	margin-top: -36px;
}
.tex-1-1 {
	display: block;
	float: left;
	height: auto;
	width: 820px;
	margin-top: -26px;	
}
#phone {
	display: block;
	float: left;
	height: 94px;
	width: 348px;
	background-image: url(../images/call-us.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 50px;
	margin-top: -23px;
}

#tex-shadow {
	background-image: url(../images/shadow-5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	height: 17px;
	width: 517px;
	margin-top: 222px;
}

#tex-shadow-1 {
	background-image: url(../images/shadow-6.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 17px;
	width: 805px;
	margin-top: 12px;
	padding-top: 30px;
}

#contact {
	background-image: url(../images/contact-box.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	height: 187px;
	width: 349px;
	margin-left: 49px;
}

#links {
	display: block;
	float: left;
	height: 120px;
	width: 349px;
	margin-left: 49px;
	padding-top:3px;
	padding-left:10px;
	margin-top:-15px;
}

#bottom {
	background-image: url(../images/body-3.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	height: 335px;
	width: 948px;
}



#bottom2 {
	background-image: url(../images/body-3b.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	float: left;
	height: 40px;
	width: 948px;
}


.bottom-box1 {
	display: block;
	float: left;
	height: 248px;
	width: 282px;
	margin-left:32px; 
	margin-top:20px;
}

.bottom-box2 {
	display: block;
	float: left;
	height: 248px;
	width: 282px;
	margin-left:19px; 
	margin-top:20px;
}

#logo {
	background-image: url(../images/logo2.png);
	display: block;
	float: left;
	height: 77px;
	width: 439px;
	position:relative;
	right:-25px;
	top:46px;
}
#nav {
	background-image: url(../images/nav-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 41px;
	width: 840px;
	margin-top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0b265b;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-top: 29px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer {
	display: block;
	height: 100px;
	width: 938px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#ftex {
	display: block;
	float: left;
	height: 16px;
	width: 910px;
	margin-top: 42px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 2px;
}
.f1 {
	background-image: url(../images/f1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 158px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
.f2 {
	background-image: url(../images/f2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 84px;
	width: 158px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}



.f3 {
	background-image: url(../images/f2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 84px;
	width: 258px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

.blink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 15px;
	padding-left: 20px;
	color: #0a3f79;
}



.tnav:link {
	color: #0B265B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	
}

.tnav:visited {
	color: #0B265B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.tnav:hover {
	color: #2b7506;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.tnav:active {
	color: #0B265B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}


.tnav-h {
	color: #2b7506;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}





.dnav:link {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

	
}

.dnav:visited {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

}

.dnav:hover {
	color:#0B265B;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

}

.dnav:active {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;

}


.dnav-h {
    color:#083578;
    font-family: "Century Gothic", Arial;
	font-size: 14px;
	font-weight: normal;
	font-weight: bold;

}
.hea {

	float: left;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 5;
	left: 15px;
	top: -40px;
	height: 49px;
	width: 120px;
}

.box1b {

	float: left;
	height: auto;
	width: 294px;
	margin-top: 18px;
	margin-left: 17px;
}
 
.box2b {

	float: left;
	height: auto;
	width: 283px;
	margin-left: 5px;
	margin-top: 17px;
}
.box3b {

	float: left;
	height: auto;
	width: 294px;
	margin-top: 17px;
	margin-left: 5px;
}
#flaash-g {
		
}
.tex {
	float: left;
	height: auto;
	width: 90%;
	padding-top: 10px;
	padding-right: 05px;
	padding-bottom: 10px;
	padding-left: 35px;
}
#inner-header {
	height: 220px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/inner-header.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#header-about {
	height: 220px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/about-us.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#header-thanks {
	height: 220px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/thanks.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#header-faq {
	height: 220px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/faq.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#header-test {
	height: 220px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/guy_rudi.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#header-contact {
	height: 220px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#by {
	clear:both;
	height: 12px;
	width: 900px;
	padding-top:10px;
	margin-left:18px;
	font-size: 12px;
	text-align:left;
}