/* CSS RESET
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

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%;}


/*Layout*/
#wrapper { width:1024px; margin:0 auto; }
#header { width:100%;   color:#FFF; text-align:center; position:relative; z-index:100; }
#footer { width:100%;   color:#FFF; text-align:center; background-color:#000; height:75px; background-image:url(../img/footer-bg.gif); background-repeat:repeat-x; }
#footer p { font-size:1.1em;}
#content { width:100%;  margin:0; padding:0; border-top:1px solid #fff; border-bottom:1px solid #fff; position:relative; z-index:1; margin:-15px 0 0 0;}
#inner { width:100%; margin:0; height:482px; background-image:url(../img/inner-bg.png); background-repeat:no-repeat; margin:60px 0 0 0;}

#header h1 { background-image:url(../img/head-decoration.png); background-position:center bottom; background-repeat:no-repeat; height:50px; padding-bottom:15px; text-align:center;}

* html #header h1 {height:50px; padding-bottom:15px; text-align:center; background-image:none;}

.left { width:35%; float:left; display:inline; margin:60px 0 0 90px;}
.right {width:35%; float:right; display:inline; margin:60px 90px 0 0px;}

#nav { width:100%;  height:35px; text-align:center; margin:0 0 15px 0;}

/*Content Backgrounds*/

.home { background-image:url(../img/front-bg.jpg); background-repeat:no-repeat; background-position:top center; height:600px; }
.bedroom { background-image:url(../img/room1-bg.jpg); background-repeat:no-repeat; background-position:top center; height:600px; }
.attractions { background-image:url(../img/room2-bg.jpg); background-repeat:no-repeat; background-position:top center; height:600px; }
.comments { background-image:url(../img/room3-bg.jpg); background-repeat:no-repeat; background-position:top center; height:600px; }
.contact { background-image:url(../img/room4-bg.jpg); background-repeat:no-repeat; background-position:top center; height:600px; }

/* Body */
body{ background-color:#000; color:#fff; background-image:url(../img/bg.gif); background-repeat:repeat;font-size:87.5%;font-family:Georgia, "Times New Roman", Times, serif; line-height:1.429;text-align:left;margin:0;padding:0;}

/* Headings */
h1 { font-size:36px;}
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */
h2,h3,h4,h5,h6{font-weight:400;line-height:1.1;margin-bottom:.8em;}

/* Anchors */
a{outline:0;}
a img{border:0;text-decoration:none;}
a:link,a:visited{color:#ccc;text-decoration:underline;padding:0 1px;}

/* Paragraphs */
p {margin-bottom:10px; font-size:11.5px;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {list-style: outside disc;margin: 1em 0 1.5em 1.5em;}
ol {list-style: outside decimal;margin: 1em 0 1.5em 1.5em;}

/*Images*/
#content img {  padding:2px; background:#fafafa; border:1px solid #666;}

/*Basic*/
#nav ul  { margin:0; border:0; height:50px;} #nav li { display:inline; list-style:none; line-height:40px;}
#nav ul li a { text-decoration:none; color:#FFF; margin-left:20px; display:inline; line-height:2.5; padding:0 30px 20px 30px;}
#nav ul li a:hover, #nav ul li a.active { background-image:url(../img/nav-bg.png); background-position:bottom center; background-repeat:no-repeat; padding:0 30px 20px 30px; }

* html #nav ul li a:hover, #nav ul li a.active{ background-image:none; color:#E9E8CF; }

#tariff { width:325px; border-bottom:1px dashed #fff; margin:0 0 10px 0;}
#tariff th { border-bottom:1px dashed #fff; padding:3px;}
#tariff td { font-size:11px; padding:1px; padding:3px;}

/*Contact form*/

#contactform { width:95%; margin:0 auto;}

#contactform label { display:block;}

option { background:transparent;}

input, select, textarea { margin:0 0 10px 0; background:transparent; border:1px solid #fff; color:#FFF;}

#submit { cursor:pointer;}

textarea { width:250px; height:90px}

.btn{display:block;background:none;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#333;border-width:0;margin:0;padding:3px 0; cursor:pointer;}
* html button.btn{padding-bottom:1px;}
html:not([lang*=""]) button.btn{margin:0 -3px;}
.btn span{background:#ddd url(img/bg-button.gif) repeat-x 0 0;border-left:1px solid #bbb;border-right:1px solid #aaa;margin:0;padding:3px 0;}
* html .btn span{padding-top:0;}
.btn span span{position:relative;border-top:1px solid #bbb;border-bottom:1px solid #aaa;border-width:0;padding:3px .4em;}