html, body, div, img { margin: 0;padding: 0; }

html { height: 100%; }

body {
height: 100%;
font-size: .8em;
font-family: Verdana, Helvetica, sans-serif;
background: url(images/bg.jpg) left top repeat-x #275C86;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

h1, h2, h3, h4, h5 { 
color: #711313;
}

ul li, ol li { font-size: 100%; margin: 0 0 10px 0; }
table { font-size: 100%; }

a { color: #711313; }
a:hover { color: #275c86; }
a:visited {color: #711313; }
a:visited:hover { color: #275c86; }


#tl, #tr, #bl, #br {
display: none;
}

#wrap {
width: 1000px;
margin: 0 auto 0 auto;
padding: 30px 0 0 0;
}

#content {
position: relative;
padding: 0 0 15px 0;
background: url(images/content_bg.jpg) top left repeat-x #ececec;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 3px 3px 9px #222; 
-webkit-box-shadow: 3px 3px 9px #222;
box-shadow: 3px 3px 9px #222;
}

#header {
position: relative;
height: 170px;
margin: 0 40px 30px 0;
}

.h_home {
background: url(images/h_home.png) right top no-repeat;
}

.h_service {
background: url(images/h_services.png) right top no-repeat;
}

.h_power {
background: url(images/h_power.png) right top no-repeat;
}

.h_clientlist {
background: url(images/h_clientlist.png) right top no-repeat;
}

.h_articles {
background: url(images/h_articles.png) right top no-repeat;
}

.h_bios {
background: url(images/h_bios.png) right top no-repeat;
}

#quicklinks {
float: right;
width: 350px;
}

#quicklinks a {
text-decoration: none;
}

#quicklinks a:hover span, #quicklinks a:focus span {
color: #000000;
text-decoration: underline;
}

#quicklinks img {
vertical-align: middle;
}

#fold {
float: left;
}

#logo {
position: absolute;
top: 20px;
left: 70px;
}

#tagline {
float: right;
clear: right;
width: 600px;
margin: 37px 5px 0 0;
color:  #711313;
font-size: 170%;
font-style: italic;
font-weight; bold;
letter-spacing: 1px;
}

#tagline_new {
float: right;
width: 600px;
margin: 10px 40px 0 0;
}

#content {
	clear: left;
}

#nav {
height: 25px;
width: 932px;
padding: 7px 0 0 30px;
position: absolute;
top: 165px;
left: 20px;
background: url(images/nav_bg.png) top no-repeat;
}

#nav ul { padding:0; margin:0 0 0 25px; list-style: none; }
#nav ul li { padding: 0 10px 0 5px ;float:left; position:relative;
font-size: 90%;}
#nav ul li ul {  
display: none;
position: absolute; 
top: 21px; 
left: 0; 
padding: 10px;
background: #520B0C;
border-top: 1px solid #000000;
width:275px;
font-size: 95%;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
-moz-box-shadow: 3px 3px 9px #222; 
-webkit-box-shadow: 3px 3px 9px #222;
box-shadow: 3px 3px 9px #222;
}
#nav ul li ul li {  width: 270px;padding: 0; margin: 0 0 5px 0; display: block;}

#nav ul li>ul {
top: auto;
left: auto;
}
#nav ul li:hover ul, #nav ul li.over ul { display:block; z-index: 9999; }
#nav ul li a, #nav ul li a:visited { 
display: block;
padding: 0;
text-align:center;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
text-decoration: none;
text-shadow: 2px 2px 2px #000;
}

#nav ul li a:hover {color: #d9d9d9;}
#nav ul li ul li a, #nav ul li ul li a:visited { color: #FFFFFF;display:block;text-align: left;}
#nav ul li ul li a:hover {color: #d9d9d9;}


#main {
margin: 0 30px 20px 30px;
padding: 10px 0 0 0;
position: relative;
}

#statement {
margin: 0 auto 0 auto;
padding: 1px;
width: 961px;
height: 140px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 3px 3px 5px #e3e3e3; 
-webkit-box-shadow: 3px 3px 5px #e3e3e3;
box-shadow: 3px 3px 5px #e3e3e3;
}

#statement div {
line-height: 17px;
margin: 10px 20px 0 20px;
}

#p_samples {
position: absolute;
right: 5px;
bottom: -15px;
}

#feature {
margin: 10px auto 0 auto;
width: 965px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

#feature .box {
height: 410px;
float: left;
margin-right: 1px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 3px 3px 5px #e3e3e3; 
-webkit-box-shadow: 3px 3px 5px #e3e3e3;
box-shadow: 3px 3px 5px #e3e3e3;
width: 299px;
padding: 0 10px 0 10px;
background: url(images/box1.png) left top no-repeat;
}


.box h1 {
margin: 0;
padding: 10px 0 0 0;
color: #4278a0;
font-size: 115%;
}

.box ul {
margin: 0;
padding-left: 15px;
}

#feature .box_blue {
height: 410px;
float: left;
margin-right: 1px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 3px 3px 5px #e3e3e3; 
-webkit-box-shadow: 3px 3px 5px #e3e3e3;
box-shadow: 3px 3px 5px #e3e3e3;
width: 299px;
padding: 0 10px 0 10px;
background: url(images/box_blue.png) left top no-repeat;
}

.box_blue h1 {
margin: 0;
padding: 10px 0 0 0;
color: #4278a0;
font-size: 115%;
}

.box_blue ul {
margin: 0;
padding-left: 15px;
}


#feature #box_feather {
background: url(images/box3.png) left top no-repeat;
}

.redbold span {
font-weight: bold;
color: #711313;
}

#footer {
font-weight: bold;
padding: 10px;
font-size: 80%;
color: #FFFFFF;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

#copyright {
float: right;
text-align: right;
width: 400px;
}

a.more {
margin: 5px 0 0 0;
font-size: 80%;
color: #4278a0;
float: right;
}

a.more:before {
content: ">";
}

a.more:hover, a.more:focus {
color: #004375;
}

.line {
clear: left;
border-bottom: 1px dotted #711313;
margin: 20px 10px 19px 10px;
}

.lightblue {
color: #8fb6d5;
}

.clear {
clear: both;
}

.column {
float: left;
width: 47%;
padding: 0 20px 0 0;
}

.column_bio {
float: left;
width: 39%;
padding: 0 20px 0 0;
}
