@charset "UTF-8";

/* CSS Document */
/* RW03 Built4living Ltd - Dene Hall 2009*/


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

h1{
font-size:1.6em;
font-weight:200;
color:#81683f;
margin-bottom:15px}

h2{
font-size:1.3em;
font-weight:500;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.2em;
font-weight:500;
color:#f8791a;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.1em;
font-weight:200;
color:#ffffff;
margin-top:5px;
margin-bottom:5px}

a{
color:#81683f;
text-decoration:none}

a:hover{
color:#81683f;
text-decoration:underline}

p{
margin-bottom:10px}

.textarea ul{
padding:10px 0 10px 0}

.textarea li{
list-style:none;
background:url(assets/bullet.png) no-repeat top left;_background:url(assets/bullet.gif) no-repeat top left;
border:none;
line-height:1.3em;
padding:5px 0 0 20px;
margin:0}

.textarea li a{
color:#81683f;
text-decoration:none}

.textarea li a:hover{
color:#81683f;
text-decoration:underline}

.textarea ol{
line-height:1.3em;
font-weight:600;
padding:5px 0 0 20px;
margin:0}

.orange{
color:#f8791a}

.gold{
color:#81683f}

body{
font-size:0.85em;
font-weight:200;
line-height:1.8em;
color:#bbbbbb;
font-family:Helvetica, Verdana, Arial, sans-serif;
background:#000000 url(assets/bg.jpg) no-repeat top center}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

/* Main Container */

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

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

/* Masthead */

#masthead{
width:990px;
height:241px;
float:left;
margin:0;
padding:0;
background:url(assets/bg-masthead.png) no-repeat top left}

.masthead_logo{
width:351px;
height:106px;
margin:60px 50px 0 0;_margin:60px 25px 0 0;
padding:0;
float:right}

#slideshow{
width:500px;
height:210px;
padding:0;
float:left}

#container{
width:445px;
height:100px;
margin:63px 0 47px 100px;
padding:0;
float:left}

/* Navigation top */

.navigation_top{
width:990px;
height:31px;
text-align:right;
clear:both;
padding:0;
margin:0}

.navigation_top ul{
margin:0;
border-left:1px solid #000000;
float:right;
padding:0;
height:31px}

.navigation_top li{
list-style:none;
display:inline;
margin:0;
padding:0}

.navigation_top a{
border-right:1px solid #000000;
border-left:1px solid #999999;
text-decoration:none;
color:#f8791a;
float:left;
margin:0;
padding:5px 20px 3px 20px}

.navigation_top a:hover{
text-decoration:none;
color:#f8791a;
margin:0;
padding:5px 20px 3px 20px;
background:url(assets/hover.jpg) repeat-x bottom left}

.navigation_top .active{
text-decoration:none;
color:#f8791a;
font-weight:bold;
background:url(assets/hover.jpg) repeat-x bottom left}

.navigation_top .active a{
text-decoration:none;
color:#f8791a;
font-weight:bold;
background:url(assets/hover.jpg) repeat-x bottom left}

.navigation_top .active a:hover{
text-decoration:none;
color:#f8791a;
font-weight:bold;
background:url(assets/hover.jpg) repeat-x bottom left}

/* Mainarea */

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

#textarea_wrapper{
padding:0;
margin:30px 20px 0 0;
float:left;
width:690px;
height:100%;
background:url(assets/shadow.png) repeat-x bottom left}

.textarea{
padding:35px;
margin:0;
float:left;
width:620px;
min-height:300px;
background:url(assets/bg-textarea.png) no-repeat bottom left;_background:none}

.calltoaction{
text-align:center;
padding:10px 0 30px 0;_padding:20px 0 20px 0;
margin:0;_margin-left:17px;
float:left;
width:620px;
_border-top:1px solid #81683f;
_border-bottom:1px solid #81683f;
background:url(assets/bg-footer.png) no-repeat bottom left;_background:none}

.calltoaction h2{
color:#f8791a;
font-size:1.2em}

/* Right Column */

#right_column_wrapper{
padding:25px 0 20px 0;
margin:0 1px 0 0;
float:right;
width:262px;
height:100%}

.right_column{
width:262px;
margin:0;
padding:0 0 20px 0;
float:right;
min-height:300px}

.adarea{
padding:45px 0 0 20px;
margin:0;
float:left;
width:242px;
height:155px;
background:url(assets/bg-right-column.png) no-repeat bottom left}

.testimonials{
text-align:right;
width:232px;
margin:0;
padding:15px;
color:#ffffff;
float:left}

.testimonials h3{
text-align:right;
padding:0;
margin:0 0 10px 0;
color:#81683f}

.testimonials p{
text-align:right;
color:#ffffff;
padding:0;
margin:0;
font-weight:1.3em;
line-height:20px;
font-style:italic}

.testimonials a{
font-weight:0.9em;
display:block;
margin:10px 0 0 0;
font-style:normal}

/* Navigation right */

.navigation_right{
width:262px;
height:100%;
text-align:right;
float:right;
padding:0;
margin:0}

.navigation_right ul{
width:262px;
margin:0;
padding:0}

.navigation_right li{
list-style:none;
display:block;
height:31px;
width:262px;
margin:0;
padding:0;
background:url(assets/bg-right-nav.jpg) no-repeat top left}

.navigation_right a{
text-decoration:none;
color:#f8791a;
width:247px;
height:26px;
display:block;
margin:0;
padding:5px 15px 0 0}

.navigation_right a:hover{
text-decoration:none;
color:#f8791a;
width:247px;
height:26px;
display:block;
margin:0;
padding:5px 15px 0 0;
background:url(assets/bg-right-nav-hover.jpg) no-repeat top left}

.navigation_right .active{
text-decoration:none;
color:#f8791a;
font-weight:bold;
background:url(assets/bg-right-nav-hover.jpg) no-repeat top left}

.navigation_right .active a{
text-decoration:none;
color:#f8791a;
font-weight:bold;
background:url(assets/bg-right-nav-hover.jpg) no-repeat top left}

.navigation_right .active a:hover{
text-decoration:none;
color:#f8791a;
font-weight:bold;
background:url(assets/bg-right-nav-hover.jpg) no-repeat top left}

/* Footer */

#footer{
width:620px;
height:30px;
font-size:0.8em;
color:#ffffff;
margin:0;
padding:0;
clear:left;
display:block}

.copyright{
width:620px;
float:left;
font-size:9px;
text-align:center;
margin:0}

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

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

.copyright p{
padding:0;
margin:0}