@charset "UTF-8";

/* CSS Document */
/* RW01 Take A Seat - John McGeary 2009*/


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

h1{
font-size:22px;
color:#f47920;
margin-bottom:15px}

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

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

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

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

a:hover{
color:#000000;
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;
padding:0 0 0 20px}

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

.grey{
color:#666666}

.orange{
color:#f47920}

body{
font-size:13px;
font-weight:200;
line-height:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#eeeeee url(assets/seat.jpg) repeat-x bottom left fixed}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

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

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

#main_container{
width:951px;
height:100%;
padding:0;
float:left;
margin:50px 0 0 0}

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

#masthead{
width:951px;
height:179px;
margin:0 0 20px 0;
padding:0;
float:left}

.logo{
width:408px;
height:130px;
float:left;
margin:0 0 20px 0}

/* --------- Mainarea ---------*/
#mainarea{
width:921px;
height:100%;
float:left;
margin:0;
padding:15px 15px 15px 15px;
background: url(assets/mainarea-bg.png) repeat top left}

/* --------- Right Column ---------*/
#right_column{
width:328px;
float:right;
height:100%;
margin:0;
padding:5px;
background-color:#f47920}

.testimonials{
width:300px;
float:left;
margin:20px 10px 20px 10px;
color:#ffffff}

.testimonials h2, .testimonials h3, .testimonials a, .testimonials a:hover{
color:#ffffff}

/* --------- Middle Column ---------*/
.textarea{
padding:0;
margin:50px 0 0 0;
width:550px;
height:100%;
float:left}

#calltoaction{
height:70px;
width:550px;
float:left;
border-top:2px solid #cccccc;
margin:20px 0 0 0;
padding:20px 0 0 0}

#calltoaction h1{
margin:0;
font-size:16px}

/* --------- Navigation top ---------*/
.navigation_top{
width:951px;
height:49px;
float:left;
text-align:left;
padding:0;
margin:0;
background:url(assets/nav_slide_top_bottom.png) no-repeat top left}

.navigation_top ul{
margin:14px 0 0 38px;*margin-top:-4px;
padding:0;
width:951px}

.navigation_top li{
list-style:none;
display:inline;
margin:0 -6px 0 0;
padding:1px 0 0 0;
*line-height:55px}

.navigation_top a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:15px 20px 16px 20px;
border-left:1px solid #000000;
border-right:1px solid #000000}

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

.navigation_top .active a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:15px 20px 16px 20px;
background: url(assets/hover.png) repeat top left}

/* --------- Footer --------- */
#footer{
width:951px;
height:50px;
font-size:9px;
color:#000000;
text-align:right;
margin:0;
padding:0;
clear:left;
display:block}

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

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

.footer_center p{
font-size:9px;
color:#000000;
padding:10px 0 0 0;
margin:0}