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


/*generic styles */

body {
background: url(../images/bkgd_pattern.jpg) repeat top left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
#container {
width: 740px;
margin: 0 auto;
background: #FFFFFF;
}
.clear {
clear: both;
}

/*masthead */

#masthead h1 {
background: url(../images/header_tile.gif) repeat-x;
height: 112px;
}


/*navigation styes */

#navigation {
display: block;
font: small-caps 12px Georgia, "Times New Roman", Times, serif;
color: #50331E;
float: right;
clear: right;
margin: -32px 0 0 0;
}
#navigation li.first {
display: block;
width: 90px;
height: 31px;
background: url(../images/nav_home.gif) no-repeat;
}
#navigation li.first a {
display: block;
color: #50331E;
text-decoration: none;
text-align: center;
padding: 9px 0px 0px 9px;
}
#navigation li {
display: block;
float: left;
width: 80px;
height: 31px;
background: url(../images/nav_regular.gif) no-repeat;
}
#navigation li a {
display: block;
color: #50331E;
text-decoration: none;
text-align: center;
padding: 9px 0px 0px 0px;
}
#navigation li.first a:hover, #navigation li.first a.active {
color: #FFFFFF;
background: url(../images/nav_home_ovr.gif) no-repeat;
height: 31px;
}
#navigation li a:hover, #navigation li a.active {
color: #FFFFFF;
background: url(../images/nav_regular_ovr.gif) no-repeat;
height: 31px;
}


/*content styles*/

#content {
margin: 5px 35px;
padding: 0 0 40px 0;
}
#content h2 {
color: #50331E;
font-size: 18px;
font-weight: bold;
margin: 35px 0 20px 0;
}
#content h3 {
color: #50331E;
font-size: 14px;
font-weight: bold;
margin: 30px 0 5px 0;
}
#content p {
margin: 8px 0 8px 35px;
}
#content p.noIndent {
margin: 8px 0;
}
#content p.negMargin {
margin: -20px 0 0 0;
}
#content ul {
margin: 8px 0 8px 35px;
}
#content ul li {
list-style: outside disc;
margin: 10px 0;
}
#featureBox {
float:right; 
padding:0px 15px 15px 15px;
width:270px;
background:#eee;
margin: 0px 0px 15px 15px; 
color:maroon;
}
#featureBox h3 {
margin-top:10px;
font-size:15px;
}
#featureBox h4 {
font-size:12px;
}
form {
display: block;
width: 60%;
float: right;
}
#contactForm { width:inherit; float:none; }
#contactForm input[type="text"] { width:75%;}

/*footer styles*/
#footer {
width: 740px;
margin: 4px auto;
text-align: center;
color: #FFFFFF;
font-size: 10px;
}

#footer a {
color: #FFFFFF;
}