/* Scandinavian Thai Homes website v1 by id3 (http://www.id3.co.th) */
/* You may learn from and adapt elements of our CSS and markup in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2009 id3 (http://www.id3.co.th) and may not be reproduced.

QUICK REFERENCE:
text: #231f20;
font: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif

primary colours
terracotta: #e56020;
azure: #00b1e0;

secondary colours
midnight blue: #004270;
cloudy blue: #afdfe4;
banana: #ffd530;
stone grey: #636255;
warm grey: #d1cbcb;

lines: #ccc; (stronger lines)

last updated: 19/11/09
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#231f20;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #ccc;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


/* TAGS */
body {
	font: 0.8em/1.5em "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
	color: #231f20;
	margin: 0;
	padding: 0 0 0 30px;
	background: url(../p/bg/bg_header.jpg) no-repeat left top;
}
a:link, a:visited {
	color: #e56020;
	text-decoration: none;
}
a:active, a:focus, :active, :focus {outline:none;} /* firefox */
::selection {background:#d7eff1;} /* Safari, Opera text selection */
::-moz-selection {background:#d7eff1;} /* Firefox text selection */
address {font-style: normal;}
h1 {
	background: url(../p/logo_sth.gif) no-repeat; /* STH logo */
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 285px;
	margin: 0;
	padding: 0;
	float: right;
	color: #004270;
}
h1 a:link, h1 a:visited {
	height: 53px;
	width: 285px;
	display: block; /* make link on logo clickable */
}
h2 {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	clear: right;
	float: right;
	color: #004270;
	line-height: 46px;
}
h3 {
	font-size: 1.6em;
	margin: 0 0 10px;
	padding: 0;
}
h3 a:hover { color: #999; }
h4 {
	font-size: 1.4em;
	color: #603813;
	padding-bottom: 15px;
}

/* GENERIC */
.col { /* 3 column layout */
	width: 295px; /* (940px of global - 20px margin col left - 20px margin col right)= 900px /3 columns = 300px - security margin for IE 3px bug */
	margin: 0;
	padding: 0 0 15px;
	text-align: justify; /* text is justified in the columns (exceptions can be defined on a per page basis, ex: home) */
}
.left {
	float: left;
	width: 180px;
	text-align: left;
	clear: left;
}
.middle {
	float:left;
	margin-left:20px;
	width: 400px;
}
.right {
	float: right;
	width: 305px;
	text-align: left;
}
.wide { width: 600px; } /* if a sidebar (200px) is on the left instead of a column (295px), the columns middle and right must be wider (ex: explore) */
#sidebar {
	margin: 0;
	padding: 0;
	float: left;
	width: 180px;
}
#main { /* used when a sidebar is on the left and a single column is required on the right (ex: agenda) */
	padding: 0;
	width: 610px;
	margin: 0 0 0 205px; /* 30px gutter */
	_margin: 0 0 0 227px; /* ie6 3px bug */
}
.cleaner { /* one rule to clear them all */
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: none;
}
.hidden { display: none; }
.rounded {
    -moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
.block {display:block;float:none;clear:both;}
/* previous/next arrows */
.prev {
	position: absolute;
	top: 10px;
	right: 32px;
	background: transparent url(../p/prev-next.gif) no-repeat left center;
	text-indent: -9999px;
	height: 12px;
	width: 19px;
}
.next {
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(../p/prev-next.gif) no-repeat right center;
	text-indent: -9999px;
	height: 12px;
	width: 19px;
}
.prev:hover {background: url(../p/icon_prev_next.gif) no-repeat bottom left;}
.next:hover {background: url(../p/icon_prev_next.gif) no-repeat bottom right;}
.disabled {background: url(../p/icon_prev_next.gif) no-repeat top;}
.prev.disabled {background: url(../p/icon_prev_next.gif) no-repeat top left;}
.next.disabled {background: url(../p/icon_prev_next.gif) no-repeat top right;}
.prev.disabled:hover {background: url(../p/icon_prev_next.gif) no-repeat top left;}
.next.disabled:hover {background: url(../p/icon_prev_next.gif) no-repeat top right;}
.apart {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
.more a:link, .more a:visited {
	font-size: 0.85em;
	color: #231f20;
	margin-left: 15px;
	font-weight: bold;
}
.more a:hover { text-decoration: underline; }
fieldset {
	border: 1px solid #ccc;
	padding: 5px;
}

/* FORMS */
legend {
	font-weight: bold;
	margin-bottom: 10px;
	color: #004270;
}
label {
	width: 8em;
	float: left;
	margin-top: 5px;
}
input, select, textarea {
	background-color: #fff;
	color: #333; /* needs to be darker than standard text for legibility */
	margin: 0 0 15px;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
input:focus, select:focus, textarea:focus { background-color: #d7eff1; }
input[type='checkbox'], input[type='radio']{ /* sucky ie6 won't get this, others will */
	background: transparent;
	border: none;
	width: auto !important;
}
#message { width: 20em; }
.required:after {
	content: '*';
	color: #00b1e0;
	float: right;
	padding-right: 5px;
}
label.error {
	background: #ffc;
	color: #333;
	display: block;
	margin: 0;
	clear: both;
	width: auto;
	float: none;
	padding: 5px;
}
#MessageContainer  { /* for validation messages */
	width: 250px;
	margin-bottom: 10px;
	background: #ffc;
	display: none;
	position: fixed;
	top: 15px;
	left: 300px;
	z-index: 500;
	-webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}
.help {display: none;} /* help is hidden by default, appears on focus of corresponding field */
.button, #goog-wm-sb {
	color: #fff;
	padding: 5px !important;
	background: #e56020 url(images/ui-bg_glass_25_e56020_1x400.png) repeat center center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	border-style: none;
}
.button:hover, #goog-wm-sb:hover {
	color: #fff;
	background: #e56020 url(images/ui-bg_glass_25_e56020_1x400.png) repeat center bottom;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
a.button:link, a.button:visited { color: #fff; }

/* accessibility: link to skip nav and slideshow */
a.screenreader, a.screenreader:hover, a.screenreader:visited { 
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
} 
a.screenreader:focus { 
	position:static; 
	width:auto; 
	height:auto; 
}
/* thumbnails */
.thumb {
	border: 1px solid #ccc;
	background: url(images/ajax-loader.gif) no-repeat center center; /* loader */
}
.thumb:hover {border: 1px solid #e56020;} /* hover effect (opacity) via jquery */
.border {
	background: #fff;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* LAYOUT */
#global{
	margin: 0;
	padding: 0px;
	width: 920px; /* total width is 950px (920px + 30px padding left on body) */
}
#header {
	padding-top: 15px;
	padding-bottom: 15px;
}
/* NAVIGATION */
#navigation {
	display: block;
	margin: 0;
	padding: 31px 0 25px;
	clear: both;
	float: none;
	position: relative;
	font-size: 1.2em;
}
#navigation li a:link, #navigation li a:visited {
	color: #231f20;
	text-decoration: none;
}
/* main nav */
#nav {
	margin: 0;
	padding: 0;
	z-index: 99; /* required by ie6/7 */
	float: left;
	width: 590px;
}
#nav li {
	display: inline;
	margin-right: 8px;
	position: relative;
	z-index: 100; /* required by ie6/7 */
	white-space: nowrap;
}
#nav li a:link, #nav li a:visited, #secondarynav li a:link, #secondarynav li a:visited {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
}
#nav li a:hover, #secondarynav li a:hover { background: #004270; }
#home #navhome a:link, #home #navhome a:visited, #about #navabout a:link, #about #navabout a:visited, #houses #navhouses a:link, #houses #navhouses a:visited, #projects #navprojects a:link, #projects #navprojects a:visited, #portfolio #navportfolio a:link, #portfolio #navportfolio a:visited, #huahin #navhuahin a:link, #huahin #navhuahin a:visited, #pricelist #navpricelist a:link, #pricelist #navpricelist a:visited, #faq #navfaq a:link, #faq #navfaq a:visited, #contact #navcontact a:link, #contact #navcontact a:visited  { background: #004270; }

/* subnav */
#nav .subnav {
	position: absolute; /* keeps subnav from affecting main nav */
	left: 0px;
	top: 20px;
	background: url(../p/bg/fff_90.png) repeat; /* white overlay */
	margin: 0;
	padding: 0;
	width: 10em;
	border: 1px solid #ccc;
	z-index: 101; /* required by ie6/7 */
	_background: #fff;
}
#nav .subnav li {
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
	width: 12em;
	text-indent: 10px;
	list-style: none;
	z-index: 102; /* required by ie6/7 */
}
#nav .subnav li a:link, #nav .subnav li a:visited {
	display:block; /* make whole line clickable */
	border: none !important; /* override jqueryui css */
	padding: 5px !important;
	margin: 0;
	padding: 0;
	color: #004270;
	background: transparent !important; /* required to keep bg of subnav of current section transparent */
}
#nav .subnav li a:hover { /* hover effect for subnav links */
	border: none !important;
	padding: none !important;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #004270 !important;
}

/* secondary nav (price list, faq, contact) */
#secondarynav {
	clear: right;
	float: right;
	margin: 0 80px 0 0;
	padding: 0;
}
#secondarynav li, #langswitcher li {
	display: inline;
	list-style: none;
}

/* language switcher */
#langswitcher {
	padding: 0;
	margin: 0;
	width: 60px;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
}
#langswitcher li {
	float: left;
	margin: 0;
	padding: 0;
}
#langswitcher a:link, #langswitcher a:visited {
	height: 16px;
	width: 24px;
	display: block; /* make flag clickable */
	margin: 0;
	padding: 0;
}
#navswedish a:link, #navswedish a:visited {background: url(../p/language_switcher.gif) no-repeat 0px 0px;}
#navswedish a:hover {background: url(../p/language_switcher.gif) no-repeat 0px -19px;}
#navenglish a:link, #navenglish a:visited {margin-left: 5px;background: url(../p/language_switcher.gif) no-repeat 0px -39px;}
#navenglish a:hover {background: url(../p/language_switcher.gif) no-repeat 0px -58px;}

/* LEADERBOARD */
#leaderboard {
	position: relative;
	margin: 0px;
	padding: 0px;
}

/* SLIDESHOW */
#player {
	position: relative;
	height: 400px;
	width: 600px;
	float: left;
}
/* slideshow controls */
#controls {
	display: none; /* will be displayed on hover via jquery */
	margin: 0;
	padding: 5px 0;
	height: 10px;
	width: 100px;
	z-index: 2;
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	right: -10px;
	bottom: 0px;
}
#controls li {
	margin-right: 10px;
	list-style: none;
	text-indent: -9999px;
	height: 13px;
	width: 20px;
	overflow: hidden;
	float: left;
}
#controls a:link, #controls a:visited {
	color: #fff;
	display: block;
}
#controls #slideprev a { background: url(../p/slideshow_controls3.gif) no-repeat center -40px; }
#controls #slidenext a { background: url(../p/slideshow_controls3.gif) no-repeat center -20px; }
#controls #slideplay a { background: url(../p/slideshow_controls3.gif) no-repeat center -57px; }
#controls #slidepause a { background: url(../p/slideshow_controls3.gif) no-repeat center top; }

/* slideshow pictures */
#slideshow {
	margin: 0;
	padding: 0;
	background: url(images/ajax-loader.gif) no-repeat center center;
	height: 400px; /* set size to avoid jump once pictures are loaded */
	width: 600px; /* keep slideshow under subnav */
	z-index: 1;
}
#slideshow li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slideshow cite {
	background: url(../p/bg/000_60.png) repeat;
	padding: 5px 85px 5px 5px;
	width: 510px;
	position: absolute;
	left: 0px;
	bottom: 5px;
	font-style: normal;
	color: #fff;
	height: 10px;
	font-size: 10px;
	margin: 0px;
	line-height: 10px;
}
/* EXTRA (right sidebar of leaderboard) */
#extras {
	background: #e56020 url(../p/bg/bg_quotes.gif) no-repeat right bottom;
	color: #fff;
	padding: 15px;
	width: 275px;
	height: 370px;
	margin: 0;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
	position: relative;
}

/* CONTENT */
#content {
	margin:0;
	padding:0px 0 15px;
	display: block;
	clear: both;
	float: none;
}

/* FOOTER */
#footer {
	display: block;
	clear: both;
	float: none;
	font-size: 0.85em;
	margin: 0;
	padding: 60px 143px 30px 0px;
	color: #636255;
	background: url(../p/bg_footer.jpg) no-repeat left bottom;
}
#footer a:link, #footer a:visited {
	text-decoration: underline;
	padding: 1px 2px;
	color: #636255;
}
#footer a:hover, #share a:hover {
	text-decoration: none;
	color: #636255;
}

/* share this page */
.bookmark_popup_text img {
	border: none;
	vertical-align: bottom;
}
.bookmark_popup {
	display: none;
	position: absolute;
	z-index: 100;
}
.bookmark_popup ul {
	float: left;
	width: 120px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.bookmark_list {
	display: inline-block;
	float: left;
	list-style-type: none;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
.bookmark_list li {
	float: left;
	width: 23%;
	margin: 0 1px;
	padding: 1px;
	list-style-type: none;
	background-color: #eee;
	border: 1px outset;
}
.bookmark_compact {
	background: url(../p/bg/fff_95.png) repeat;
	border: 1px outset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.bookmark_list a:link, .bookmark_list a:visited {background: transparent !important;}
.bookmark_compact li {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 2px;
	background-color: transparent;
	list-style-type: none;
	border: none;
}
.bookmark_list a {
	width: 100%;
	text-decoration: none;
	cursor: pointer;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list img {border: none;}

/* PAGE SPECIFIC RULES START HERE */

/* HOME */
/* quotes */
#quotes {
	margin: 0 0 15px;
	padding: 0;
}
#quotes li {
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: normal;
	vertical-align: middle;
	list-style-type:none;
}

/* testimonials */
#testimonials {
	margin: 0 0 15px;
	padding: 0;
	border-top: 1px solid #f2b090;
	font-size: 0.85em;
}
#testimonials h4 {color: #f2b090;}
#testimonials dl {margin: 0;padding: 0;}
#testimonials dt { margin-top: 20px; } /* testimonial */
#testimonials dt:before {content: '«';}
#testimonials dt:after {content: '»';}
#testimonials dd { /* name of client */
	padding: 0;
	margin: 0;
}
#testimonialsnav {
	padding: 0;
	display: block;
	margin-top: 15px;
	position: absolute;
	bottom: 5px;
	left: 15px;
}
#testimonialsnav a:link, #testimonialsnav a:visited {
	color: #e56020;
	border: 1px solid #fff;
	margin-right: 5px;
	font-size: 1px; /* hide numbers as we want to have empty circles */
	padding: 3px;
	overflow: hidden;
	height: 7px;
	width: 7px;
	-moz-border-radius: 4px; /* announcements nav as circles */
	-webkit-border-radius: 4px;
}
#testimonialsnav a:hover {
	color: #f2b090;
	border: 1px solid #f2b090;
}
#testimonialsnav a.activeSlide {
	color: #f2b090;
	border: 1px solid #fff;
	background: #fff;
}

/* call us */
#callus {
	background: #d1cbcb url(../p/bg/bg_callus.gif) no-repeat 15px center;
	margin: 0;
	padding: 15px 15px 15px 60px;
	width: 230px;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
	height: 25px;
	font-weight: bold;
	line-height: 25px;
	color: #636255;
	font-size: 1.6em;
}
#callus a:link, #callus a:visited {color: #636255;}

/* rentals */
#rentals {
	background: transparent url(../p/bg/bg_azure_fade.png) repeat-x bottom !important;
	margin: 0 0 15px;
	padding: 15px;
	width: 275px;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
.camera {
	background: url(../p/icon_camera.png) no-repeat 5px center;
	padding: 5px 5px 5px 34px;
	color: #754b23;
}
a.camera:link, a.camera:visited {
	color: #754b23;
}
a.camera:hover { text-decoration: underline; }

/* GALLERY */

#gallery #content { min-height: 450px; }
#gallery .left {
	width: 502px; /* #mainpicture (500px) + 1px border left and right */
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}
#gallery .right { width: 373px; }

/* left column */
#gallery h2 {
	float: none;
	margin-left: 25px;
}

/* thumbnails */
#gallery #thumbnails_container {
	overflow: hidden; /* will scroll thumbs */
	width: 377px;
	margin: 0 0 0 25px;
	padding: 0 25px;
}
#gallery #prevBtn, #gallery #nextBtn {
	display: block;
	width: 15px;
	height: 77px; /* 75px height of thumb + 2 px of border top and bottom */
	position: absolute;
	top: 59px;
}
#gallery #prevBtn { left: 0px; }
#gallery #nextBtn { left: 462px; }
#gallery #prevBtn a, #gallery #nextBtn a{
	display: block;
	width: 15px;
	height: 14px;
	margin-top: 30px;
}
#gallery #prevBtn a{background: transparent url(images/prev_next.gif) no-repeat left top;}
#gallery #nextBtn a{background: transparent url(images/prev_next.gif) no-repeat right top;}
#gallery #prevBtn a:hover {background: url(images/prev_next.gif) no-repeat bottom left;}
#gallery #nextBtn a:hover {background: url(images/prev_next.gif) no-repeat bottom right;}

#gallery #thumbnails {
	margin: 15px 0;
	padding: 0;
}
#gallery #thumbnails li {
	float: left;
	display: inline;
	list-style: none;
	padding-right: 5px;
	padding-left: 5px;
}
#gallery #thumbnails img { border: 1px solid #ccc; }
/* main picture */
#gallery #photoloader {
	display: none;
	position: absolute;
	width: 500px;
	height: 300px;
	background: url(images/ajax-loader.gif) no-repeat center center;
}
#gallery #photo { margin-top: 15px; }
#gallery #mainpicture {
	border: 1px solid #ccc;
	display: block;
}
#gallery cite {
	padding: 5px;
	display: block;
	font-size: 0.85em;
	font-style: normal;
}
#gallery #options {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}
#gallery #options li {
	display: inline;
	margin-right: 5px;
	list-style: none;
	float: left;
}
#gallery #options a:link {color: #666;}
#gallery #options a:hover {color: #ccc;}

/* right column with albums listing */
#gallery #wrapper { /* we need a wrapper because if we put margin-top on #albums, jScrollPane starts from top of the screen */
	margin-bottom: 5px;
	margin-top: 59px;
}
#gallery #albums {
	margin: 0;
	padding: 15px;
	height: 344px; /* standard height of flickr pictures */
	width: 275px;
	overflow: hidden;
	background: url(../p/bg/bg_azure_fade.png) repeat-x left top;
	color: #fff;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
#gallery #albums li {
	list-style: none;
	font-size: 0.9em;
	border-bottom: 1px solid #004270;
}
#gallery #albums a:link, #gallery #albums a:visited {
	display: block;
	padding: 3px;
	color: #004270;
}
#gallery #albums a:hover {
	color: #fff;
	background: #3dbfe3;
}

/* ABOUT US */

#gallery #albums a:active, #gallery .active {
	background: #004270;
	color: #fff !important;
}
#about #extras {
	background: #00b2e0 url(../p/bg/bg_extra.png) no-repeat right bottom;
	margin-bottom: 15px;
}
#about .right { }
#about #team, #houses #inspiration {
	margin: 0;
	padding: 15px;
	background: #ffd530;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px;
}
#about #team dl {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	display: block;
	height: 85px;
}
#about #team dt {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#about #team dt img { border: 1px solid #231f20; }
#about #team dd { margin-left: 95px; }
#about #team .position { font-size: 0.85em; }
.quoting {
	float: left;
	clear: left;
}
#about #content cite {
	margin-left: 98px;
	padding-left: 15px;
	border-left: 2px solid #00b1e0;
	clear: right;
	display: block;
	font-size: 0.9em;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #474344;
}
#about #content cite:before { content: '«'; }
#about #content cite:after {content: '»';}

/* OUR HOUSES */
#houses #extras {
	background: #d1cbcb url(../p/bg/bg_extra.png) no-repeat right bottom;
	margin-bottom: 15px;
	color: #231f20;
}

/* materials */
#materials {margin: 0;padding: 0;}
#materials li {
	margin: 15px 15px 15px 0;
	padding: 0;
	list-style: none;
	height: 50px;
	width: 50px;
	text-indent: -9999px;
	float: left;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
#terracotta { background: url(../p/materials.jpg) no-repeat center top; }
#teak { background: url(../p/materials.jpg) no-repeat center -50px; }
#marble { background: url(../p/materials.jpg) no-repeat center -100px; }
#aluminium { background: url(../p/materials.jpg) no-repeat center bottom; }

/* houses list (using jquery tabs) */
#houseslist { margin-bottom: 15px; }
#houseslist li { list-style: none; }
#models {font-size: 1.2em;font-weight: bold;} /* House model names in tabs */
.model {
	margin-top: 15px;
	margin-bottom: 15px;
}
#houses h4 {
	font-size: 1.6em;
	color: #fff;
	background: #004270;
	padding: 5px;
	clear: left;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
.modeloverview {
	font-size: 0.85em;
	margin-bottom: 15px;
}
.modeloverview th {
	background: #d7f1fc;
	border-color: #fff;
	border-width: 2px;
}
.modeloverview thead .category th { background: #a8e0f8; }
.modeloverview td {
	border-color: #fff;
	white-space: nowrap;
	background: #e6e6e6;
	border-width: 2px;
	text-align: center;
}
.model .left {
	width: 320px;
	clear: left;
	padding-bottom: 15px;
	padding-top: 15px;
}
.model .right {
	width: 260px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#tailormade {
	background: #aedde3;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
hr  {
	border-bottom: 1px solid #ccc;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.action {margin: 0;padding: 0;}
.action li {display:inline;}


/* OUR PROJECTS */
#projects #villa-vista {
	padding: 15px;
	background: #ffd530;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}

/* ABOUT HUA HIN */
#huahin #extras {
	background: #ffd530;
	color: #231f20;
}
#tabs li { list-style: none; }
/* activities */
#activities {
	padding: 15px;
	margin: 0;
	background: #d7eff1;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
#activitieslist {margin: 0;padding: 0;}
#activitieslist li {
	list-style: none;
	margin: 0 0 15px;
	padding: 0px;
	display: inline-block;
}
#activitieslist .even { margin-left: 15px; }

/* FAQ */
#faq #accordion .ui-icon { background: url(none); }
#faq .left { }
#faq #accordion .ui-accordion-header { padding: 5px; }
#faq #accordion .ui-accordion-content {
	padding: 15px;
	margin: 0px;
}
#faq #more, #contact #more {
	background: #ffd530;
	margin: 0px;
	padding: 15px;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
#contact #more h4 {
	border-bottom: 1px solid #603813;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#popup {
	background: url(none);
	margin: 0px;
	padding: 15px;
}
#popup #global { width: 800px; }
#popup .left {
	width: 455px;
}
#popup .right { width: 330px; }
#popup h2 {
	margin: 0px;
	padding: 0px;
	float: none;
}
#popup #pastprojects .ui-widget-content {
	margin: 0px;
	padding: 5px;
	min-height: 530px;
}
#pastprojects li { list-style: none; }
#contact #general, #contact #adam, #contact #nils {
	display: none;
	background: #d7eff1;
	padding: 5px;
	height: 83px;
	margin-left: 8em;
}
#contact #general img { margin-top: 24px; }
#huahin .col.right #extras { background: url(../p/map_sidebar.jpg) no-repeat center center; }

/* 404 Error page */
.other-things {display: none;} /* Hide h3 appended by Google script */
#goog-wm ul{
	margin: 0;
	padding: 0;
}
#goog-wm li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#goog-wm-qt { margin-right: 15px; }

/* shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Lucida Grande", "Lucida Sans", "Trebuchet MS";font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../sb/resources/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../sb/resources/close.png);}
#sb-nav-next{background-image:url(../sb/resources/next.png);}
#sb-nav-previous{background-image:url(../sb/resources/previous.png);}
#sb-nav-play{background-image:url(../sb/resources/play.png);}
#sb-nav-pause{background-image:url(../sb/resources/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}