@charset "utf-8";
/* CSS Document */

body {  font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:url(/assets/images/bg.jpg) repeat-x #070e25; }

img, div { behavior: url(iepngfix.htc); }

/* specific divs */

.clear { clear:both;}

.italic { font-style:italic;}

.bold { font-weight:bold;}

a { color:#18295a;
text-decoration:none;
font-weight:bold;}

a:hover { color:#18295a;
text-decoration:underline;}

/* container */

#container { margin:0px auto;
padding:15px;
width:940px;
background:#fff;}

/* nav */

#container ul#nav { list-style:none;
margin:20px 0 5px 0;
padding:0;
height:35px;
width:940px;
background:url(/assets/images/nav-bg.jpg) repeat-x;
border-bottom:2px solid #111e42;}

#container ul#nav li { float:left;
font-size:74%;
padding:10px 25px 10px 26px;
border-left:1px solid #8d98b7;
border-right:1px solid #172346;}

#container ul#nav li.on { background:#111e42;
border:none;}

#container ul#nav li a { color:#fff;
text-decoration:none;
font-weight:bold;}

#container ul#nav li a:hover { color:#8999c9;}
#container ul#nav li.on a:hover { color:#fff;}

/* left */

#container #left { position:absolute;}

/* content section */

#container #content { width:670px;
margin:350px 0 0 5px;}

#container #content ul#menu { width:180px;
float:left;
list-style:none;
margin:20px 15px 10px 0;
padding:0;
border:1px solid #18295a;}

#container #content ul#menu li.title { background:#18295a;
color:#fff;
font-size:140%;
font-weight:bold;
font-style:italic;
padding:3px 10px;
font-family:Times, serif;
border:none;}

#container #content ul#menu li { background: #f1f3f8;
padding:5px 10px;
border-bottom:1px solid #b4b8c2;
border-top:1px solid #fff;}

#container #content ul#menu li a { background: url(/assets/images/arrow.png) no-repeat left center;
padding:0 0 0 15px;
color:#3c4b76;}

#container #content ul#menu li.on { background: url(/assets/images/side-nav-on.jpg) repeat-x;
color:#18295a;}

#container #content #middle-content { width:470px;
float:left;}

#container #content h1 { font-size:90%;
border-left:7px solid #18295a;
padding:0 0 0 5px;
margin:20px 0 5px 0;
font-weight:bold;}

#container #content h2 { font-size:80%;
border-bottom:1px dotted #c1bcbd;
padding:0 0 5px 0;}

#container #content h3 { font-size:70%;}

.line { border-bottom:1px solid #c1bcbd;
margin:0;
padding:0;}

#container #content p { font-size:70%;
line-height:16px;}

#container #content ul { font-size:70%;}

/* right column */

#container #right { position:relative;
width:223px;
float:right;
background:#ffffff;
border:1px solid #3d5468;
margin:350px 5px 0 0;
padding:3px;
z-index:10;}

#container #right h2 { font-family:Times, serif;
color:#fff;
background:#18295a;
font-size:100%;
padding:5px 10px;
font-style:italic;
margin:0;}

#container #right .right-middle { background:#e7e9f1;
margin:0;
padding:0;}

#container #right .right-middle img { margin:0 12px;
border-bottom:1px dashed #18295a;
padding:0 0 5px 0;}

#container #right p.more { text-align:right;
padding:5px 0;}
#container #right p.more a { background:url(/assets/images/arrow.png) no-repeat left center;
padding:0 0 0 15px;}

#container #right .right-middle.bottom { background:#eff1f7;
padding-bottom:10px;}

#container #right .right-middle.bottom p { border-bottom:1px dashed #18295a;
padding:8px 0;}
#container #right .right-middle.bottom p.ad { line-height:20px;}

#container #right p { font-size:70%;
margin:0 5px;
line-height:16px;
padding:5px 0;}

#container #right p.claim { font-weight:bold;
text-align:right;
padding:5px;}

#container #right p.claim a { background:url(/assets/images/sm-arrow.jpg) no-repeat 0 50%;
color:#000;
padding:0 0 0 15px;
text-decoration:none;}

#container #right p.claim a:hover { color:#4d657b;
text-decoration:underline;}

#container #right form { margin:5px 0;
padding:5px 5px 10px 5px;
border-bottom:1px dashed #18295a;}

#container #right form label { font-size:70%;
display:block;
margin:5px 0 2px 0;}

#container #right form input { font-size:70%;
width:98%;
background:#fff;
border:1px solid #7f8492;
padding:2px;
margin:0 0 2px 0;}

#container #right form textarea { font-size:90%;
width:98%;
background:#fff;
border:1px solid #7f8492;
padding:2px;
margin:0 0 2px 0;}

#container #right form input.btn { margin:5px 0 0 0;
background:url(/assets/images/btn-bg.jpg) repeat-x #c3cfdb;
color:#544646;
font-weight:bold;
width:100%;}


/* footer */

#container #footer { background:url(/assets/images/footer-bg.jpg) repeat-x;
border-top:2px solid #18295a;
margin:10px 0 0 0;}

#container #footer p { font-size:70%;
float:left;
margin:10px;
width:550px;
color:#fff;}

#container #footer a { color:#fff;
text-decoration:none;
font-weight:normal;}

#container #footer a:hover { text-decoration:underline;}

#container #footer ul { margin:10px;
float:right;
padding:0;
font-size:70%;
list-style:none;
color:#fff;}

#container #footer ul li { display:inline;
border-right:1px solid #fff;
padding:0 5px;}

#container #footer ul li.last { border:none;}

/* services page */

#container ul.services-list { list-style:none;
margin:20px 5px 20px 0;
padding:0;
width:230px;
float:left;}

#container ul.services-list.full { width:460px;}

#container ul.services-list li { padding:3px 0;}

#container ul.services-list li a { color:#000;
background:url(/assets/images/black-arrow.jpg) no-repeat left center;
padding:0 0 0 20px;}


/* team page - member 

#container #content .member { border-bottom:1px dashed #6d879e;
padding:5px 0;
margin:10px 0 0 0;}

#container #content .member h2 { font-size:80%;
margin:0;
padding:0;}

#container #content .member h3 { font-size:70%;
margin:0;
padding:0;}*/

/* contact page 

#container #content .column { width:190px;
float:left;
margin:0 15px 0 0;
border-right:1px dashed #c1bcbd;
padding:0 10px 0 0;}

#container #content .column h2 { background:#6d879e;
font-size:80%;
font-weight:bold;
padding:2px 5px;
margin:0;
color:#fff;}

#container #content .column p { padding:2px 5px;
margin:5px 0;}*/

/* errors */

ul.errors { font-weight:bold;
margin:10px 20px;
padding:0;
font-size:70%;}

/* bact to top */

p.top { text-align:right; 
font-weight:bold;}

p.top a { background: url(/assets/images/black-arrow.jpg) no-repeat center left;
padding:0 0 0 15px;}

img.sm-img { padding:3px;
margin:10px;
background:#eff1f7;
border:1px solid #111e42;}