/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding:0; text-align:center; font:80%/1.5 Verdana, Arial, Helvetica, sans-serif; color:#434343; background-color:#c6d6e5} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
#wrapper{background-color:#f7f6f4}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   

#pagewidth{ width:760px; text-align:left;  margin-left:auto; margin-right:auto;} 
ul{list-style:none; font-size:1.2em}
a{color:#1c4dc4; text-decoration:underline}
a:hover{color:#6580c3}
.clr{clear:left}
p{font-size:1.2em; line-height:1.5em; margin-bottom:1.5em}

form{width:100%; margin:0;}
form input, form select, form textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#434343; border:1px solid #000}
form p{width:100%; padding:0px; margin:0; margin-bottom:6px}
form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
.button_submit{margin-left:150px; margin-top:10px; background-color:#339999 }

 
h1,h2,h3{margin:0; padding:0; font-weight:bold; margin-bottom:0.4em}
h1{font-size:1.8em; color:#4897b8; margin-bottom:1em}
h2{font-size:1.5em; color:#3e83a0}
h3{font-size:1.3em;}

/*---------------HEADER---------------*/
#header{position:relative; height:91px;  background:url(images/header_bg.gif) no-repeat; width:100%;}

#logo{float:left; width:262px; height:65px; text-indent:-6000px; margin:15px 0 0 10px; display:inline}
#logo a{height:65px; width:100%; display:block; overflow:hidden;}

ul#header_contact{text-align:right; margin:10px 10px 0 0; float:right; display:inline; color:#FFF; line-height:1.6em}
ul#header_contact li.num{font-size:2.0em; margin-bottom:6px}
ul#header_contact li a{color:#FFF; }
ul#header_contact li a:hover{color:#cedeed}

/*---------------NAV---------------*/ 
ul#nav{width:760px; float:left; background:url(images/nav_bg.gif) no-repeat; height:42px; line-height:30px; font-size:1.4em; }
ul#nav li{float:left;}
ul#nav li a{text-decoration:none; padding:0 16px; border-right:1px solid #b3baca; border-left:1px solid #FFF; color:#40516a}
ul#nav li a:hover{text-decoration:underline;}
/*---------------LEFT COL---------------*/
#leftcol{width:550px; float:left; position:relative; margin:10px 0 10px 10px;  padding:0 20px 0 0;display:inline;  border-right:1px solid #b3baca; height:auto !important; height:550px; min-height:550px;}
body#about #leftcol img,
body#rooms #leftcol img,
body#products #leftcol img
{float:left; border:3px solid #bac9d7; padding:2px; margin:0 0 10px 10px; background-color:#FFF}
body#rooms #leftcol {width:720px;}
body#contactus #leftcol {width:400px; border-right:none;  }
body#index #leftcol img {float:right; border:3px solid #bac9d7; padding:2px; margin:0 0 10px 10px; background-color:#FFF}
/*---------------RIGHT COL---------------*/
#rightcol{float:right; display:inline; position: relative; width:160px; margin:10px 10px 0 0;}
#rightcol img{margin-bottom:15px}


body#contactus #rightcol{float:right; display:inline; position: relative; width:300px; margin:55px 10px 0 0;}

ul#right_mod_disabled{margin:0 0 20px 15px; border-bottom:1px solid #b3baca; height:auto !important; height:130px; min-height:130px;}
ul#right_mod_addr {margin:0 0 20px 15px; height:130px;}
ul#right_mod_addr li.address_bold{font-weight:bold}

/*---------------LOCATION---------------*/
ul#location{margin-left:25px}
ul#location li.map{margin-top:15px}
ul#right_mod_addr li.map{margin-top:15px}
ul#location.address_bold

ul#map li{float:left}
ul#direction{margin:18px; list-style-type:circle;}
ul#direction li{}

table{border-collapse:collapse; width:30em; border:1px solid #e5e8d7;}
th, td{padding:0.1em 1em;}
td{height:20px; font-size:1.2em}
td.price{text-align:center;}
col{border-right:1px solid #e5e8d7;}
col#price_col{border:none;}
thead{background:#a3b356; border-top:1px solid #a5a5a5; height:25px; line-height:25px}
th{/*font-weight:normal;*/ text-align:left; font-size:1.2em; color:#FFF }
.odd{background-color:#f1efda;}

/*---------------CONTACT---------------*/
ul#contact{margin:0 0 20px 0; float:left}
ul#contact li.address_bold{font-weight:bold}
ul#location li.address_bold {font-weight:bold}
ul#contact li.tel{margin-top:12px; font-weight:bold}

ul#contact li.fax{font-weight:bold}
ul#contact li.email{margin-top:12px; font-weight:bold}

form#contact{width:400px; float:left}
form#contact label{width:80px;}
span.error { color: red; }
form#contact #button_submit{margin:10px 0 0 85px}
/*---------------LINKS---------------*/
ul.links{margin-bottom:20px}
ul.links li {margin:3px 0}
ul.links li.title{font-weight:bold;}

/*---------------SITEMAP---------------*/
ul#sitemap{margin-left:25px}

/*---------------FOOTER---------------*/
#footer{height:45px; line-height:20px; background:url(images/footer_bg.gif) no-repeat; clear:both; text-align:center; font-size:1.1em; color:#FFF; padding:5px 0 0 0}
#footer a{text-decoration:none; color:#FFF}
#footer a:hover{text-decoration:underline; color:#FFF}