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

body {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 101%;
	background-color:#333;
	background-image: url(images/bgTop.jpg);
	background-repeat: repeat-x;
	
}

img {
	border: none;
 
}

div  {
	
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;

}


h1 {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-large;
	color: #003;
	font-style: italic;
	

}

h2 {
	
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	color: #333;
	font-size: medium;

}



#container {
	margin-left: auto;
	margin-right: auto;
	width: 966px;
	background-image: url(images/bg.jpg);
	height: 100%;
	text-align: left;

	
	
	
}

#header {
	
	height: 132px;
	
}

#menu {
	
	
	
}

#estimate {
	
	
	
}


#panelContent {
	
	width: 90%;
	margin: 0px 25px 0px 25px;
	text-align: left;

}

.move-left{
	
	margin-right: 15px;
	background: #FFF;
	border: 1px dashed #09C;
	width: 80%;
	font-size: 12px;
	font-weight: bold;

}

a.home {
	
	color: #333;
	text-decoration: none;

}

.panelImage {
	
	margin-right: 15px;
	border: 1px solid #fff;

}

#content {
	
	width: 735px;
	float:left;
	background-color: #FFF;
	padding-left: 12px;
	margin-top: 5px;
	
}

#leftpanel {

	width: 200px;
	margin: 0px 5px 0px 10px;
	float: left;

	

}

#centerpanel {
	
	width: 380px;
	margin: 0px 0px 0px 10px;
	float: left;
	line-height: 22px;
	font-size: 120%;
}

#footer {
	
	height: 39px;
	
}

#final {
	
	width: 820px;
	margin: auto;
	padding-top: 5px;
	color: #FFF;
	
}

<!-- beginning of content styles  -->

.text {
	
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 22px;
	
	
}

.h1 {
	
	border-bottom: 1px dashed #003366;
	margin-top: 8px;
	
}

.h2 {
	
	margin: 3px 0px 20px 15px;
	
}

.h3 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #ffffff;
	font-weight: bold;
	line-height: 25px;
}

#rightpanel {
	

	float: right;
	width: 325px;
	margin: 0px 0px 15px 2px;
	z-index: 5;
	background-image:url(images/rightPanel.jpg);
	background-repeat: no-repeat;
	height: 300px;

}

.rightPanelTitle {
	
	margin: 10px 35px 12px 15px;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333;
	font-style: italic;

}

.rightPanelText {
	
	margin: 0px 35px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;

}

#rightPanelPicture {
	

	float: right;
	width: 325px;
	margin: 0px 0px 15px 2px;
	z-index: 5;


}

.clear {

	clear: both;
	line-height: 1px;

}

#galleryPanel {
	
	width: 98%;
	background-color:#FFF;
	font-size: 110%;
	margin: 5px auto 0px;

}

.blueBox {
	
	text-align: center;
	background-color:#CCDAE3;
	border: 5px dashed #ffffff;
	
	width: 350px;
	padding-top: 9px;
	padding-bottom: 9px;
	
	font-size: 14px;
	font-style: italic;
	line-height: 25px;
	font-weight: bold;
	
	

}


.arrowgreen{
	width: 200px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/arrowgreen.jpg) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #fff;
}

.arrowgreen li a:hover{
	color: #fff;
	background-position: 100% -32px;
	text-decoration: underline;
}

	
.arrowgreen li a.selected{
	color:  #000;
	background-position: 100% -64px;
}