html, body {
margin : 0;
padding : 0;
background-color : #8e0600;
background-image: url(images/background.png);
background-repeat: repeat-x;
}
body {
font : 13px verdana, helvetica, sans-serif;
margin : 0 auto;
text-align : center;
background-color : #8e0600;
background-image: url(images/background.png);
background-repeat: repeat-x;
}
#outercontainer {width: 100%; margin: 0 auto; padding: 5px 0 0 0;  background-color: transparent;background-image: url(images/backgroundtop.png); background-repeat: no-repeat; background-position: top center;}
#container {width: 1015px; margin: 0 auto; padding: 0; background-color: transparent; border: solid 5px #fff; overflow:auto;}

#top {width: 1015px; margin: 0 auto; padding: 0; height: 38px; background-color: transparent;}
#top p{width: 1010px; text-align: right; margin: 0; padding: 10px 25px 0 0; color: #fff;}
#top a {font : 13px verdana, helvetica, sans-serif; color : #fff; margin: 0; padding: 0; text-decoration: none;}
#top a:hover {font : 13px verdana, helvetica, sans-serif; color : #fff; margin: 0; padding: 0; text-decoration: underline;}

#banner {width: 1015px; background-image: url(images/banner-back.gif); background-repeat: no-repeat; height: 211px;}
#banner img {float: left;}

#horizontalnav {width: 1015px; background-color: #186b84; background-image: url(images/nav-back.gif); background-repeat: repeat-x; height: 43px; margin: 0 auto; padding: 0; float: left;  z-index: 21;}
#horizontalnavcontainer {width: 1015px; margin: 0 auto; padding: 4px 0 0 0;}

#welcome {width: 1015px; background-color: #eddccd ; clear: both; margin: 0 auto;}


#welcomecontent  {
width : 680px;
padding : 0 0 0 70px;
position : absolute;
top : 325px;
z-index : 20;
} 


#welcomecontent p{margin: 0; padding: 4px 0 0 0; color: #54532b; font : 15px verdana, helvetica, sans-serif; text-align: left;}
#welcomecontent h1 {font : 30px verdana, helvetica, sans-serif; border-bottom: dotted 3px #989896; color: #54532b; text-align: center; margin: 0; padding: 0;}

.christianinternet {font : 30px verdana, helvetica, sans-serif; color: #ba5a0c;}

#iconbox {width: 626px;}

#icon1 {width: 126px; height: 120px; float: left; margin: 0; padding: 0;}

#icon2 {width: 100px; height: 120px;  float: left; margin: 0; padding: 0;  font : 14px verdana, helvetica, sans-serif; text-align: center; color: #54532b;}

#icon3 {width: 120px; height: 120px;  float: left; margin: 0; padding: 0;  font : 14px verdana, helvetica, sans-serif; text-align: center; color: #54532b;}

#icon4 {width: 90px; height: 120px;  float: left; margin: 0; padding: 0;  font : 14px verdana, helvetica, sans-serif; text-align: center; color: #54532b;}

#icon5 {width: 90px; height: 120px;  float: left; margin: 0; padding: 0;  font : 14px verdana, helvetica, sans-serif; text-align: center; color: #54532b;}

#icon6 {width: 100px; height: 120px;  float: left; margin: 0; padding: 0;  font : 14px verdana, helvetica, sans-serif; text-align: center; color: #54532b;}

#greenback {width: 1015px; background-color: #675e3e; float: left;}

#contentarea {width: 1015px; background-color: #d4d2b9; float: left; text-align: left; }
#contentarea p {font : 13px verdana, helvetica, sans-serif; margin: 0; text-align: left; padding: 10px 25px 9px 25px; line-height: 1.3; color: #000;}
#contentarea h1 {font : 22px verdana, helvetica, sans-serif; margin: 0; text-align: left; padding: 25px 25px 10px 25px; line-height: 1.3; color: #652404; font-weight: 600;}
#contentarea h2 {font : 18px verdana, helvetica, sans-serif; color: #186b84; text-align: left; margin: 0; padding: 25px 25px 10px 25px; font-weight: 600;}
#contentarea h3 {font : 16px verdana, helvetica, sans-serif; color: #463d1e; text-align: left; margin: 0; padding: 25px 25px 10px 25px; font-weight: 600;}
#contentarea h4 {font : 14px verdana, helvetica, sans-serif; color: #522e13; text-align: left; margin: 0; padding: 25px 25px 10px 25px; font-weight: 600;}

#contentarea a {font : 13px verdana, helvetica, sans-serif; color : #740400; margin: 0; padding: 0; font-weight: bold; text-decoration: none; line-height: 1.5;}
#contentarea a:hover {font : 13px verdana, helvetica, sans-serif; color : #740400; margin: 0; padding: 0; font-weight: bold; text-decoration: underline; line-height: 1.5;}
#recentwork a {font : 13px verdana, helvetica, sans-serif; color : #ffff00; margin: 0; padding: 0; font-weight: bold; text-decoration: none; line-height: 1.5;}
#recentwork a:hover {font : 13px verdana, helvetica, sans-serif; color : #ffff00; margin: 0; padding: 0; font-weight: bold; text-decoration: underline; line-height: 1.5;}
#portfoliocontainer1 {width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: solid 1px #000;
	}
	

#portfolioleft1 {text-align: center;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	float: left;
	}

#portfolioright1 {text-align: left;
	width: 680px;
	margin: 0 auto;
	padding: 40px 0 100px 0;
	float: right;
	}

#portfoliocontainer2 {width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: solid 1px #000;
	}
	

#portfolioleft2 {text-align: center;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	float: left;
	}

#portfolioright2 {text-align: left;
	width: 680px;
	margin: 0 auto;
	padding: 40px 0 100px 0;
	float: right;
	}

#portfoliocontainer3 {width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: solid 1px #000;
	}
	

#portfolioleft3 {text-align: center;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	float: left;
	}

#portfolioright3 {text-align: left;
	width: 680px;
	margin: 0 auto;
	padding: 40px 0 100px 0;
	float: right;
	}
	
#portfoliorow {text-align: center;
	width: 985px;
	margin: 0;
	padding: 15px 0 15px 15px;
	height: 150px;
	}
	
#p_a {width: 315px;
	margin: 0 auto;
	padding: 0 15px 0 0;
	float: left;
	}
	
#p_b {width: 315px;
	margin: 0 auto;
	padding: 0 15px 0 0;	
	float: left;
	}
	
#p_c {width: 315px;
	margin: 0 auto;
	padding: 0;
	float: right;
	}	



hr {width: 100%;
	text-align: center;
	color: #16637a;
	background-color: #16637a;
	height: 2px;
	border: 0;
	margin: 0 auto;
	}
	

#redbackbox {width: 900px; margin: 0 auto; padding: 25px 0 0 0; text-align: center; background-color: transparent;}

#internet {width: 288px; background-color: transparent; background-image: url(images/red-back.png); background-repeat: no-repeat; background-position: bottom left; float: left; height: 330px; margin: 0 auto; padding: 0 12px 0 0;}
#internet h1 {font : 16px verdana, helvetica, sans-serif; font-weight: bold; text-align: left; margin: 0; padding:12px 0 0 12px; background-color: #690400; color: #ffff00; width: 275px; height: 35px;}
#internet p {text-align: left; margin: 0; padding: 0 0 0 12px; line-height: 1.2;}
#internet a {font : 12px verdana, helvetica, sans-serif; color : #fff; margin: 0; padding: 0; font-weight: bold; text-decoration: none;}
#internet a:hover {font : 12px verdana, helvetica, sans-serif; color : #ffff00; margin: 0; padding: 0; font-weight: bold; text-decoration: underline;}

#customer {width: 288px; background-color: transparent; background-image: url(images/red-back.png); background-repeat: no-repeat; background-position: bottom left; float: left; height: 330px; margin: 0 auto; padding: 0 12px 0 0;}
#customer h1 {font : 16px verdana, helvetica, sans-serif; font-weight: bold; text-align: left; margin: 0; padding:12px 0 0 12px; background-color: #690400; color: #ffff00; width: 275px; height: 35px;}
#customer p {text-align: left; margin: 0; padding: 0 0 0 12px; line-height: 1.2;}
#customer a {font : 12px verdana, helvetica, sans-serif; color : #fff; margin: 0; padding: 0; font-weight: bold; text-decoration: none;}
#customer a:hover {font : 12px verdana, helvetica, sans-serif; color : #ffff00; margin: 0; padding: 0; font-weight: bold; text-decoration: underline;}

#resources {width: 288px; background-color: transparent; background-image: url(images/red-back.png); background-repeat: no-repeat; background-position: bottom left; float: left; height: 330px; margin: 0 auto; padding: 0;}
#resources h1 {font : 16px verdana, helvetica, sans-serif; font-weight: bold; text-align: left; margin: 0; padding:12px 0 0 12px; background-color: #690400; color: #ffff00; width: 275px; height: 35px;}
#resources p {text-align: left; margin: 0; padding: 0 0 0 12px; line-height: 1.2;}
#resources a {font : 12px verdana, helvetica, sans-serif; color : #fff; margin: 0; padding: 0; font-weight: bold; text-decoration: none;}
#resources a:hover {font : 12px verdana, helvetica, sans-serif; color : #ffff00; margin: 0; padding: 0; font-weight: bold; text-decoration: underline;}

#recentwork {width: 1015px; background-color: #383116; float: left; margin: 0 auto; padding: 0 0 0 0;}

#portfolio {width: 980px; margin: 0; padding: 0 0 0 0px; float: left; text-align: center;}
#portfoliotitle {width: 212px; margin: 0 10px 0 0; padding: 0; float: left;}
#portfoliotitle h1 {padding: 25px 0 0 0; margin: 0 auto; font : 20px verdana, helvetica, sans-serif; font-weight: 500; color: #fff; text-align: left;}
#portfolio1 {width: 212px; margin: 0 10px 0 0; padding: 0; float: left;}
#portfolio2 {width: 212px; margin: 0 10px 0 0; padding: 0; float: left;}
#portfolio3 {width: 212px; margin: 0; padding: 0; float: left;}

#slideshow {width: 410px; float: left; padding: 10px 15px 10px 5px; margin: 14px auto; text-align: center;}

#recentworktext {width: 500px; float: right; margin: 0 auto; padding: 10px 10px 10px 25px; text-align: left;}
#recentworktext h1 {padding: 0; margin: 0 auto; font : 20px verdana, helvetica, sans-serif; font-weight: 500; color: #fff; text-align: left;}
#recentworktext p {padding: 15px 0 0 0; margin: 0 auto; font : 13px verdana, helvetica, sans-serif; color: #fff; text-align: left;}


#copyright {width: 1015px; height: 57px; background-color: transparent; margin: 0 auto; padding: 10px 0 0 0; text-align: center;}
#copyright p {font : 9px verdana, helvetica, sans-serif; color: #fff; text-align: center; margin: 0 auto; padding: 18px 0 0 0;}

.clear {clear: both;}


#custom {width: 985px; margin: 0 0 0 10px; padding: 0; text-align: center; float: right; border-bottom: dotted 1px #3d250b;}

#custom_l {width: 350px; float: left; margin: 0 auto; padding: 0; text-align: left;}

#custom_r {width: 620px; float: right; margin: 0 auto; padding: 0; text-align: left;}

#custom_secure_l {width: 235px; float: left; margin: 0 auto; padding: 0; text-align: left;}

#custom_secure_r {width: 735px; float: right; margin: 0 auto; padding: 0; text-align: left;}