@charset "UTF-8";
/* HOTELCORP */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2008-2010 id3 (http://www.id3.co.th) and may not be reproduced. */

/* Last updated: 22/04/10 */

/* http://developer.yahoo.net/yui/license.txt v2.6.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font:inherit inherit inherit}input,textarea,select{*font-size:100%}legend{color:#000}del,ins{text-decoration:none}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{border-collapse:collapse;border-spacing:0;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{font-weight:700}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}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 #000;padding:.5em}th{font-weight:700;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}

/* TAGS */
@font-face {
	font-family: 'fnm';
	src: url('../fonts/fnm.eot');
	src: local('FagoNo Medium'), local('FagoNo-Medium'), url('../fonts/fnm.woff') format('woff'), url('../fonts/fnm.otf') format('opentype'), url('../fonts/fnm.svg#FagoNo-Medium') format('svg');
	font-weight: normal;
}

html {width: 100%;font-size: 1em;}
body {
	font: 0.8em/1.5em Helvetica, Arial, sans-serif;
	color: #777;
	background: #abaeb0 url(../p/bg_body.gif) repeat-x left top;
}
h2,h3,h4,h5,h6,#nav,#subnav,#missionstatement, #portfolio dt,legend, strong {font-family: fnm, Helvetica, Arial, sans-serif;font-weight: normal;} /* FagoNo Medium doesn't look good when bolded */
h1 {font-size: 2em;}
h2 {font-size: 1.5em;text-shadow: 0px 1px 0px #f0f0f0;}
h3 {font-size: 1.3em; text-transform: capitalize;text-shadow: 0px 1px 0px #f0f0f0;}
h4 {font-size: 1.1em; text-transform: capitalize;text-shadow: 0px 1px 0px #f0f0f0;}
h5 {font-size: 1em; width: 320px;}
hr {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: none;
}
address {font-style: normal;line-height:1.5em;}
address strong {font-size:1.4em;}

/* links */
a:link, a:visited {color: #e10011;text-decoration: none;}
a:hover {color: #666;text-decoration: none;}
a:active, :active {outline:none;} /* firefox (do not do it for "focus" as it affects accessibility for keyboard users) */

/* selection */
::selection {background:#fbe5e8; /* Safari, Opera text selection */}
::-moz-selection {background:#fbe5e8; /* Firefox text selection */}

/* buttons and links as buttons */
.button, #goog-wm-sb {/* goog-wm-sb is used on 404 error page by Google's search script */
	color: #fff;
	background-color: #666;
	padding: 5px !important;
	font-family: fnm, Helvetica, Arial, sans-serif;font-weight: normal;
	border-style: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	text-shadow: 0px -1px 0px #374683;
}
.button:hover, #goog-wm-sb:hover {
	color: #fff;
	background-color: #e10011;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
.button:active, #goog-wm-sb:active {
	position: relative;
	bottom: -1px; /* effect when button is pressed */
}
a.button:link, a.button:visited {color: #fff;}
.minor {font-size: 0.9em;white-space: nowrap;}

/* COMMON */
.left {float: left;}
.right {float: right;}
.current {color: #e10011;}
.highlight {color: #e10011;}
.more {font-size: 0.85em;}
.small {font-size: smaller;color:#ccc;}
.cleaner {/* one rule to clear them all */
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: block;
	border-style: none;
	visibility: hidden; /* required by IE */
}

/* icons */
a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../p/icons/icon_doc.gif) no-repeat center right;
}
a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../p/icons/icon_pdf.gif) no-repeat center right;
}

/* 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; 
}

/* LAYOUT */
#global {
	width: 927px;
	margin: 0 auto;
	padding: 0 15px 0 17px;
	background: url(../p/bg_global.png) repeat-y center top;
}

/* header */
#header {
	margin: 0;
	padding: 20px 0 0 20px;
	background: url(../p/bg_header.gif) repeat-x left top;
	height: 64px;
	position: relative;
}
#header h1 {
	background: url(p/sprite.png) 0 -1554px;
	text-indent: -9000px;
	width: 236px;
	height: 48px;
	margin: 0;
	padding: 0;
	float: left;
}

/* navigation */
#nav {
	margin: 27px 0 0;
	padding: 0 0 0 100px;
	font-size: 1.1em;
	text-transform: uppercase;
	height: 40px;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
}
#nav li {
	list-style: none;
	margin: 0 19px 0 0;
	padding: 0 0 18px;
	float: left;
}
#nav li a:link, #nav li a:visited {
    text-decoration: none;
	color: #4b4f54;
	padding:0;
	margin:0;
	top: 7px;
	z-index: 10;
	display: block;
	position: relative;
	overflow: hidden;
}   
#nav li a:hover, #nav li a:active {border: none;}
#home #navhome a, #mission #navmission a, #team #navteam a, #services #navservices a, #brands #navbrands a, #portfolio #navportfolio a, #contact #navcontact a, #career #navcontact a, #hdir #navcontact a {color: #e10011;}
.backLava {
	border-bottom: 7px solid #e10011;
	z-index: 8;
	position: absolute;
	left: 300px;
}
#languages {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}
#languages li {
	float:left;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	overflow: hidden;
	height: 24px;
	width: 24px;
	text-indent: -9999px;
}
#languages #german {background: url(../p/flags_languages.png) no-repeat left 0px;}
#languages #english {background: url(../p/flags_languages.png) no-repeat left -24px;}
#languages #japanese {background: url(../p/flags_languages.png) no-repeat left -48px;}
#languages #korean {background: url(../p/flags_languages.png) no-repeat left -72px;}
#languages #german:hover {background: url(../p/flags_languages.png) no-repeat right 0px;}
#languages #english:hover {background: url(../p/flags_languages.png) no-repeat right -24px;}
#languages #japanese:hover {background: url(../p/flags_languages.png) no-repeat right -48px;}
#languages #korean:hover {background: url(../p/flags_languages.png) no-repeat right -72px;}
#languages li a:link, #languages li a:visited {width: 24px; height: 24px; display:block;}
#slideshow {
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
	padding: 0;
	background: url(p/ajax-loader.gif) center center no-repeat;
}

/* sidebar */
#sidebar {
	margin: 0;
	padding: 0 20px;
	width: 230px;
	float: left;	
}

/* subnav */
#subnav {margin:0;padding:0;}
#subnav li {
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
}
#subnav a:link, #subnav a:visited {
	color: #666;
	display: block;
}
#subnav a:hover, #subnav .current a:link, #subnav .current a:visited {color: #e10011;}

/* sidebar */
#sidebar .imgthumb {
	padding: 3px;
	border: 1px solid #ccc;
	background: #f4f4f4;
	margin: 0 0 10px;
}
#sidebar a.more:link, #sidebar a.more:visited {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: capitalize;
	color: #e10011;
	background: url(../p/arrow.gif) no-repeat right center;
	display: block;
	width: 60px;
}
#sidebar a.more:hover {color: #666;}

/* content */
#content {
	margin-left: 270px;
	padding-right: 20px;
	padding-left: 40px;
	min-height: 394px;
	background: url(../p/divider.gif) no-repeat -20px 20px;
	margin-top: 15px;
}
#content li {
	line-height: 1.4em;
	margin-bottom: 10px;
}
#content ul li {
	list-style: url(../p/bullet.gif);
	line-height: 1.4em;
}
#content .left {
	width: 400px;
	margin: 0;
	padding: 0;
}
#content .right {
	width: 400px;
	margin: 0;
	padding: 0;
}

/* slideshow */
#slideshow {
	position: relative;
	margin: 0;
	padding: 0;
	width: 927px;
	height: 448px;
	overflow:hidden;
	background: url(p/ajax-loader.gif) no-repeat center center;
}
#controls {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	margin: 0;
	padding: 10px 410px; /* required to center <li> in IE */
	width: 100%;
	background: url(p/bg/fff_90.png) repeat;
}
#controls li {
	margin: 0 5px;
	text-indent: -9000px;
	height: 25px;
	width: 25px;
	cursor: pointer;
	list-style: none;
	display: inline-block;
	padding: 0;
}
#controls #prev {
	background: url(p/sprite.png) 0 -343px;
	text-align: center;
}
#controls #pause {background: url(p/sprite.png) 0 -193px;}
#controls #play {background: url(p/sprite.png) 0 -268px;}
#controls #next {background: url(p/sprite.png) 0 -118px;}

/* home */
#home #sidebar h4 {margin-bottom: 15px;}
#home #sidebar p {font-size: 0.9em;}
#home #content .left {width: 270px;}
#home #content .left > p {margin-top: 0;}
#home #content .right {
	float: none;
	width: 260px;
	margin: 0 0 0 290px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #f2f2f2;
}
#home #content .right h4 {font-size: 1em;}
#home #content .right p {font-size: 0.9em;}
#home #content .right p a {color: #777;text-decoration: none;}
#home #content .right p a:hover {text-decoration: underline;}
#home #content h3 {margin: 0 0 15px;padding: 0;}
#home h5 {
	width: 160px;
	text-indent: -9000px;
	height: 78px;
	margin: 0;
	padding: 0;
	background-image: url(p/sprite.png); /* Wyndham logo with text */
	background-repeat: no-repeat;
	background-position: -286px 0px;
}


/* mission */
#missionstatement {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
}
#missionstatement em {color: #e10011;}
/* tooltip */
#easyTooltip{
	font-family: fnm, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #666;
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	width: 350px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.tooltip {font-size: 2em;}
.tooltip a:link, .tooltip a:visited {cursor: help;padding:2px;}
#services .left {width: 290px;}
#services .right {
	width: 290px;
	float: none;
	margin-left: 300px;
}
#services #content ul {margin-bottom: 15px;}
#services hr {height: 10px;}

/* brands */
#brandslist {
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
#brandslist th, #brandslist td {border: 1px solid #f2f2f2;}
/* team */
#team .left {
	width: 170px;
	padding: 0;
	margin: 0;
}
#team .right {
	width: auto;
	float: none;
	margin: 0 0 0 205px;
	padding: 0;
}
#team #content .left p img {
	border:1px solid #ccc;
	background: url(p/ajax-loader.gif) no-repeat center center;
}

/* portfolio */
#portfolio dl, #portfolio dd {margin: 0;padding: 0;}
#portfolio dd {margin-bottom: 10px;}
#portfolio dt {
	font-size: 1.4em;
	margin-top: 25px;
	background: url(p/sprite.png) -292px -439px no-repeat;
	text-indent: 15px;
}
#portfolio dt + dd {/* project location */
	margin: 0 0 10px;
	padding: 0;
	color:#999;
	font-size:0.9em;
}
#portfolio .extra {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* contact form: extra links and*/
#contact .extra {
	background: #f2f2f2;
	margin: 15px 0px;
	padding: 15px;
	border: 1px solid #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contact .extra h3 {
	margin-top: 0px;
}
.related, .related li {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

/* form */
fieldset {
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #ccc;
}
legend {font-size:1.2em;}
label {
	width: 100px;
	float: left;
	margin-top: 5px;
}
.required:after {
	content: "*";
	color: #e10011;
	float: right;
	padding-right: 5px;
}
input, textarea, select {
	clear: right;
	margin: 0 0 10px;
	width: 180px !important;
	padding: 2px;
	background: #ccc;
	border-style: none;
	color: #333;
}
input:focus, textarea:focus, select:focus {background: #f5f5f5;}
input[type='checkbox'], input[type='radio']{/* sucky ie6 won't get this, others will */
	background: transparent;
	border: none;
	width: auto !important;
}
.fmleft {float: left;margin-right: 10px;}
textarea {height: 150px;width: 470px !important;}
#address {height: 100px;}
#contact #phone {margin-left:5px;} /* phone isn't required and is misaligned because of the absence of a "*" */
/* captcha */
#captcha {margin-left:100px;margin-right:15px;float:left;border:1px solid #ccc;}
#captcha_accessibility, #captcha_accessibility li {margin:0;padding:0;}
#captcha_accessibility {padding: 0 0 0 10px;clear: right !important;}
#captcha_accessibility li {
	list-style: none;
	display: block;
	float: none;
}
#captcha_code {
	font-size: 1.6em;
	color: #e10011;
	width:248px !important;
	text-transform: lowercase;
}
form cite {font-size: 0.9em;color: #ccc;}
#mainForm #MessageContainer {
	display:none;
	padding: 5px;
	background: #f7ccd2;
	border: 1px solid #e10011;
}
.error {border: 1px solid #e10011;background-color:#f7ccd2;}
#MessageContainer label {float:none;width:auto;display:block;color: #e10011;font-weight:bold;border:none !important;}
#career label {width: 200px;}
#career #captcha {margin-left:200px;}
/* FOOTER */
#footer {
	font-size: 0.89em;
	clear: both;
	background: #e5e1e1 url(../p/bg_footer.png) repeat-x left top;
	margin: 20px 0 0;
	border-top: 2px solid #858889;
	display: block;
	padding: 10px;
	width: 907px;
	height: 130px;
	border-bottom: 1px solid #858889;
}
#footer h3 {
	margin: 0;
	padding: 0;
}
#footer .more {
	font-size: 1em;
	color: #999;
}
#footer .left {
	margin: 0;
	padding: 0;
	width: 270px;
}
#footer #downloads {
	margin: 10px 0 0;
	padding: 0;
}
#footer #downloads li {
	line-height: 2.5em;
	list-style: none;
}
#footer .right {
	width: 605px;
	margin: 0;
	padding: 0;
	background: transparent;
	background-image:none;
	border-style: none;
}
#footerlogo {
	margin: 0;
	padding: 0;
}
#footerlogo li {
	display: inline-block;
	margin: 0;
	list-style: none;
	text-indent: -9000px;
	padding: 0 5px 0 5px;
	background: url(../p_brands/hotelcorp_brands.png) no-repeat top left;
	border-right: 1px dotted #ccc;
}
#footerlogo .belair {background-position: 5px -65px; width: 113px; height: 55px;}
#footerlogo .belair:hover {background-position: 5px 0; width: 113px; height: 55px;} 
#footerlogo .hoteluno {background-position: -242px -65px; width: 113px; height: 55px;}
#footerlogo .hoteluno:hover {background-position: -242px 0; width: 113px; height: 55px;}
#footerlogo .ramada {background-position: -492px -65px; width: 113px; height: 55px;} 
#footerlogo .ramada:hover {background-position: -492px 0; width: 113px; height: 55px;} 
#footerlogo .solo {background-position: -123px -65px; width: 63px; height: 55px;padding:0;border-right: none;}
#footerlogo .solo:hover {background-position: -123px 0; width: 63px; height: 55px;padding:0;border-right: none;} 
#footerlogo .wyndham {background-position: -366px -65px; width: 113px; height: 55px;}
#footerlogo .wyndham:hover {background-position: -366px 0; width: 113px; height: 55px;}
#footerlogo a:link, #footerlogo a:visited {display:block;height:55px;}
#footer .footernav {
	float: none;
	padding-top: 10px;
	clear: both;
	text-align: right;
}

/* 404 ERROR */
#error {background: #f5f6f7 url(../p/bg_error.gif) repeat-x left top;}
#error #global, #error #header {background-image: none;}
#error #content {
	margin: 0;
	padding: 137px 0px 0px;
	background: url(../p/bg_errorshadow.gif) no-repeat center 38px;
	text-align: center;
}
#error #content p {
	display: block;
	text-align: center;
	font-size: 110%;
}

/* NEWS POPUP */
#news {background: #abaeb0 url(../p/bg_news.gif) repeat-x left top;}
#news #content {width:815px;}
#news #header {position: relative;}
#news #archives {
	top: 15px;
	right: 15px;
	position: absolute;
	font-size: 1.2em;
	background-color: #e10011;
	color:#fff;
}
#news #content {
	margin: 0;
	padding: 15px;
	background-image: none;
}
#news h2 {padding:0;margin:0;}
#news h3 {font-size: 0.9em;color: #999;}
#news .button {font-size: 0.85em;}
.border {padding:5px;background-color: #fff;border: solid 1px #ccc;-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);box-shadow: 0 1px 10px rgba(0,0,0,.1);}
#news .right .border {text-align: right;}
.related, .related li {list-style-type: none;}

@media print {
body {background-image:none;background-color:#fff;color: #000;}
#header {border-bottom: 5px solid #ccc;}
#header h1 {text-indent: 0px;width: auto;}
#nav, #slideshow, #missionstatement {display: none;}
#content {border-left: 1px solid #ccc;}
a:link, a:visited {text-decoration: underline;}
#content p {text-align: justify;}
#content ul, #content li {list-style: disc;}
#footer {border-top: 1px solid #ccc;}
#footerlogo {display: none;}
#footer a:link, #footer a:visited {color: #000;}
}