@charset "UTF-8";

/* CSS Document */
/* B. Hepworth - Damson Creative 2009 */


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

h1{
font-size:18px;
color:#00a2ef;
font-weight:600;
margin-bottom:15px}

h2{
font-size:16px;
color:#1a639f;
font-weight:300;
margin-top:5px;
margin-bottom:5px}

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

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

a{
color:#0a2d66;
text-decoration:none}

a:hover{
color:#0a2d66;
text-decoration:underline}

p{
margin-bottom:10px}

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

li{
padding:0;
color:#00a2ef}

.blue{
color:#00a2ef}

.dark-blue{
color:#1a639f}

.red{
color:#ff2800}

body{
font-size:11px;
font-weight:200;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#2e557d url(assets/bg.gif) repeat-y top center}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

/* --------- Main Container --------- */
#wrapper{
width:100%;
height:100%;
padding:0;
margin:0;
background:url(assets/wiper-hepworth-wynn.png) no-repeat top center fixed;
float:left}

#main_container_wrapper{
width:990px;
height:100%;
padding:0;
margin:0 auto}

#main_container{
width:990px;
height:100%;
background-color:#ffffff;
float:left}

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

#masthead{
width:990px;
height:126px;
margin:0 0 10px 0;_margin:0 0 10px -10px;
padding:0;
float:left}

.masthead_logo{
width:650px;
height:90px;
margin:0 0 0 5px;_margin:0 0 0 10px;
padding:0;
float:left}

.masthead_logo h2{
margin:28px 0 0 37px;
font-weight:300;
font-size:25px;
letter-spacing:3px}

.masthead_logo img{
float:left}

.masthead_right{
width:262px;
height:90px;
margin:0 10px 0 0;_margin:0 -15px 0 0;
padding:0;
float:right}

/* --------- Mainarea ---------*/
#mainarea{
width:988px;
height:100%;
float:left;
margin:10px 0 0 0;
padding:0}

/* --------- Left Column ---------*/
#left_column{
width:668px;
float:left;
height:100%;
margin:0 0 0 40px;_margin:0 0 0 20px;
padding:0}

#left_column-full{
width:910px;
float:left;
height:100%;
margin:0 0 0 40px;_margin:0 0 0 20px;
padding:0}

.textarea{
padding:0;
margin:0 0 20px 0;
width:100%;
height:100%;
min-height:700px;
float:left}

#container{
float:left;
margin:0 0 20px 0;
padding:0;
width:667px;
height:300px;
border-bottom:3px solid #dddddd}

/* --------- Right Column ---------*/
.right_column{
padding:0;
margin:0;_margin:0 -8px 0 0;
width:250px;
float:right}

.block-top{
background:url(assets/block-top.gif) no-repeat top left;
width:211px;
height:36px;
text-align:center}

.block-top h2{
color:#ffffff;
font-size:12px;
font-weight:bold;
letter-spacing:normal;
padding:6px 0 0 0}

.block{
width:191px;
float:left;
padding:10px;
margin:0 0 20px 0}

/* --------- Navigation top ---------*/

#nav{
width:954px;
height:36px;
font-size:13px;
font-weight:200;
line-height:20px;
float:left;
text-align:left;
padding:0;
margin:0 0 0 18px; _margin:0 0 0 15px;
background:url(assets/nav-footer.gif) no-repeat top left}

#nav ul{
margin:0 0 0 24px; *margin:-7px 0 0 24px; 
padding:0;
width:934px}

#nav li{
list-style:none;
display:inline;
margin:5px 0 0 0;
padding:0;
float:left}

#nav a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:7px 10px 9px 10px;
border-left:1px solid #156084;_border-left:1px solid #40afe3;
border-right:1px solid #40afe3;
*line-height:35px}

#nav a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:7px 10px 9px 10px;
*line-height:35px}

/* --------- Dropdown Menu ---------*/

#nav li ul{
position:absolute;
top:9.4em;
left:-999em;
width:13em;
background-color:#40afe3;
margin:0!important; *margin:0 0 0 -66px!important; _margin:3px 0 0 -66px!important;
padding:0 5px 0 0;
z-index:1}

#nav li ul a{
border:none!important;
width:13em;
display:block;
line-height:18px!important}

#nav li:hover ul{
left:auto}

#nav li.sfhover ul{
left:auto}

/* --------- Footer --------- */
#footer{
width:990px;
height:42px;
font-size:9px;
color:#ffffff;
text-align:center;
margin:0;
padding:0;
clear:both;
display:block;
background: url(assets/nav-footer.gif) no-repeat bottom left}

.footer_center a{
text-decoration:none;
color:#ffffff}

.footer_center a:hover{
text-decoration:underline;
color:#ffffff}

.footer_center p{
font-size:9px;
color:#ffffff;
padding:10px 0 0 0;
margin:0}