/*CSS Document*/



/*basic style info*/



a:link {

	color: #008800;

	text-decoration: none;

}



a:visited {

	color: #990099;

	text-decoration: none;

}



a:hover {

	color: #CD9B1D;

	text-decoration: underline;

}



h2{

	margin-left: 40px;

	margin-top: 15px;

	margin-bottom: 15px;

	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color:  #5C4033;

}



h1{

	margin: 20px 40px 0 40px;

	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #CD950C;

	position: relative;

	width: 600px;

}



h3{	

	margin: 0px 40px 0 40px;

	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #CD950C;

	position: relative;

}

h4{

	margin: 20px 40px 0 40px;

	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #CD950C;

	position: relative;

	width:350px;

}





p{

	margin-left: 40px;

	margin-right: 10px;

	margin-top: 20px;

	margin-bottom: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #5C4033;

}

table {

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

}

td {

	vertical-align:top;

	width: 155px;

}

td p {

	margin: 0 0 10px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #5C4033;

	vertical-align:top;

}

body {

	background-color: #E8F1D4;

}	



/*basic universal containers*/



#container {

	width: 810px;

	height: auto;

	position: relative;

	margin: 0 auto;

	z-index: 1;

}



#content {

	width: 800px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

	background-color: #FFFFFF;

	border: 5px solid #FFFFFF;

	padding: 0;

}



/*header info*/



#header {

	width: 810px;

	height:150px;

	position:relative;

}



#header img.banner {

	z-index:10;

}



#header img.mailLink {

	position:absolute;

	right:0px;

	bottom:0px;

	z-index:100;

}



a img,:link img,:visited img { 

	border:none 

}



/*menu info*/



#menu{

	width: 810px;

	height: 2em;

	background-color: #71C671;

	line-height: normal;

	text-align: center;

	margin: 0 auto;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .9em;

}



#menu a:hover{

	color: #008800;

}



#menu ul{

	list-style: none;

	padding: 0;

	margin: 0;

	text-align: center;

	display: inline;

}



#menu ul li{

	float: left;

	margin: 0;

	padding: 0;

	display: inline;

}



#menu li a{

	height: 2em;

	line-height: 2em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	display: inline;

	border: 0px;

	color: #FFFFFF;

	text-align: center;

	margin: 0 0 10px 0;

	padding: 5px 24px 5px 23px;

	}



#menu li a.chosen {

	background-color: #FFFFFF;

	color: #5C4033;

	padding: 3px 15px 7px 15px;

}



/*Commented backslash hack hides rule from IE5-Mac \*/



#menu li a{

	float: none;

}



/*End IE5-Mac hack */



/*footer info*/



#footer {

	width: 800px;

	margin: 0 auto;

	background-color: #f6fbf6;

	border: 5px solid #FFFFFF;

	clear: both;

	text-align: center;

}



.foot{

	color: #615E3F;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0 0 0 0px;

	padding: 5px;

	line-height: 18px;

}



.foot a:link{

	color: #008800;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

}



.foot a:hover{

	color: #CD9B1D;

	margin: 0;

}



.foot a:visited{

	color: #990099;

	margin: 0;

}



/*index page info*/



#indexright{

	float: right;

	width: 500px;

	height: 45px;

}



.home{

	background-image: url(../images/boom.jpg);

	background-repeat: no-repeat;

	background-position: top left;

	height: 30px;

	padding-left: 65px;

	padding-top: 10px;

}



.hgtv{

	float: right;

	color: #CC1100;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	text-decoration: underline;

	margin: 12px 85px 0 0;

}



.hgtv a:link{

	color: #CC1100;

	text-decoration: underline;

}



.hgtv a:hover{

	color: #CC1100;

	text-decoration: none;

}



.hgtv a:visited{	

	color: #CC1100;

	text-decoration: underline;

}



/*service page info*/



#wrapper1{

	width: 800px;

	height: 300px;

	padding-bottom: 70px;

}



#wrappertext{

	float: right;

	width: 370px;

	height: auto;

	position: relative;

}



#wrapperpic{

	float: left;

	width: 410px;

	height: 270px;

}



#wrapper2{

	width: 800px;

	height: 320px;

}



#wrappertext2{

	float: left;

	width: 300px;

	height: auto;

	padding-left: 10px;

}



#wrapperpic2{

	float: right;

	width: 380px;

	height: auto;

	margin-right: 30px;

}



.servicepic1 {

	border: 1px solid #CCCCCC;

	padding: 5px;

	margin-left: 40px;

	margin-top: 25px;

}



.servicepic2{

	border: 1px solid #CCCCCC;

	padding: 5px;

	margin-right: 40px;

}



#divider{

	clear:both;

	height:50px;

	width: 800px;

}



.clear{

	clear: both;

	height: 10px;

	font-size:0px;

}



.clearbottom{

	clear: both;

	height: 20px;

	font-size: 0px;

}



/*examples page info*/



#examples{

	width: 750px;

	height: auto;

	float: left;

	margin-left: 35px;

}



.ic { width: 800px;

	margin: 0 auto;

	position: relative; }



.il { 

	float: left; 

	text-align: center;

	margin: 10px 40px 10px 80px; 

}



.ir { 

	float: left; 

	text-align: center; 

	margin: 10px 0 10px 43px; 

}



.it { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color:  #5C4033;

}



.cc { clear: both; }



.example{

	margin: 15px 0 0 15px;

}



.firstex{

	margin: 15px 0 0 50px;

}



.textex{

	margin-top: 30px;

}



.contact{

	margin: 0 40px 0 40px;

}



.close{

	margin: 0 0px 0 40px;

}



.tv{

	color: #CC1100;

	font-family: Arial, Helvetica, sans-serif;

	margin-left: 240px;

	margin-top: 20px;

	margin-bottom: 10px;

	font-size: 16px;

	text-decoration: underline;

}



.tv a:link{

	color: #CC1100;

	text-decoration: underline;

}



.tv a:visited{

	color: #CC1100;

	text-decoration: underline;

}



.tv a:hover{

	color: #CC1100;

	text-decoration: underline;

}



/*about page info*/



.about{

	margin-left: 3em;

	padding-left: 1em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #5C4033;

}



.boomabout{

	float: left;

}



/*links page info*/



.linkpage{

	margin: 10px 40px 0 40px;

}



/*random classes*/



.floatright { 

    float: right; 

	border: 1px solid #CCCCCC;

	padding: 5px;

	margin: 0 0 15px 35px;

	position: relative;

}



.serviceright{

	float: right;

	border: 1px solid #CCCCCC;

	padding: 5px;

	margin: 35px;

}



.floatleft {

	float: left;

	border: 1px solid #CCCCCC;

	padding: 5px;

	margin: 10px 30px 20px 40px;

}



.first{

	float: left;

	margin-left: 40px;

}



.boom{

	float: left;

	margin: 10px 0 0 40px;

}



.boomlow{

	float: left;

	margin-left: 35px;

	margin-top: 10px;

}



.clink{

	color: #008800;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

}



/*lightbox info*/



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



.form_text {

	font-family:Arial, Helvetica, sans-serif;

	color:#333333;

	font-size:14px;

	line-height:16px;

}

#walls {

	padding-right:200px;

	background-image: url(../images/walls1.jpg);

	background-repeat: no-repeat;

	background-position: top right;

}

#walls2 {

	padding-left:200px;

	background-image: url(../images/walls2.jpg);

	background-repeat: no-repeat;

	background-position: top left;

	margin-left: 25px;

}

.list {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:16px;

	color:#333333;

}