/* GENERAL STYLES */
* {padding: 0; margin: 0; outline: none;}
body {text-align: center; background: #F9F8F2 url(../images/bg.jpg) 50% 0 no-repeat; font-family: helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #333;}
p {line-height: 20px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left;}
.hide {display: none;}
.clear {clear: both;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #900;}
.left {float: left;}
.right {float: right;}
li {list-style: none;}
h2, h3, h4 {font-size: 16px; margin: 10px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
.indent30 {margin: 10px 0 0 30px;}
.indent20 {margin: 10px 0 0 20px;}
span.red {color: #ff0000; font-weight: bold;}

/* LAYOUT */
#container {width: 960px; padding: 0 0px; background: transparent url(../images/header_bg.jpg) 0 35px no-repeat; text-align: left; margin: 0 auto; position: relative;}
#wrapper {margin: 0 30px;}
#header {position: relative; height: 263px;}
#logo {position: absolute; z-index: 1; top: 27px; left: 25px;}
#teaser {position: absolute; top: 200px; left: 25px; width: 510px;}
#content_wrapper { background: #F4F2E8; padding: 10px 15px; font-size: 13px;}
#rotator {position: absolute; top: 23px; right: 0;}
#left_content, #one_content {float: left; width: 500px;}
#one_content {width: 855px;}
#right_content {float: right; width: 297px; padding-top: 50px;}
#footer {width: 100%; text-align: center; padding: 30px 0; clear: both;}
.extra {width: 166px; font-size: 11px;}
#cal_holder {width: 660px; margin: 10px;}
.cal {float: left; width: 190px; margin: 20px 5px;}
#flags {position: absolute; top: 40px; right: 5px; z-index: 10;}
#flags img {padding: 0 2px;}

table.mytable {border-collapse: collapse;width: 98%; margin: 4px; font-size: 12px; margin-left: 10px;}
.mytable th {background: #ac0000;color: #fff; padding: 5px;text-align: left;border-right: 1px solid #fff;}
.mytable td {padding: 6px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #fff; vertical-align: top; line-height: 25px;}
.mytable tr {background: #E3E9E8;}
.mytable td p {margin: 0; line-height: 16px;}
.mytable tr.over td, .mytable tr:hover td {background: #075482; color: #fff;}

/* vehicle tables */
.col_holder {padding: 5px 0; float: left; width: 250px; margin-right: 30px}
.col1 {text-align: left; font-size: 13px;}
.col1 p {margin: 10px 10px 10px 0; color: #333; line-height: 22px;}
.col1 li {line-height: 22px;}
.col1 p.title {width: 230px; margin-bottom: 10px; padding: 2px 5px; background: #900; color: #fff;}
.col1 a {text-decoration: none!important;}
.col1 a p {color: #900!important;}

/* TEXT */

#teaser h2 {font-weight: normal; font-size: 21px; line-height: 30px; margin: 0;}
img#big_book_now {margin-left: 18px;}
#footer p, #footer a {color: #ccc!important; font-size: 11px; text-decoration: none;}
#footer ul#footer_nav {margin-top: 10px;}
#footer ul#footer_nav a {color: red!important; }
#footer ul li {display: inline-block; padding: 0 20px;}
#left_content img.body_image, #one_content img.body_image {padding: 10px;}
.extra p {line-height: 16px;}
img.thumb {padding: 3px; border: 1px solid #ccc;}
ul.features {margin: 5px;}
ul.features li {margin: 0px 3px 6px 3px;}
p.error {color: #900;}
#left_content h2, #one_content h2, #left_content h4, #one_content h4 { color: #cc0000; font-weight: normal;}
#left_content h3, #one_content h3 { color: #cc0000; font-weight: bold;}
#left_content ul {margin-left: 30px;}
#left_content ul li {margin: 8px 20px; line-height: 22px; list-style-type: circle;}

/* NAVIGATION */
#nav ul { clear: both; float: right; margin: 0 0 0 6px;padding: 0;list-style: none; background: #A90003 url(../images/nav_bg.jpg) repeat-x top left; }
#nav ul li {float: left;margin: 0;padding: 0 1px 0 0;list-style: none;	background: url(../images/nav_sep.gif) no-repeat top right; text-transform: capitalize;}
#nav ul a {float: left;padding: 10px 18px 11px 18px;text-decoration: none;color: #fff;}

#home_page #nav li a#nav_1,
#about_page #nav li a#nav_2,
#book_page #nav li a#nav_3,
#location_page #nav li a#nav_4,
#rates_page #nav li a#nav_5,
#vehicles_page #nav li a#nav_6,
#contact_page #nav li a#nav_7,
#terms_page #nav li a#nav_8,
#links_page #nav li a#nav_9,
#news_page #nav li a#nav_10,
#nav ul li a:hover, #nav ul li a.active {background: #000 url(../images/nav_hover_bg.jpg) repeat-x bottom left;}

/* BLOCKS */
.home_blocks {clear: both; width: 900px; padding-top: 30px;}
div.block, div.block_long, div.block_mid {width: 306px; min-height: 80px; font-size: 12px; float: left; margin-left: -10px; overflow: hidden;}
div.block_long {width: 882px;}
div.block_mid {width: 582px;}
.block h4, .block_long h4, .block_mid h4 {text-indent: -9999px; margin: 0; height: 70px; display: block;}
div.block_border, div.block_border_long, div.block_border_mid {background: transparent url(../images/block_border.gif) 0 0 repeat-y; padding: 10px 10px 0 30px; overflow: hidden;}
div.block_border_mid {background: transparent url(../images/block_border_mid.gif) 0 0 repeat-y;}
div.block_border_long {background: transparent url(../images/block_border_long.gif) 0 0 repeat-y;}
div.block_footer, div.block_footer_vehicles, div.block_footer_book {background: transparent url(../images/block_footer.jpg) 100% 100% no-repeat; height: 85px; margin-top: -18px;}
div.block_footer_vehicles {background: transparent url(../images/block_footer_long.jpg) 100% 100% no-repeat;}
div.block_footer_book {background: transparent url(../images/block_footer_mid.jpg) 100% 100% no-repeat;}
div.block_footer_surf {background: transparent url(../images/block_footer_surf.jpg) 100% 100% no-repeat; height: 85px; margin-top: -18px;}
div.block p {margin-top: -10px; margin-bottom: 18px;}
#right_content .block {margin-left: 10px;}

h4.book {background: transparent url(../images/block_book_header.jpg) 0 0 no-repeat; }
h4.newsh4 {background: transparent url(../images/block_news_header.jpg) 0 0 no-repeat; }
h4.vehicles {background: transparent url(../images/block_vehicles_header.jpg) 0 0 no-repeat; }
h4.surf {background: transparent url(../images/block_surf_header.jpg) 0 0 no-repeat; }
h4.vanning {background: transparent url(../images/block_van_header.jpg) 0 0 no-repeat;}
h4.specials {background: transparent url(../images/block_spec_header.jpg) 0 0 no-repeat;}
h4.quotes {background: transparent url(../images/block_quotes_header.jpg) 0 0 no-repeat;}

/* FORMS */

/* CSS Document */

/* Styles */

fieldset {	margin: 10px 0;border: none; padding : 0px 10px 10px 10px;}
legend {color : #860019; margin: 10px 0; padding: 10px 5px; background: transparent;	font-size: 12px;	font-weight: bold;}
label {float: left; width: 170px; text-align: right;padding: 0 12px; font-size: 11px;}
label.long_label {width: 540px; text-align: left; margin: 5px 0;}
fieldset.booking label {width: 90px;}
fieldset div { margin: 8px 0; padding: 8px 0; display: block; clear: both;}
fieldset div input, fieldset div textarea { width: 190px; border: 1px solid #eaeaea; height: 20px; padding: 1px; color: #333;}
fieldset div select { padding: 1px;}
#submit { clear: both; text-align: center;}
#submit input { border: 1px solid #333;	padding: 2px 1em;	background: #555;	color: #fff;	font-size: 100%;}
input[type=submit] {padding: 5px; cursor: pointer; height: 30px;}
input:focus, textarea:focus {background: #eaeaea;	color: #000;	font-weight:bold;}
fieldset button {margin-left: -10px;}
.wd180 {width: 180px; float: left;}
option {padding-left: 5px;}

#home_page #reservation label {display: inline-block; text-align: left; width: 70px; padding: 0px;}
#home_page #reservation fieldset { margin: 2px 0;border: none; padding : 0px 10px 0px 10px;}
#home_page #reservation fieldset div { margin: 5px 0; padding: 2px 0; display: block; clear: both;}

.news_item {padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ccc; width: 95%;}
.news_image {margin: 0px 10px 10px 0px; padding: 4px; border: 1px solid #cccccc;}
.news_text {float: right; width: 360px;}
.news_img {width: 150px; float: left;}
.news_item h3 {display: block; margin-top: 0;}
p a.read_more {color: #900;}
p.news_body_image {float: right;}
p.news_body_image img {float: right; margin: 0 0 10px 10px; padding: 4px; border: 1px solid #cccccc; width: 250px;}

.quotation {padding: 30px 0 20px 30px; background: transparent url(../images/quotes.png) 0 0 no-repeat; min-height: 100px;}
span.labelesque {display: inline-block; width: 160px;}