@charset "UTF-8";

/* CSS Document */
/* design construction - Sam Beckingsale 2009*/


/* EDITOR START */
hr{
border-top:1px solid #cccccc;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:20px;
color:#003366;
margin-bottom:15px}

h2{
font-size:16px;
color:#90a9c3;
margin-top:5px;
margin-bottom:10px}

h3{
font-size:14px;
color:#003366;
margin-top:5px;
margin-bottom:7px}

h4{
font-size:13px;
color:#90a9c3;
margin-top:5px;
margin-bottom:5px}

h5{
font-size:12px;
font-weight:200;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

h6{
font-size:20px;
color:#91a4bf;
margin-bottom:15px}

a{
color:#90a9c3;
text-decoration:none}

a:hover{
color:#90a9c3;
text-decoration:underline}

p{
margin-bottom:10px}

ul{
padding:10px 0 10px 20px}

li{
padding:0}

.blue{
color:#003366}

body{
font-size:12px;
font-weight:200;
line-height:20px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#ffffff url(assets/bg.jpg) repeat-x top center fixed}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

/* --------- Main Container --------- */
#wrapper{
width:977px;
height:1000%;
padding:0;
margin:0 auto}

#main_container{
width:977px;
height:100%;
padding:0 0 0 2px;_padding:0 0 0 8px;
float:left;
margin:0}

/* --------- Masthead ---------*/

#masthead{
width:977px;
height:361px;
margin:0;
background:url(assets/masthead_nav.png) no-repeat;
padding:0}

.masthead_logo{
width:318px;
height:100px;
margin:0;
padding:68px 0 0 11px;
float:left}

.masthead_logos{
width:95px;
height:103px;_height:80px;
margin:5px 0 13px 70px;
padding:0 0  0 35px;
float:left}

.masthead_text{
width:250px;
height:103px;
margin:0;
padding:5px 0 0 35px;
float:left}

/* --------- Slideshow ---------*/
.slideshow{
width:614px;
height:318px;
float:left;
padding:12px 0 0 11px;
margin:0}

.slideshow_area{
width:614px;
border-right:solid #ffffff 1px;
background:url(assets/slideshow.jpg) no-repeat;
height:318px}

/* --------- Top Nav ---------*/
.navigation_top {
width:977px;
height:61px;
float:left;
text-align:left;
padding:0;
margin:0}

.navigation_top ul {
margin:0px;
padding:0 0 0 19px;	
width:977px}

.navigation_top li{
list-style:none;
display:inline;
line-height:30px;
padding:0 7px 0 7px}

.navigation_top a {
text-decoration:none;
color:#ffffff;
padding:0}

.navigation_top a:hover {
text-decoration:underline;
color:#ffffff;
padding:0}

.navigation_top .active a {
color:#ffcc66;
text-decoration:none;
font-weight:bold;
padding:0} 

/* --------- Mainarea ---------*/
#mainarea{
width:977px;
height:100%;
float:left;
background:url(assets/main_area_body.png) repeat-y;
margin:-30px 0 0 0;
padding:0}

#left_column{
width:183px;
float:left;
min-height:500px;_height:380px;
background: url(assets/left_nav.png) no-repeat;
margin:0 0 0 11px;_margin:0 0 0 6px;
padding:0}

.textarea{
width:700px;
float:left;
padding:30px 0 0 35px;
min-height:500px;_height:380px;
margin:0;
height:100%}

/* --------- Navigation left ---------*/
.navigation_left{
width:182px;
float:left;
text-align:left;
padding:0;
margin:0}

.navigation_left ul{
margin:0;
padding:0}

.navigation_left li{
list-style:none;
margin:0;
padding:0}

.navigation_left a{
text-decoration:none;
display:block;
border-bottom:solid #ffffff 1px;
height:28px;
color:#ffffff;
margin:0;
padding:5px 0 0 15px;
background:#03274e}

.navigation_left a:hover{
text-decoration:underline;
height:28px;
color:#ffffff;
margin:0;
padding:5px 0 0 15px;
background:#547aa3}

.navigation_left .active a{
font-weight:bold;
color:#03274e;
height:28px;
margin:0;
padding:5px 0 0 15px;
background:#547aa3}

.navigation_left li ul li a, .navigation_left li ul li a:hover{
width:167px!important;
height:18px!important;
font-weight:normal!important;
line-height:8px!important;_line-height:10px!important;
background:#90a9c3!important;
background-image:none!important}

/* --------- testimonials ---------*/
#testimonials {
width:160px;
float:left;
height:100%;
margin:0;
padding:16px 0 0 16px}

.testimonials_text {
width:150px;
font-size:12px;
height:100%;
float:left;
padding:0;
color:#ffffff;
line-height:20px;
margin:0}

.masterbuilder {
height:100%;
padding:10px 0 0 20px;
width:150px}

.readmore {
height:100%;
margin:-20px 0 0 0;
width:150px}

/* --------- Footer --------- */

#footer{
width:977px;
height:53px;
padding:0;
margin:0;
background:url(assets/footer.png) no-repeat;
float:left}

.footer_bottom{
width:977px;
height:25px;
text-decoration:none;
text-align:center;
font-size:9px;
padding:25px 0 0 0;
color:#333333}

.footer_bottom a{
text-decoration:none;
color:#333333}

.footer_bottom a:hover{
text-decoration:underline;
color:#333333}