@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------

[client] Screen Stylesheet

version:   1.0

date:      01/03/07

author:    Peter Koopman

email:    peter@zulu.co.nz



website:   http://www.scribbledesign.co.nz



-----------------------------------------------------------------------------*/

/* Import other stylesheets

-----------------------------------------------------------------------------*/

@import url("reset.css");





/* Set up the document

-----------------------------------------------------------------------------*/

body{background: url(/images/background.png) repeat #d1d2d4;color: #000000;	font: 80%/1.2  Arial,Helvetica,sans-serif;text-align:center; line-height:18px;}

#wrapper { background:#fff;margin:20px auto;text-align:left;

		  width: 920px; /* Set page width here - you can also use percentage */

}
.wrapper-fauxpadding{background:#fff;border:20px solid #fff;float:left;overflow:hidden;width:920px;}

#main {clear:both;float:left;width:920px;}



/* Typography

-----------------------------------------------------------------------------*/

h1{font-size: 1.3em; /* Equivalent to 22pt */}

h1{background-color:#0048ff;color:#fe921b;font-size:1.8em;margin:0 0 10px 0;padding:5px 10px; width:100%; font-weight:bold;}

h2{font-size: 1.1em; /* Equivalent to 20pt */}

h2{color:#0048FF;font-size:16px;}

h3{font-size: 1em; /* Equivalent to 18pt */}

h3{color:#0048FF;font-size:14px;}

h4{font-size: 0.9em; /* Equivalent to 18pt */}

h5{font-size: 0.8em; /* Equivalent to 14pt */}

p, q, cite{font-size: 1em; /* Equivalent to 12pt */}

li, dt{font-size: 1em; /* Equivalent to 12pt */}

li, dd, dt{font-size: 1em; /* Equivalent to 12pt */}

em{font-style:italic;}

strong{font-weight:bold;}



/* Header

-----------------------------------------------------------------------------*/

#branding{display:none;}

#flashHeader{height:217px;width:920px;}

/* Navigation

-----------------------------------------------------------------------------*/

#navMain{background-color:#fe921b;border-bottom:solid 4px #0048ff;height:26px;overflow:hidden;position:relative;width:920px;}
#navMain-fauxPadding{margin:0px 10px;}
#navMain ul{margin:0;padding:0;}
#navMain li{float:left;height:26px;list-style: none;margin:0;padding:0; }

#navMain li a{color:#fff;float:left;font:normal 1em/26px Arial, Helvetica, sans-serif;padding:0 20px;position:relative;text-align:center;text-decoration:none;}

#navMain li.active, #navMain li:hover {background:no-repeat left top url(../../images/website/menu-back-left.png);}

#navMain li.active a, #navMain li:hover a{background:no-repeat right top url(../../images/website/menu-back-right.png);}

#navSubHome{background-color:#0048ff;float:left;font-size:1em;margin:0 0 6px 0;width:920px;}
#navSubHome ul {margin:0;padding:0;}
#navSubHome li{float:left;height:20px;list-style: none; margin:0;padding:0;margin-bottom:5px;margin-left:10px;margin-right:10px;}

#navSubHome li a{background:none;color:#fff;font:normal 1em/20px Arial, Helvetica, sans-serif;height:20px;padding:0 5px;text-align:center;text-decoration:none;}

hr{border:1px dotted #C0C0C0;float:left;margin:6px 0 12px;width:100%;}



/*Image columns

----------------------------------------------------------------------------*/

#leftImages{float:left;overflow:hidden;padding:10px 0 0 0;}

#leftImages img{margin:0 0 10px 0;vertical-align:top;}



#rightImages{padding:10px 0 0 0;vertical-align:top;}

#rightImages img{margin:0 0 10px 0;vertical-align:top;}

#leftColumn{float:left;margin-bottom:10px;margin-right:20px;overflow:hidden;width:210px;}

/* Content

-----------------------------------------------------------------------------*/

#pageHeading{float:left;width:920px;}

#pageHeading h1{background-color:#0048ff;color:#fe921b;font-size:1.2em;margin:0 0 10px 0;padding:5px 10px;width:100%; font-weight:bold;}

#content{vertical-align:top;}

#content.sub{padding:10px 0;width:100%;}

#content h2{color:#0048ff;font-size:1.1em;}

#content h3{color:#0048ff;font-size:14px;}

#content p{font-size:1em;font-family:Arial, Helvetica, sans-serif;margin:8px 0;}

#content div{font-size:1em;font-family:Arial, Helvetica, sans-serif;}

#content li{margin:0;font:normal 12px/16px Arial, Helvetica, sans-serif;

}

#leftImages.threeCol{width:200px;}

#content.threeCol{width:410px;padding:10px 20px;}

#rightCol.threeCol{width:250px;padding:10px 0 0 0;vertical-align:top;}

#rightCol.threeCol h2{color:#fe921b;background-color:#0048ff;font-size:1.8em;padding:0 20px;width:250px;}



/*Modules

-----------------------------------------------------------------------------*/

/*Hotels page*/

.hotelCategory{width:100%;margin:10px 0;}

.hotelCategory img{width:250px;vertical-align:top;}

.hotelCategory .hotelTypeDesc{adding:0 20px;}



/*Hotels*/

#hotelcats-list{float:left;margin-top:15px;list-style:none !important;}

.hotel-info{float:left;font-size:1.2em;font-weight:normal;margin-top:-10px;overflow:hidden;width:690px;}

.hotel-rightcolumn{float:right;margin-left:20px;width:180px;}

.hotel-rightcolumn img{width:100%;height:auto;}

.hotel-sectiontitle{color:#fe921b;background-color:#0048ff;font-size:1.2em !important;margin-bottom:15px;margin-top:10px;padding:5px 10px;width:100%; font-weight:bold;}

.hotelcats-column1{clear:none;float:left;margin-right:20px;width:180px;}

.hotelcats-column2{clear:right;float:left;width:650px;}

.hotelcats-image{width:100%;}

.hotelcats-image img{border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-bottom:1px solid #808080;border-right:1px solid #808080;width:100%;}

.hotelcats-name{font-size:120% !important;}

.hotelcats-name, .hotelcats-name a{clear:both;color:#0048FF;float:left;font-weight:bold;margin-bottom:5px;text-decoration:none;}

.hotelcats-description{clear:both;float:left;margin-bottom:10px;}

.hotels-column1{clear:none;float:left;margin-right:20px;width:180px;}

.hotels-column2{clear:right;float:left; width:650px;}

.hotels-name{font-size:120% !important;}

.hotels-name, .hotels-name a{color:#0048FF;font-weight:bold;margin-bottom:5px;text-decoration:none;}

.hotels-location{clear:both;font-style:italic;font-size:90%;}

.hotels-image{width:100%;}

.hotels-image img{border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-bottom:1px solid #808080;border-right:1px solid #808080;width:100%;}

.hotels-description{clear:both;margin-bottom:10px;}

.hotels-book{clear:both;}

.hotels-book a{color:#0048FF;}
#hotelcats-list ul{margin:0;padding:0;width:100%;}
#hotelcats-list li{clear:both;display:block;float:left;list-style:none;padding:0;margin:15px 0px;width:100%;}
#hotels-list ul{margin:0;padding:0;}
#hotels-list li{clear:both;float:left;list-style:none;padding:0;margin:15px 0px;}

#hotelcats-list{float:left;}

.view-more {clear:both;float:left;}
.view-more a{color:#0048FF;clear:both;margin-bottom:10px;}



/*Tours*/

#content .tourListItem{width:100%;}

#content h2.tourName{width:100%;color:#fe921b;background-color:#0048ff;font-size:1.8em;text-indent:20px;margin:20px 0 0 20px;}

.tourImg{padding:10px 0;vertical-align:top;}

.tourImage2{float:right;margin:0 0 10px 10px;}

.tourContent p{padding:10px;}

.tourContent p.tourSubHead{padding: 0 10px;color:#f08820;font-weight:bold;}



/*Rental Cars*/

.rentalCar{}

.rcImage{padding:10px 0;vertical-align:top;width:200px;}

.rcContent{padding:10px;}

.rcContent p{font:normal 12px/15px Arial, Helvetica, sans-serif;}

.rentalcars-column1{clear:none;float:left;margin-right:20px;width:180px;}

.rentalcars-column2{clear:right;float:left;width:650px;}

.rentalcars-name{color:#0048FF;font-size:120%;font-weight:bold;margin-bottom:10px;}

.rentalcars-description{clear:both;margin-bottom:10px;}

.rentalcars-price{clear:both;margin-bottom:10px;}

.rentalcars-image{width:100%;}

.rentalcars-image img{border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-bottom:1px solid #808080;border-right:1px solid #808080;width:100%;}

.rentalcars-booknow{margin-left:20px;}

.rentalcars-booknow a{color:#0048FF;}

#rentalcars-list{margin-top:20px;}
#rentalcars-list ul{margin:0;padding:0;}
#rentalcars-list li{clear:both;float:left;list-style:none;padding:0;margin:15px 0px;}



/* Beach Fales */

#falecats-list{margin-top:15px;list-style:none !important;}

.fale-info{float:left;font-size:1.2em;font-weight:normal;margin-top:-10px;overflow:hidden;width:690px;}

.fale-rightcolumn{float:right;margin-left:20px;width:180px;}

.fale-rightcolumn img{width:100%;height:auto;}

.fale-sectiontitle{color:#fe921b;background-color:#0048ff;font-size:1.2em !important;margin-bottom:15px;margin-top:10px;padding:5px 20px;width:100%}

.falecats-column1{clear:none;float:left;margin-right:20px;width:180px;}

.falecats-column2{clear:right;float:left;width:650px;}

.falecats-image{width:100%;}

.falecats-image img{border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-bottom:1px solid #808080;border-right:1px solid #808080;width:100%;}

.fales-column1{clear:none;float:left;margin-right:20px;width:180px;}

.fales-column2{clear:right;float:left;width:650px;}

.fales-name{font-size:120% !important;}

.fales-name, .fales-name a{color:#0048FF;font-weight:bold;margin-bottom:5px;text-decoration:none;}

.fales-location{clear:both;font-style:italic;font-size:90%;}

.fales-image{width:100%;}

.fales-image img{border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-bottom:1px solid #808080;border-right:1px solid #808080;width:100%;}

.fales-description{clear:both;margin-bottom:10px;}

.fales-book{clear:both;}

.fales-book a{color:#0048FF;}

#falecats-list li{clear:both;float:left;list-style:none;padding:0;margin:15px 0px;}
#falecats-list ul{margin:0;padding:0;}
#fale-list ul{margin:0;padding:0;}
#fales-list li{clear:both;float:left;list-style:none;padding:0;margin:15px 0px;}



/* Footer

-----------------------------------------------------------------------------*/

#pageInfo{

	height:20px;float:left;font:normal .8em/20px Arial, Helvetica, sans-serif;margin-top:50px;width:100%;}