/* 

URL: rockawaysurfschool.com
author: Loukas Williams 
date: June 2009

*/

body {font:12px Verdana; background:#000; margin:0px; padding:0px;} 

a {color:#00a0ce; background:#000; padding:1px; margin:0px 0px 1px 0px; text-decoration:none;}
h2 {font:12px Verdana; color: #0d6897; padding:0px; margin:0px;}

.page_container {width:883px; margin:0px auto; padding:0px;}
.header { width:883px; height:357px; float:left;}
.header2 { width:883px; height:186px; float:left;}
.nav {width:883px; height:66px; float:left;}
.nav .home_space {width:14px; height:66px; display:block; float:left;}
.nav .rates_space {width:7px; height:66px; display:block; float:left;}
.nav .left_space {width:59px; height:66px; display:block; float:left;}
.nav .right_space {width:193px; height:66px; display:block; float:left;}

.nav a.home {background:url(../images/home.jpg) no-repeat 0px 0px; width:103px; height:66px; display:block; float:left; padding:0px; margin:0px;}
.nav a.home:hover {background:url(../images/home_over.jpg) no-repeat 0px 0px;}
.nav a.about {background:url(../images/about.jpg) no-repeat 0px 0px; width:150px; height:66px; display:block; float:left; padding:0px; margin:0px;}
.nav a.about:hover {background:url(../images/about_over.jpg) no-repeat 0px 0px;}
.nav a.about_dude {background:url(../images/about_dude.jpg) no-repeat 0px 0px; width:137px; height:66px; display:block; float:left; padding:0px; margin:0px;}
.nav a.about_dude:hover {background:url(../images/about_dude_over.jpg) no-repeat 0px 0px;}
.nav a.rates {background:url(../images/rates.jpg) no-repeat 0px 0px; width:98px; height:66px; display:block; float:left; padding:0px; margin:0px;}
.nav a.rates:hover {background:url(../images/rates_over.jpg) no-repeat 0px 0px;}
.nav a.contact {background:url(../images/contact.jpg) no-repeat 0px 0px; width:121px; height:66px; display:block; float:left; padding:0px; margin:0px;}
.nav a.contact:hover {background:url(../images/contact_over.jpg) no-repeat 0px 0px;}

.body_container {width:883px; float:left;}
.body_container .main_wrapper {width:660px; margin:15px 0px 0px 18px;}

.mainIndex_top {width:660px; height:476px; margin:0px 0px 0px 9px; padding:0px; background:url(../images/home_bg_top.jpg) no-repeat 0px 0px; float:left;}
.mainBen_top {width:660px; height:476px; margin:0px 0px 0px 9px; padding:0px; background:url(../images/aboutBen_bg_top.jpg) no-repeat 0px 0px; float:left;}
.mainRSS_top {width:660px; height:476px; margin:0px 0px 0px 9px; padding:0px; background:url(../images/aboutRSS_bg_top.jpg) no-repeat 0px 0px; float:left;}
.mainContact_top {width:660px; height:476px; margin:0px 0px 0px 9px; padding:0px; background:url(../images/contact_bg_top.jpg) no-repeat 0px 0px; float:left;}
.mainRates_top {width:660px; height:325px; margin:0px 0px 0px 9px; padding:0px; background:url(../images/rates_bg_top.jpg) no-repeat 0px 0px; float:left;}

.ratesText {color:#FFFFFF;}
.ratesText a {background-color:00a0ce;}

.left_column { width:350px; font:12px Verdana; color:#000; margin:75px 0px 0px 50px; padding:0px; float:left;}
.right_column { width:220px; font:12px Verdana; color:#000; margin:335px 0px 0px 15px; padding:0px; float:left; }
.right_column br { margin:5px 0px 5px 0px; }

.left_columnRates { width:450px; font:12px Verdana; color:#000; margin:40px 0px 0px 50px; padding:0px; float:left;}
.right_columnRates { width:120px; font:12px Verdana; color:#000; margin:40px 0px 0px 15px; padding:0px; float:left; }

.main_bottom {width:660px; height:289px; background:url(../images/main_bg_bottom.jpg) no-repeat 0px 0px; float:left; padding:0px; margin:0px 0px 0px 9px;}
.main_bottom p {width:565px; margin:45px 0px 0px 50px; padding:0px;}
.title { font:12px Verdana; line-height:10px; color: #0d6897; margin:5px 0px 0px 0px; padding:0px; font-weight:bold; display:inline;}

.right_images_wrapper {width:195px; padding:0px; margin:15px 0px 0px 7px; float:right;}
.right_images_wrapper img{float:left;}