@import url("reset.css");
@import url("960.css");

/*-----------------------------------------------------
	Defaults
-----------------------------------------------------*/
body { font:12px Arial, Helvetica, sans-serif; color:#fff; background:#000 url(../imgs/bkg/cement.jpg) repeat-x 0 0;}
#skiplinks {position:absolute; left:-9999px;}
#wrapper{ width:960px; margin: 0 auto; position:relative}

/*-----------------------------------------------------
	Links
-----------------------------------------------------*/
a:link {text-decoration: none; color:#999; border-bottom: dotted 1px #999}
a:visited {text-decoration: none; color:#999; border-bottom: dotted 1px #999}
a:hover, a:focus {text-decoration: none; color:#fff; border-bottom: dotted 1px #fff}
a:active {text-decoration:none;}
a:focus {outline: 1px dotted #fff;}

/*-----------------------------------------------------
	Type
-----------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color:#007c85; text-align:center; font-weight:normal; letter-spacing:1px; }

h1	{ font-size:38px; margin-bottom:30px }
h2	{ font-size:21px; margin-bottom:30px}
h3	{ font-size:18px; margin-bottom:15px}
h4	{}
h5	{}
p	{ line-height:1.7; margin-bottom:15px }
li	{}
blockquote { line-height:1.7; margin-bottom:15px }
cite { font-size:11px; color:#959595; text-align:right}
strong {font-weight:bold;}
em {font-style:italic;}
.strike { text-decoration:line-through}
ol {list-style: outside decimal; line-height:1.7;}
fieldset { border: solid 1px #1f1f1f; margin-bottom:30px; padding:20px}
legend {font-size:21px; color:#007c85; letter-spacing:1px; padding: 0 10px}

/*-----------------------------------------------------
	Forms
-----------------------------------------------------*/

input, select, textarea, label { font:12px Arial, Helvetica, sans-serif;}

/*-----------------------------------------------------
	IE6 Browser Upgrade Notice
-----------------------------------------------------*/
#upgrade-browser { font-family:Arial, Helvetica, sans-serif; color:#000; padding:20px; background: #fff url(../imgs/ie6-warning/grad.png) repeat-x bottom left }
#upgrade-browser p { font-size:12px; background:url(../imgs/ie6-warning/warning-icon.png) no-repeat; padding-left:35px; margin:0}
#upgrade-browser a { text-decoration:underline; font-weight:bold; color:#000}
#upgrade-browser a:hover, #upgrade-browser a:focus { text-decoration:none; color:#000}

/*-----------------------------------------------------
	Layout
-----------------------------------------------------*/
#logo { margin: 30px auto; display:block; width:150px; height:101px; border:none}

#social { position:absolute; top:131px; right:10px}
#social li { float:left}
#social li a { float:left; display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; background:url(../imgs/media.png) no-repeat 0 0; margin-left:10px; border:none}
#social li.facebook a { background-position: top left}
#social li.facebook a:hover { background-position: bottom left}
#social li.twitter a { background-position:  -16px top}
#social li.twitter a:hover { background-position: -16px bottom}

#nav {text-align: center; padding-bottom:25px}
#nav li {display:inline; font-size:10px; text-transform:uppercase; letter-spacing:3px; margin-right:30px; font-weight:}
#nav li.end {margin-right: 0px; }
#nav li a { text-decoration:none; border:none}
#nav li a:hover {}
#nav li a.current { color:#fff}

#sub-nav {text-align: center; padding-bottom:25px}
#sub-nav li {display:inline; font-size:11px; margin-right:15px;}
#sub-nav li.end {margin-right: 0px; }
#sub-nav li a { text-decoration:none; border:none}
#sub-nav li a:hover {}
#sub-nav li a.current { color:#fff; }

#footer {text-align: center; font-size: 10px; background:url(../imgs/footer_badge.gif) no-repeat center 20px; padding: 60px 0; color:#999}

#slideshow { height:427px}
ol#controls { float:right;}
ol#controls li{margin:0 0 0 5px; float:left;}
ol#controls li:first-child { margin-left:0}
ol#controls li.current a { color:#fff}

#prevBtn, #nextBtn { display:none} 

.fade p { text-align:center; text-transform:uppercase; display:block; font-size:14px; letter-spacing:4px; padding: 8px 0}
.fade a { color:#fff; border:none }

.tcen p {margin-bottom:15px; padding:0 120px; text-align:center}

blockquote {margin:30px 60px; padding-left:20px; font:22px/1.7 Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; border-left:1px solid #1F1F1F;}

.useful-links h2 { text-align:left; font-size:18px; margin-bottom:15px}
.useful-links li { line-height:1.7}

.rule { background:url(../imgs/bkg/rule-trans.png) no-repeat bottom center }
.padding { padding: 30px 0 }


/*-----------------------------------------------------
	Home
-----------------------------------------------------*/

#welcome h1 {font-size:34px;}
#welcome p { text-align:center}
#welcome span { text-align:center; display:block}
.fadein { position:relative; height:427px}
.fadein img { position: absolute}

/*-----------------------------------------------------
	Villas
-----------------------------------------------------*/
#villas p { margin-bottom:0}
#villas .fade p { text-align:center; text-transform:uppercase; display:block; font-size:14px; letter-spacing:4px; padding: 8px 0}
#villas .fade a { color:#fff; border:none }

/*-----------------------------------------------------
	Villa
-----------------------------------------------------*/

#villa #facilities li { margin-bottom:10px; text-align:center}
#villa .rooms p { margin-bottom:0}
#villa .rooms img { float:right; margin-left:20px; margin-bottom:20px}
#villa h2 { margin-bottom:15px}
#villa .rooms h2 { text-align:left }
#villa p.intro {font:28px/1.7 Georgia, "Times New Roman", Times, serif; font-style:italic; padding-top:30px; text-align:center}
#villa a.badge img { border:none; float:left; margin: 20px 0 0 130px}

/*-----------------------------------------------------
	Rates
-----------------------------------------------------*/

#rates table.prices { width:100%}
#rates .prices th {border-bottom: 3px double #1F1F1F;padding-bottom: 10px;color: #007C85; text-align:left; font-size:14px}
#rates .prices th.season {width: 100px;}
#rates .prices th.from {width: 210px;}
#rates .prices th.to {width: 210px;}
#rates .prices th.price {width: 140px;}

	#rates .prices td {padding-top: 10px;padding-bottom: 10px;border-bottom: 1px dotted #1F1F1F;}

	#rates .prices .season {padding-right: 20px;}
	#rates .prices .from {padding-right: 20px;}
	#rates .prices .to {padding-right: 20px;}
	#rates .prices .price {text-align: right;}
	#rates .prices .price span { text-decoration:line-through; /*color:#898989*/}
	#rates .prices .price strong { color:red}
	
.converter { width:100%}
.converter td { padding:5px; vertical-align:top}
	
/*-----------------------------------------------------
	Enquiries
-----------------------------------------------------*/

#enquiries form {}
#enquiries form h2 { text-align:left}
#enquiries form div { width: 100%; overflow:hidden; padding-bottom:15px}
#enquiries form em { color: #C00;}
#enquiries form input, #enquiries form select, #enquiries form textarea { border: solid 1px #000; padding:3px}
#enquiries label, #enquiries span.label { width: 180px; float:left; margin-right:20px; text-align:right; padding-top:3px}

#enquiries div.controlset label, #enquiries div.controlset input { display: inline; float: none; }
#enquiries div.controlset div {padding-bottom: 0px;padding-top: 0px; float:left; width:auto}
#enquiries div.controlset label { padding-top:0; }

#enquiries input.sub-button { font-size:18px; background:#007c85; color:#fff; border: solid 1px #007c85; margin-left:220px; cursor:pointer}
#enquiries input.sub-button:hover {color:#000}

#enquiries .social a { float:left; margin-right:10px; border:none}

#photos { margin-left:45px}
#photos li, #photos li a { float:left; border:none}
#photos li a { margin: 0 20px 20px 0}
#photos li a img { display:block}
#photos li:nth-child(6n) a, #photos li a.last {margin-right: 0;}

#address h3 { text-align:left;}
a#zoom_close { border:none}
.promo { margin-top:30px}

#callouts {}
#callouts li { float:left}
#callouts li a { float:left; width:200px; height:155px; padding:10px; display:block; font:20px/24px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; border:none; background:#007c85 url(../imgs/bkg/note-corner.png) no-repeat bottom right; margin-left:20px;}
#callouts li:first-child a { margin-left:0}
#callouts li a:hover { text-decoration:none}

#guest-book cite { display:block; margin-bottom:15px; border-bottom:solid 1px #1f1f1f; padding-bottom:15px }
#guest-book p:first-letter{ font:30px Georgia, "Times New Roman", Times, serif; font-style:italic;}

/*-----------------------------------------------------
	Classes
-----------------------------------------------------*/
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.cboth {clear:both;}
.hide {display:none}