/* LAYOUT DIVS */

body{
color: #ACAFA6;
font-size: 0.8em;
background: #676767;
}

p{
font-family: Verdana, Arial, Helvetica, sans-Serif;
margin-top: 0;
}

#wrapper{
width: 940px;
margin: 0 auto;
background: url(images/small-abstract.gif) no-repeat top left #ffffff;
padding: 0;
}

#header{
margin-left: 148px;
padding-top: 46px;
height: 82px;
text-align: left;
border-bottom: solid 1px #68696D;
}

#header img{
border: 0;
}

#navContainer{
background: #68696D;
margin: 40px 0 20px 0;
padding: 0.5em 0 0.5em 140px;
color: #fff;
}

#navContainer a{
font-size: 12pt;
font-family: "LubalGraph Md BT", Times, Serif;
color: #ddd;
text-decoration: none;
padding: 0.2em 0.5em 0.2em 0.5em;
}

#navContainer a.cur{
font-family: "LubalGraph Md BT", Times, Serif;
font-weight: bold;
/* background: url(images/navgrad.jpg) repeat-y #EC8F00; */
color: #fff;
}

#navContainer a:hover{
font-family: "LubalGraph Md BT", Times, Serif;
font-weight: bold;
/* background: url(images/navgrad.jpg) repeat-y #EC8F00; */
color: #fff;
}

#navContainer a:hover.cur{
font-weight: bold;
text-decoration: none;
}

#contentHead{
padding: 0 0 0 148px;
margin: 0;
}

#contentHead img{
border: 0;
margin: 0;
}

#mainBody{
clear: both;
margin-top: 0;
border-bottom: solid 1px #68696D;
padding: 20px 0 20px 148px;
background: url(images/main-bg.jpg) repeat-x #AAADA6;
}

#mainBody img{
margin: 0;
border: solid 2px #fff;
margin-left: 10px;
}

#mainBody p {
color: #fff;
}

.objectBorder{
width: 487px;
margin: 0;
border: solid 2px #fff;
margin-left: 10px;
}

#leftWindow{
float: left;
width: 267px;
text-align: justify;
}

#rightWindow{
float: right;
width: 515px;
}

#footer{
padding: 20px 20px 20px 0;
text-align: right;
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;
}

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


/* HEADINGS */

h1{
font-family: "Lubalin Graph", Times, Serif;
margin-top: 0;
color: #89A2A9;
font-size: 2em;
margin-top: -10px;
}

h1.home{
width: 772px; height: 28px;
background: url("images/home-head.png") no-repeat center top;
text-indent: -9999px;
}

h1.powellceramics{
width: 772px; height: 28px;
background: url("images/ceramics-head.png") no-repeat center top;
text-indent: -9999px;
}

h1.powelljoinery{
width: 772px; height: 28px;
background: url("images/joinery-head.png") no-repeat center top;
text-indent: -9999px;
}

h1.powelldecor{
width: 772px; height: 28px;
background: url("images/decor-head.png") no-repeat center top;
text-indent: -9999px;
}

h1.powelltestimonials{
width: 772px; height: 28px;
background: url("images/testimonials-head.png") no-repeat center top;
text-indent: -9999px;
}

h1.powellcontact{
width: 772px; height: 28px;
background: url("images/contact-head.png") no-repeat center top;
text-indent: -9999px;
}

h1.powellthanks{
width: 772px; height: 28px;
background: url("images/powellthanks-head.png");
text-indent: -9999px;
}

h1.notfound{
width: 772px; height: 28px;
background: url("images/notfound-head.png");
text-indent: -9999px;
}

h2.contact{
width: 271px; height: 23px;
background: url(images/contact.png);
text-indent: -9999px;
}

h2{

}

h3{

}

h4{

}


.clear{
height: 1px;
clear: both;
}

.spaceTop{
margin-top: 64px;
}

.sig{
font-weight: bold;
}

.testimonial{
margin-bottom: 2.7em;
font-style: italic;
}


#contact-form{
color: #fff;
margin: 0 1em 1em 0;
padding-top: 0;
float: left;
width: 450px;
font-family: Tahoma, Arial, sans-serif;
font-size: 1em;
}

#contact-form legend{
color: #AAADA6;
font-weight: bold;
padding: 0.3em;
}

#contact-form label{
float: left;
width: 30%;
}

#contact-form div{
clear: left;
margin: 0.4em 0 0 0;
}

#contact-form fieldset{
padding: 1em;
}

#contact-form img{
border: 0;
margin: 0;
padding: 0;
}


.hintanchor{
cursor: help;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #FDFDFD;
width: 180px; /*Default width of hint.*/ 
padding: 5px;
border: 1px dotted black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}