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

 body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  background-image:url(images/woodBG.jpg);
  background-repeat:repeat;
  font-size:14px;
  color:#f0f1f1;
  line-height:18px;
 }
 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4ca9d1;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC6600;
}
a:hover {
	text-decoration: none;
	color: #003366;
}
a:active {
	text-decoration: none;
}
h1 {
font-size:22px;
color: #d5850d;
letter-spacing:1px;
font-weight:400;
margin-bottom:2px;
line-height:24px;

}
h2 {
font-size:18px;
color: #d5850d;
padding-bottom:2px;
margin:0;
}
.header {
background-image:url(images/Remodeling-HeaderBG.jpg);
background-repeat:no-repeat;
width:905px;
height:145px;
}
/*Roll over request button*/	
.roll {
height: 34px;
width: 254px;
margin:0;
padding:0;
background-image:url(images/request1.jpg);
background-position:right;
}

.roll a, div.nav a:link, div.nav a:visited {
display:block;
}

.roll img {
width:100%;
height:100%;
border:0;
}

.roll a:hover img {
visibility:hidden;
}
.container {
background-color:#999999;
width:905px;
border:3px inset #999999;
}
.content {
background-image:url(images/centerBG.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#171616;
}
.Services {
}
.Services h1 {
font-size:14px;
font-weight:400;
}
.Services h1 {
font-size:14px;
color:#FFFFFF;
font-weight:400;
margin:0px;
}
.Services h1 a{
font-size:14px;
color:#FFFFFF;
font-weight:400;
text-decoration:none;
margin:0px;
}
.Services h1 a:hover{
font-size:14px;
color:#d5850d;
font-weight:400;
text-decoration:none;
margin:0px;
}
.HomeLeft {
padding:0px 50px 0px 30px;
}
.footer {
text-align:center;
font-size:12px;
padding:10px 20px;
}
.footer a {
color:#999999;
font-size:12px;
}
.ServiceLeft {
padding:30px 10px 0px 10px;
}
.ServiceLeft h1 {
font-size:22px;
color: #d5850d;
letter-spacing:1px;
}
.ServiceLeft h2 {
font-size:16px;
letter-spacing:1px;
margin-bottom:0px;
font-weight:400;
}

.sidemenu {
width:225px;
margin:0px 0px 0px 0px;
border:2px inset #666666;
background: #999999;
color:#000000;
}
.sidemenu ul{
list-style:square;
margin-left:0px;

}
.sidemenu h3 {
padding:0px 0px 0px 10px;
font-size:14px;
}
.sidemenu ul li a{
color: #000000;
}
.About {
padding:30px 30px 0px 10px;
}
.About h2 {
margin:0px;
color: #d5850d;
font-weight:400;
}
.About h4 {
margin:0px;
color: #d5850d;
font-weight:400;
font-size:14px;
}
.About h1 {
margin:0px;
color: #d5850d;
font-weight:400;
}
.About h3 {
margin:0px;
color: #d5850d;
font-weight:400;
}
.About p {
margin-top:5px;
}


.memberships{
	width:205px;
	background:#FFFFFF;
	height:150px;
	overflow:hidden;
	border:1px solid #D2D2BB;
	padding:15px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}
.memberships img{
	margin-bottom:8px;
}


.glossymenu{
padding: 0;
width: 225px; /*width of menu*/
border: 1px inset #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/menuBG.gif) repeat-x bottom left;
font-size:16px;
color: #666666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:5px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #666666;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
color:#FFFFFF;
}
.glossymenu a.active{
background-image: url(images/glossyback2.gif);
color:#FFFFFF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #1995a3;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px;
color: #666666;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #CCCCCC;
color: #003333;
}
.glossymenu div.submenu ul li a.active{
background: #c57906;
color: #003333;
}