@charset "UTF-8";

/* CSS Document */
/* RW07 - Solar Bright Ltd - John McGeary 2010*/


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

h1{
font-size:1.8em;
color:#faa61a;
line-height:28px;
font-weight:200;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #999999}

h2{
font-size:1.3em;
color:#6f6868;
font-weight:100;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.1em;
color:#faa61a;
margin-top:5px;
margin-bottom:5px}

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

a{
color:#faa61a;
text-decoration:underline}

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

p{
margin-bottom:10px}

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

.textarea li{
list-style:none;
background:url(assets/bulletpoint.gif) no-repeat top left;
border:none;
color:#000000;
padding:0 0 0 13px}

.textarea ol{
padding:10px 0 10px 15px}

.grey{
color:#999999}

.orange{
color:#faa61a}

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

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

/* --------- Main Container --------- */
#wrapper{
width:100%;
height:173px;
margin:0;
padding:0;
background:url(assets/bg.gif) repeat-x top left}

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

/* --------- Masthead ---------*/
#masthead{
width:990px;
height:173px;
float:left;
text-align:center;
margin:0;
padding:0}

.masthead_left{
width:309px;
height:152px;
float:left;
margin:10px 0 0 53px;_margin:10px 0 0 26px;
padding:0}

.masthead_right{
width:500px;
height:100px;
text-align:right;
float:right;
margin:40px 30px 0 0;_margin:40px 20px 0 0;
padding:0}

.masthead_right h2{
font-weight:200;
letter-spacing:1px;
font-size:2em;
color:#faa61a}

.masthead_right h3{
font-weight:200;
letter-spacing:1px;
font-size:1.8em;
color:#000000}

.masthead_right h4{
font-weight:200;
letter-spacing:1px;
font-size:1.5em;
color:#6f6868}

/* --------- Mainarea ---------*/
#mainarea{
width:982px;
height:100%;
margin:0 0 0 4px;_margin:0 0 0 2px;
padding:0;
float:left}

.textarea{
padding:40px;
margin:0;
float:left;
width:698px;
background:#ffffff url(assets/textarea-fade.gif) repeat-x top left}

#bookmarks{
margin:40px 0 0 0}

#left_column{
float:left;
width:204px;
height:100%;
margin:0;
padding:0}

.ticker{
float:left;
color:#ffffff;
width:204px;
height:650px;
overflow:hidden;
margin:140px 0 0 0;
padding:0}

.ticker h2{
font-size:1.6em;
font-weight:200;
color:#faa61a}

.ticker h3{
color:#ffffff}

.ticker li{
list-style:none;
background:url(assets/bulletpoint-orange.gif) no-repeat top left;
border:none;
font-size:1.3em;
font-weight:200;
color:#ffffff;
padding:0 0 0 13px}

.ticker h4{
list-style:none;
border:none;
font-size:1em;
line-height:17px;
font-weight:200;
color:#ffffff;!important
margin:0 0 0 20px}

.block{
float:left;
font-size:1.3em;
font-weight:200;
color:#faa61a;
width:180px;
margin:0;
padding:0}

.slideshow{
width:778px;
height:366px;
float:left;
margin:0;
padding:0;
border-bottom:4px solid #ffffff}

#right_column{
float:right;
width:778px;
height:100%;
margin:0;
padding:0;
background-color:#ffffff}

/* --------- Navigation ---------*/
.navigation{
width:204px;
height:222px;
float:left;
text-align:left;
margin:0;
padding:0}

.navigation ul{
margin:0;
padding:0;
float:left;
width:204px}

.navigation li{
list-style:none;
margin:0;
padding:10px 10px 10px 20px;
background:url(assets/nav-fade.gif) repeat-x top left}

.navigation a{
text-decoration:none;
color:#000000;
margin:0;
padding:0}

.navigation a:hover{
text-decoration:underline;
color:#000000;
margin:0;
padding:0}

.navigation .active{
text-decoration:none;
color:#ffffff;
font-weight:bold;
background:url(assets/nav-arrow.gif) no-repeat center left}

.navigation .active a{
text-decoration:none;
color:#ffffff;
font-weight:bold}

.navigation .active a:hover{
text-decoration:none;
color:#ffffff;
font-weight:bold}

/* --------- Footer --------- */
#footer{
width:778px;
height:200px;
font-size:0.8em;
margin:0;
padding:0;
float:left}

.testimonials{
width:718px;
height:130px;
font-size:1.2em;
margin:0;
padding:20px 20px 20px 40px;
float:left;
background-color:#faa61a}

.testimonials h3{
width:500px;
font-size:1.3em;
font-weight:200;
margin:20px 0 10px 0;
color:#ffffff;
font-style:italic}

.testimonials a{
color:#ffffff}

.testimonials img{
float:right}

.copyright{
width:778px;
height:30px;
font-size:9px;
text-align:center;
margin:0;
padding:20px 0 15px 0;
background:url(assets/footer-fade.gif) repeat-x top left;
float:left;
clear:left}

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

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

.copyright p{
padding:0;
margin:0;
color:#ffffff}