@charset "UTF-8";

/* CSS Document */
/* MGM - Damson Creative Ltd 2008*/


/* EDITOR START */
hr{
border:1px solid #e92739;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#ffb816;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:2px solid #e92739}

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

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

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

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

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

p{
margin-bottom:10px}

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

li{
padding:0}

.orange{
color:#ffb816}

.yellow{
color:#ffec74}

.grey{
color:#666666}

/* EDITOR END */
body{
font-size:13px;
font-weight:200;
line-height:20px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#666666 url(assets/bg.gif) repeat-x top left}

*{
margin:0;
padding:0}

img{
border:0}

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

#main_container{
width:994px;
height:100%;
padding:0;
float:left;
margin:0;
background:#000000 url(assets/maincontainer_bg.gif) repeat-y top left}

/* --------- Masthead ---------*/
#masthead{
width:994px;
height:225px;
margin:0;
padding:0;
float:left;
background:#000000 url(assets/fire.jpg) no-repeat top right}

#masthead img{
float:left}

.masthead_text {
width:500px;
float:left;
margin:55px 0 0 40px}

.masthead_text h2{
color:#ffffff;
margin:0 0 50px 0}

.masthead_text h3{
font-size:16px}

/* --------- Mainarea ---------*/
#mainarea{
width:994px;
height:100%;
float:left;
margin:0;
padding:0;
background:url(assets/left_column_flames.gif) no-repeat bottom left}

#left_column{
width:242px;
float:left;
height:100%;
margin:0;
padding:40px 10px 0 10px;
background:url(assets/top_left_column.jpg) repeat-x top left}

*html #left_column{
padding:0 10px 8px 10px}

.textarea{
padding:40px 10px 10px 40px;
margin:0;
width:650px;
height:100%;
float:left;}

.textarea img{
border:5px solid #666666;
}

/* --------- Navigation top ---------*/
.navigation_top{
width:994px;
height:38px;
float:left;
text-align:left;
padding:0;
margin:0;
background:url(assets/nav_footer.gif) repeat-x top left}

.navigation_top ul{
margin:8px 0 0 300px;
padding:0;
width:660px}

.navigation_top li{
list-style:none;
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 #currentpagetop a{
margin:0;
padding:0;
color:#ffffff;
text-decoration:underline;
font-weight:bold} 

/* --------- Navigation left ---------*/
.navigation_left{
width:193px;
float:left;
line-height:19px;
text-align:left;
padding:10px}

.navigation_left ul{
margin:0;
padding:0;
width:193px}

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

*html .navigation_left li, .navigation_left ul, .navigation_left{
width:174px}

.navigation_left a{
text-decoration:none;
color:#ffffff;
margin-bottom:5px;
padding:0 0 0 25px;
display:block;
background:url(assets/a_hover.gif) no-repeat top left}

.navigation_left a:hover{
text-decoration:underline;
color:#ffffff;
margin-bottom:5px;
padding:0 0 0 25px;
display:block;
background:url(assets/a_hover.gif) no-repeat bottom left}

.navigation_left #currentpageleft a{
padding:0 0 0 25px;
color:#ffffff;
margin-bottom:5px;
text-decoration:underline;
font-weight:bold;
background:url(assets/a_hover.gif) no-repeat bottom left}

/* --------- Footer --------- */
#footer{
width:994px;
height:55px;
font-size:9px;
color:#ffffff;
text-align:left;
margin:0;
padding:0;
clear:left;
background:url(assets/nav_footer.gif) repeat-x bottom left}

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

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

.footer_left p{
font-size:9px;
color:#ffffff;
padding:7px 0 0 0;
margin:0 0 0 300px}