body  
{  
font-size: 62.5%;
background-color: #fff;
background-image:url("images/hbg.jpg");
background-repeat: repeat-x;
margin:0;
padding:0;
width:100%;
height: 100%;
}

#frame 
{ 
margin-top: 0px; 
margin-right: auto; 
margin-left: 120px;
height: 100%;
min-height: 100%;
height: auto!important;  
padding: 0px; 
position: relative; 
width: 850px;
}

/* HEADER SECTION */
#banner
{
width: 850px;
height: 135px;
background-image: url("images/hbg.jpg");
background-repeat: repeat-x;
margin:0px;
padding: 0;
position:relative;
}

#logo
{
position: absolute;
left: 85px;
top: 25px;
width: 300px;
height: 95px;
}

#telephone
{
left: 550px;
top: 55px;
color: #fff;
font-size: 1.3em;
font-family: verdana, helvetica, arial;
position:absolute;
font-weight: bold;
z-index: 25;
}
#email
{
left: 550px;
top: 30px;
color:#fff;
font-size: 1.3em;
font-family: verdana, helvetica,arial;
position: absolute;
font-weight: bold;
z-index: 25;
} 

#email a
{
color: #fff;
text-decoration: none;
}

#email a:hover
{
color: #8c6239;
text-decoration: none;
}


#graphic
{
left:-90px;
position: absolute;
top: -25px;
z-index: 15;
}

#rightgraphic
{
left:700px;
position: absolute;
top: -15px;
z-index: 15;
}

/* END HEADER SECTION */

/* NAVIGATION ELEMENTS */
#navigation
{
width: 850px;
height: 30px;
background-color: #fff;
color: #fff;
z-index: 10;
margin:0;
padding:0;
position: relative;
}

/* HOLDS MAIN TEXT AREA ELEMENTS */
#container
{
width: 850px;
height: auto;
background-color: #fff;
margin: 0;
padding: 0;
padding-top: 10px;
position: relative;
}

/* END */
#navigation ul
{
margin: 0;
padding:0;
list-style-type: none;
width: 300px;
float: left;
padding-left: 20px;
margin-left: 80px;
}

#navigation ul li
{
list-style-type: none;
float: left;
font-family: verdana, arial, helvetica;
color: #fff;
width: auto;
font-size: 1em;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border-left-style: double;
border-left-color: #8cc63f;
border-left-weight: thin;
text-transform: uppercase;
}

#navigation a
{
color: #8c6239;
text-decoration: none;
}

#navigation a:hover
{
color: #8cc63f;
text-decoration: none;

}




/* END NAVIGATION ELEMENTS */


/* MAIN TEXT AREA */
#content
{
width: 450px;
height: auto;
margin:0;
padding:0;
float:left;
padding-bottom: 30px;
background-color: #fff;
}

#content a
{
color: #0071bc;
text-decoration: none;
}
#content a:hover
{
color: #8c6239;
text-decoration: none;
}

#column
{
width: 380px;
height: auto;
background-color: #fff;
float: left;
margin-top: 10px;
margin-left: 20px;
padding-bottom: 30px;
text-align:left;
z-index:30;
}

#linkbox
{
height:auto;
background-image: url("images/lb.jpg");
background-repeat: repeat-x;
margin:0;
padding:0;
padding-bottom: 20px;
float:left;
clear:left;
width: 100%;
}


#content ul
{
margin:0;
margin-left: 50px;
padding: 0;
}

ul.content
{
list-style-type: square;
margin:0;
margin:0;
padding:0;
text-align: left;
}

ul.content li
{
margin-bottom: 1em;
font-size: 1.2em;
color: #000;
font-family: verdana, helvetica, arial;
}



#web
{
width: 380px;
margin-top: 20px;
padding-bottom: 20px;
text-align: left;
font-size: 1em;
font-family: verdana, helvetica, arial;
color: #8c6239;
}

#web a
{
color: #8c6239;
text-decoration: none;
}
#web a:hover
{
color: #0071bc;
text-decoration: none;
}

div.box
{
width: 175px;
margin: 0;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 15px;
float: left;
text-align: center;
}

div.print
{
width:180px;
height:180px;
margin: 0;
margin-right: 2px;
padding-left: 5px;
_padding-right: 5px;
padding-top: 8px;
margin-top: 0px;
_margin-top: 0px;
margin-bottom: 10px;
_margin-bottom:5px;
text-align: left;
float:left;
background-color: #fff;
color: #8c6239;
border-style: solid;
border-width: thin;
border-color: #8c6239;
}

div.logo
{
width: 180px;
height: 92px;
margin:0;
margin-right: 5px;
_margin-right:-5px;
_padding-right: 0px;
padding-left: 0px;
_margin-left: -5px;
margin-bottom: 10px;
padding:0;
padding-bottom: 5px;
padding-top: 5px;
float: left;
background-color: #fff;
color: #8c6239;
border-style: solid;
_border-style: none;
border-width: thin;
border-color: #8c6239;
}



/* SITEMAP AT BOTTOM OF PAGE */


#linkbox a
{
color: #b6ceb9;
text-decoration: none;
}

#linkbox a:hover
{
color: #0071bc;
text-decoration: none;
}

#links
{
width: 850px;
height: auto;
margin:0;
margin-left: 120px;
padding: 0;
padding-left: 40px;
_padding-left:0px;
_margin-left: 0px;
text-align: left;
}

ul.links 
{
list-style-type: square;
margin:0;
margin-left: 15px;
padding:0;
padding-top: 10px;
padding-bottom: 10px;
width: 835px;
}

ul.links li
{
list-style-type: square;
color: #b6ceb9;
font-family: verdana, arial, helvetica;
font-size: 1em;
float: left;
width: 160px;
text-align: left;
}

.spacer
{
clear:both;
}

/* END OF SITEMAP */

/* FOOTER */
#footer
{
height: auto;
margin:0;
padding:0;
_padding-bottom: 10px;
background-color: #222;
color: #8c6239;
font-family: verdana;
font-size: 1em;
text-align: left;
padding-top: 8px;
padding-bottom: 20px;
padding-left: 120px;
float: left;
clear:left;
width: 100%;
}

#footer a
{
color: #b6ceb9;
text-decoration: none;
}

#footer a:hover
{
color: #0071bc;
text-decoration: none;
}
/* END FOOTER */


#button
{
position: absolute;
z-index: 25;
width: 92px;
height: 75px;
left: 450px;
top: 10px;
}

#payment
{
width: 190px;
height: 30px;
padding-top: 10px;
}
/* END */

p
{
font-size: 1.2em;
font-family: verdana, helvetica, arial;
color: #000;
line-height: 1.4em;
padding-bottom: .1em;
text-align: justify;
}

h1
{
font-family: Verdana, Helvetica, Arial;
text-transform: uppercase;
color: #8c6239;
letter-spacing: 2px;
padding-top: .5em;
font-size: 1.2em;
font-weight: normal;
text-align: left;
font-weight: bold;
}

h2
{
font-family: Verdana, Helvetica, Arial;
text-transform: uppercase;
color: #8c6239;
letter-spacing: 2px;
padding-top: .5em;
font-size: 1.1em;
font-weight: bold;
text-align: left;
}

span.brown
{
color: #8c6239;
}

span.projects
{
font-family: Verdana, Helvetica, Arial;
text-transform: uppercase;
color: #8c6239;
letter-spacing: 1px;
padding-top: .5em;
padding-bottom: .5em;
margin-bottom:1em;
font-size: 1.2em;
font-weight: normal;
text-align: center;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #8c6239;
border-top-width: thin;
border-top-style: solid;
border-top-color: #8c6239;
}

.spacer
{
clear:both;
}


/* This should fix the png transparency in IE for index page only */

img, #telimg, #envimg, div, #logo  { behavior: url("iepngfix.htc") }