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

body{
font: 12px Arial, Helvetica, sans-serif;
color: #72523b;
background-color:#72523b;
text-align: center;
margin-top: 20px;
}

h2{
font: 900 11px Arial, Helvetica, sans-serif;
margin: 0;
}

body a:link {background-color: transparent;	color: #419539;	text-decoration: none;}
body a:visited{ background-color: transparent; color: #419539; text-decoration: none;}
body a:hover{ background-color: transparent; color: #72523b; text-decoration: none;}
body a:active{ background-color: transparent; color: #72523b; text-decoration: none; }

h2 a:link {background-color: transparent;	color: #72523b;	text-decoration: none;}
h2 a:visited{ background-color: transparent; color: #72523b; text-decoration: none;}
h2 a:hover{ background-color: transparent; color: #72523b; text-decoration: underline;}
h2 a:active{ background-color: transparent; color: #72523b; text-decoration: underline; }

#footer a:link {background-color: transparent;	color: #c1a287;	text-decoration: none;}
#footer a:visited{ background-color: transparent; color: #c1a287; text-decoration: none;}
#footer a:hover{ background-color: transparent; color: #ffffff; text-decoration: none;}
#footer a:active{ background-color: transparent; color: #ffffff; text-decoration: none; }

#homepage{
background-color:#FFFFFF;
width: 745px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 5px;
padding: 0 5px 5px 5px;
}

#header{
width: 245px;
float: left;
}

#header #logo{
background-color:#FFFFFF;
width: 245px;
float: left;
}

#header #navigation{
font: 900 11px Arial, Helvetica, sans-serif;
text-align:left;
color: #ffffff;
width: 245px;
float: left;
}

#navigation li
{
color: #FFFFFF;
text-decoration: none;
margin-bottom: 2px;
text-align:left;
float: left;
} 

#navigation li a
{
background-color: #419539;
color: #FFFFFF;
text-decoration: none;
text-align:left;
width: 233px;
height: 15px;
padding: 2px 2px 2px 10px;
float: left;
} 

#navigation li a:hover {
	background: #f1e9e2;
	color: #419539;
}

#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
} 

/* Sub Menu */
#navigation ul li:hover {background-color:#f1e9e2;  position:relative;}  

#navigation ul ul {
display:none; 
position: absolute;
left:150px; 
top:5px; 
border:#fff solid; 
border-width:1px; 
background-color: #72523b; 
margin: 0px;
}   

#navigation ul li:hover ul {display:block;}

#navigation ul ul li a:hover {
position:relative;
	color: #72523b;
}

#navigation ul ul li
{
background-color: #72523b;
color: #FFFFFF;
text-decoration: none;
text-align:left;
margin: 0;
float: left;
} 

#navigation ul ul li a
{
background-color: #72523b;
color: #FFFFFF;
text-decoration: none;
width: 200px;
height: 17px;
text-align:left;
float: left;
} 

/* Header Pictures */

#headerpic{
background-color:#FFFFFF;
width: 495px;
height: 195px;
margin: 5px 0 0 5px;
float: left;
}

#headerpic #home{
background-image:url(images/header1.jpg);
background-repeat:no-repeat;
background-position:center;
width: 495px;
height: 195px;
}

#leftcolumn{
width: 245px;
margin: 3px 0 0 0;
float: left;
}

#calculator{
width: 245px;
float: left;
}

#calculator #title{
font: 900 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-image:url(images/browncatbg.gif);
background-repeat: no-repeat;
background-position: center;
width: 241px;
height: 17px;
padding: 4px 2px 4px 2px;
text-align: center;
float: left;
}

#calculator #content{
font: 900 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-image: url(images/brownbodybg.gif);
background-repeat: no-repeat;
background-position: top;
background-color: #af8b6d;
width: 201px;
padding: 4px 22px 14px 22px;
margin: 0;
text-align: center;
float: left;
}

#calcvisual{
font: 11px Arial, Helvetica, sans-serif;
background-image:url(images/calcpic.jpg);
background-repeat:no-repeat;
background-position:top;
text-align: left;
padding: 95px 5px 5px 5px;
margin: 5px 0 0 0;
width: 235px;
float: left;
}

#maincontent{
width: 495px;
margin: 5px 0 0 5px;
float: left;
}

#maincontent #content{
background-color: #ffffff;
text-align:left;
line-height: 1.4em;
width: 485px;
padding: 5px;
float: left;
}

#introblurb{
background-image:url(images/introbg.gif);
background-position:top;
background-repeat:no-repeat;
background-color: #f1e9e2;
text-align:left;
line-height: 1.4em;
width: 485px;
padding: 5px;
float: left;
}

#services{
width: 495px;
height: 200px;
margin: 5px 0 0 0;
float: left;
}

#services #blurb{
width: 240px;
height: 190px;
text-align:left;
line-height: 1.4em;
padding: 5px;
float: left;
}

#services #links{
width: 235px;
height: 190px;
margin: 0 0 0 10px;
float: left;
}

#services #links img{
margin: 0 0 5px 0;
}

/* Price Pages */

.popup { 
position:relative;
width: 160px;
} 
.popup img { 
position:absolute;
left:-999em; 
} 
.popup:hover img, .popup:focus img {
left:200px;
background: transparent;
}
a:hover{visibility:visible;} /* IE6 */

#prices{
width: 490px;
float: left;
}

#prices #leftcolumn{
width: 160px;
margin: 0px;
float: left;
}

#prices #rightcolumn{
width: 85px;
margin: 0px;
float: left;
}

#seconddiv{
text-align: left;
width: 490px;
margin: 5px 0 0 0;
padding: 0 0 0 5px;
float: left;
}

#footer{
background-color: #5d3b23;
width: 755px;
margin-left: auto;
margin-right: auto;
padding-top:10px;
padding-bottom: 10px;
}

.footerstyle{
color: #c1a287;
font-size:10px;
}

#designby{
background-color: #72523b;
width: 755px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
text-align:right;
}

.designbystyle{
color: #5d3b23;
font-size:10px;

}