@charset "UTF-8";

/* CSS Document */
/* RW03 Flavour Communications Ltd - John McGeary 2009*/


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

h1{
font-size:1.8em;
font-weight:400;
color:#a6ce39;
margin-bottom:15px}

h2{
font-size:1.5em;
font-weight:300;
color:#f05a89;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.4em;
font-weight:200;
color:#999999;
margin-top:5px;
margin-bottom:5px}

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

a{
color:#999999;
text-decoration:none}

a:hover{
color:#f05a89;
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;
line-height:1.3em;
font-weight:600;
padding:5px 0 0 20px;
margin:0}

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

.green{
color:#a6ce39}

.magenta{
color:#f05a89}

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

/* 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
float:left;
background:url(assets/wrapper-bg.gif) no-repeat top center}

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

/* Masthead */
#masthead{
width:700px;
height:266px;
float:left;
margin:0;
padding:0}

.masthead_logo{
width:349px;
height:147px;
margin:40px 0 0 0;
padding:0;
float:left}

.masthead_right{
width:350px
float:right;
text-align:right;
color:#666666;
margin:80px 0 0 0}

.masthead_right p{
font-size:1.1em;
margin:0;
color:#666666}

.masthead_right h2{
font-size:1.4em;
margin:0;
color:#a6ce39}

.masthead_right h3{
font-size:1.6em;
margin:0;
font-weight:200;
color:#000000}

/* Mainarea */
#textarea_wrapper{
padding:0 0 20px 0;
margin:0;
float:left;
width:700px;
height:100%}

.client_logos{
text-align:center;
width:700px;
height:140px;
float:left;
padding:0;
margin:0;
background:url(assets/client-fade.png) repeat-x bottom left}

.client_logos h2{
text-align:center;
font-size:2em;
margin:50px 0 0 0}

.textarea{
padding:35px;_padding:35px 14px 35px 33px;
margin:0;
float:left;
width:630px;
height:100%;
background:#ffffff url(assets/bottom-fade.gif) repeat-x bottom left}

.slideshow_area{
width:674px;
height:267px;
float:left;_float:right;
margin:-22px 0 35px -22px;_margin:-12px 0 0 0;*margin:-22px 0 0 -22px}

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

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

.right_column{
width:262px;
margin:0;
padding:0 0 20px 0;
float:right;
min-height:300px;
background:#ffffff url(assets/bottom-fade.gif) repeat-x bottom left}

.action_box{
width:192px;
height:108px;
color:#ffffff;
margin:15px 0 0 17px;_margin:15px 0 0 10px;
padding:65px 20px 20px 20px;
float:left;
background:url(assets/box.png) no-repeat top left}

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

.action_box a:hover{
color:#a6ce39;
text-decoration:underline}

/* Navigation top */
.navigation_top{
width:700px;
height:15px;
float:left;
text-align:left;
clear:both;
padding:0;
margin:50px 0 0 0;_margin:28px 0 0 0}

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

.navigation_top li{
list-style:none;
font-size:1.4em;
font-weight:200;
display:inline;
margin:0;
padding:0 20px 0 0}

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

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

.navigation_top .active{
text-decoration:none;
color:#000000;
font-weight:400}

.navigation_top .active a{
text-decoration:none;
color:#000000;
font-weight:400}

.navigation_top .active a:hover{
text-decoration:none;
color:#000000;
font-weight:400}

/* Footer */
#footer{
width:990px;
height:50px;
font-size:0.8em;
color:#000000;
margin:0;
padding:0;
clear:both;
display:block}

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

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

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

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

/* Ticker */
.ticker{
width:700px;
height:126px;
overflow:hidden;_position:relative;
padding:0;
margin:0}

.ticker li{
float:left;
font-size:1.3em;
font-weight:400;
font-style:italic;
list-style:none;
display:inline;
background-image:none;
border:none;
padding:0;
margin:0}