@charset "UTF-8";

/* CSS Document */
/* Steve Welford - John McGeary 2009*/

/* EDITOR START */

hr{
border-bottom:1px solid #cccccc;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#cb1119;
margin-bottom:15px;
border-bottom:1px solid #cb1119;
padding:0 0 20px 0}

h2{
font-size:13px;
color:#666666;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:13px;
color:#cb1119;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:12px;
color:#cb1119;
margin-top:5px;
margin-bottom:5px}

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

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

p{
margin-bottom:10px}

.red{
color:#cb1119}

.grey{
color:#666666}

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


/* EDITOR END */

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

*{
margin:0;
padding:0}

img{
border:0}

/* --------- Main Container --------- */

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

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

#masthead{
width:990px;
height:214px;
margin:0;
padding:0}

#masthead img{
margin:60px 0 0 300px;
float:left}

/* --------- Adarea ---------*/

#adarea{
width:990px;
height:198px;
float:left;
margin:0;
padding:0}

.adarea-left{
width:161px;
height:258px;
margin:0;
padding:15px;
float:left;
color:#ffffff;
line-height:14px;
background:url(assets/jobbookingbox-bg.png) no-repeat top left}

.adarea-left h2{
color:#ffffff;
margin:-5px 0 15px 0}

.adarea-left h3{
color:#ffffff;
margin:0;
font-size:8px;
margin:5px 0 0 0}

.adarea-right{
width:161px;
height:198px;
margin:0;
padding:15px;
float:right;
background:url(assets/rightbox-bg.png) no-repeat top left;
color:#ffffff}

.adarea-right h2{
color:#ffffff;
margin:-5px 0 5px 0}

.adarea-right h3{
color:#ffffff}

.adarea-right p{
margin:0}

.slideshow{
width:608px;
height:198px;
float:left;
padding:0;
margin:0}

/* --------- Mainarea ---------*/

#mainarea{
width:990px;
height:100%;
float:left;
margin:0; _margin:-90px 0 0 0;
padding:20px 0 0 0;
background-color:#ffffff}

.textarea{
padding:20px 40px 40px 40px;
margin:0;
width:528px;
height:100%;
float:left;
min-height:400px;
background:url(assets/nb.png) no-repeat bottom right}

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

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

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

/* --------- Left Column ---------*/

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

.message-box{
width:161px;
height:258px;
margin:0;
padding:15px;
float:left;
color:#ffffff;
line-height:14px;
background:url(assets/stevesmessage-bg.png) no-repeat top left}

.message-box h2{
color:#ffffff;
margin:16px 0 15px 0; *margin:35px 0 15px 0}

.testimonials{
width:161px;
padding:15px;
float:left;
margin:0}

.testimonials p{
font-size:12px}

.testimonials a{
color:#cb1119}

/* --------- Right Column ---------*/

#right_column{
width:191px;
float:right;
margin:0; _margin:0 -10px 0 0;
padding:0}

.random-illustrations{
width:191px;
height:101px;
float:left}

/* --------- Navigation ---------*/
.nav{
width:191px;
float:left;
text-align:left;
padding:0;
margin:0 0 20px 0}

.nav ul{
margin:0 0 0 15px;
padding:0;
width:182px}

.nav li{
list-style:none;
width:176px;
display:block;
margin:0;
padding:0;
float:left;
color:#666666}

.nav a{
text-decoration:none;
color:#666666;
width:176px;
display:block;
margin:0;
padding:0}

.nav a:hover{
text-decoration:underline;
color:#666666;
margin:0;
padding:0;
background:url(assets/arrow.jpg) no-repeat top right}

.nav .active a{
text-decoration:none;
color:#cb1119;
font-weight:bold;
margin:0;
padding:0}

.nav .active a:hover{
text-decoration:underline;
color:#666666;
margin:0;
padding:0}

.sound{
margin:0 0 0 15px;
padding:0;
width:182px}

.services{
width:191px;
height:91px;
margin:10px 0 0 0;
padding:0;
background:url(assets/services-bg.gif) no-repeat top left}

.services h2{
color:#ffffff;
float:left;
margin:20px 0 0 14px;_margin:20px 0 0 7px}

.services img{
float:right;
margin:0 5px 0 0;_margin:0 8px 0 0}

/* --------- Footer --------- */

#footer{
width:990px;
height:50px;
padding:0;
margin:0;
text-align:center;
font-size:9px;
clear:left;
border-top:3px solid #cb1119}

#footer a, #footer a:hover{
color:#cb1119}

#footer h3{
color:#666666;
font-size:13px;
font-weight:100}