@media screen, projection {


html, body, #wrapper, wrapper2 {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
background:#FFF url(images/t-bg.gif) repeat-x left top;
font-family:Arial; font-size:12px; color:#463A3A; line-height:18px;
}
html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
background:#FFF url(images/t-bg.gif) repeat-x left top;
font-family:Arial; font-size:12px; color:#463A3A; line-height:18px;
}

div#wrapper {
position: absolute;
top: 0;
left: 0;

}
#content {
background:#FFF;
padding:10px 30px 10px 30px;
text-align:justify;
line-height:20px;
}
#contenthome {
background:#FFF;
padding:0;
text-align:justify;
line-height:20px;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#footer {
clear: both;
bottom: 0;
left: 0;
width: 100%;
height: 76px;
background:#FFF url(images/footer.gif) repeat-x left top;
color: #fef9ee;
text-align:center;

}
#footerContent {padding:10px; text-align:left; width:906px; margin:0 auto; font-family:arial; font-size:12px;}
#footerContent h5 {margin:0; padding:5px 0;}
#footerContent p {padding:5px 0; margin:0;}

#main {
margin: 0 auto;
padding:0 ;
width:906px;
text-align:center;
}
#logo{text-align:left; margin-top:20px; height:60px;}
#logo img { float:left;}
img{ border:0;}


/* \*/
* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}

}

@media all and (min-width:0px) {
head~body {height:100%;}
}

a{color:#0066CC; text-decoration:none;}
a:hover{color:#FF0000; text-decoration:underline}

/* menu*/

.menu1 {
height:22px; font-family:  arial, sans-serif; font-size:14px;
margin:0 0 0px 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:16px 0 0 0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;   color:#FFF; padding:2px 16px; line-height:25px; 
}
.menu1 ul li:hover {width:auto;}
.menu1 ul li a.menu1one-act {background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}
.menu1 ul li a.menu1one:hover {background:#EDEDED; color:#333;}
.menu1 ul li a.menu1two-act {background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}
.menu1 ul li a.menu1two:hover { background:#EDEDED; color:#333;}
.menu1 ul li a.menu1three-act {background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}
.menu1 ul li a.menu1three:hover { background:#EDEDED; color:#333;}
.menu1 ul li a.menu1four-act { background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}
.menu1 ul li a.menu1four-act:hover{ background:#EDEDED; color:#333;}
.menu1 ul li a.menu1four:hover { background:#EDEDED; color:#333;}
.menu1 ul li a.menu1five:hover { background:#EDEDED; color:#333;}
.menu1 ul li a.menu1five-act {background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}
.menu1 ul li a.menu1six-act {background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}
.menu1 ul li a.menu1seven-act {background:url(images/home_over-act.gif) repeat-x left top; color:#FFF;}


.menu1 ul li:hover a.menu1one {background:#EDEDED; color:#333;}
.menu1 ul li:hover a.menu1two {background:#EDEDED; color:#333;}
.menu1 ul li:hover a.menu1three { background:#EDEDED; color:#333;}
.menu1 ul li:hover a.menu1four{ background:#EDEDED; color:#333;}
.menu1 ul li:hover a.menu1four-act{ background:#EDEDED; color:#333;}
.menu1 ul li:hover a.menu1five { background:#EDEDED; color:#333;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; text-align:left; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:25px;margin-top:1px; left:0;width:154px;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff; color:#000;height:auto;line-height:15px;padding:4px 16px; width:180px;  border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#fff url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background:#EDEDED url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers*/ 
.menu1 ul li a:hover ul {
display:block;position:absolute;top:13px;  background:#fff;left:0; 
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:184px; w\idth:170px; 
}
.menu1 ul li a:hover ul li a.drop {
background:#fff url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #EDEDED url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>*/

<!--[if lte IE 5.5]-- >
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height:33px;}
</style>
<!--  [endif]-->

/*menu*/

#banner{width:906px; height:264px;}
#email-icon{ float:right; margin-right:25px; margin-top:15px;}
img{ border:0;}
#box-top{background:url(images/box_top.gif) no-repeat left bottom; height:12px; margin-top:20px; border:0;}
#box-mid{background:url(images/box_middle.gif) repeat-y left top; padding:20px; text-align:justify;}
#box-bottom{background:url(images/box_bottom.gif) no-repeat left top; height:12px; border:0;}
#welcome{margin:0; padding:5px 0 0 0; text-align:left; border:0; font-size:16pt; color:#880122; font-weight:normal;}
.clr{float:none; clear:both; margin:0; padding:0; border:0;}
#wireless{width:290px; background:url(images/line1.gif) no-repeat 100% 0% ; padding-right:10px; padding-bottom:50px;  position:relative; margin-top:20px; margin-right:10px;  float:left; }
*HTML #wireless{padding-bottom:0;}
#wireless p{text-align:left; margin:0; padding:0;}
#wireless  h2{text-align:left; font-size:14pt; margin:0; color:#880122; font-weight:normal; padding-bottom:5px; padding-top:10px;}
#wire{width:60px; padding:5px; margin:0 10px 2px 0; float:left;}

#serives{width:270px; padding-right:10px; padding-bottom:50px;  position:relative; margin-top:20px;  float:left; }
*HTML #serives{padding-bottom:0;}
#serives p{text-align:left; margin:0; padding:0;}
#serives  h2{text-align:left; font-size:14pt; margin:0; color:#880122; font-weight:normal; padding-bottom:5px; padding-top:10px;}
hr{height:1px; color:#E4E1E1;}
*HTML hr{margin-top:20px;}


/*aminities*/

#aminiti{margin:25px 0 25px 0; text-align:left; height:auto; display:block;}
#ami-head{ width:300px; border:1px solid #9DB0BC; float:left; margin-bottom:25px;}
*HTML #ami-head{margin-bottom:0;}
#ami-head li {line-height:22px;}
#ami-head p{padding-left:25px;}
#sub-head{ background:#EFF8FF; border-bottom:1px solid #9DB0BC; padding:10px 10px 10px 20px; font-size:16pt; color:#48575D; }
#gallery{margin-left:325px;   padding-top:35px; text-align:left; font-size:16pt; color:#48575D; font-weight:normal; }
#ani-gallery{margin-top:15px; position:relative; display:block; float:left;}
*HTML #gallery{vertical-align:top;}
#price{ position:relative; text-align:left; font-size:12px; margin-top:25px;}
#price p {margin:0; padding:5px; color:#FF0000;}
#amimg-head{margin-left:50px;}

/*aminities*/

/*reservation*/


#rev-head{width:400px; border:1px solid #9DB0BC; float:left; margin-bottom:25px;}
#rev-gallery{margin-left:450px; text-align:left; padding-top:35px; min-height:500px; font-size:16pt; color:#48575D; font-weight:normal; border:1px solid #DAE1E8;}
#reserve{margin:20px 0 20px 0;}
#require{padding-left:50px;}
.comments{width:200px; height:75px;}
.drop{width:205px;}
#mails{margin:25px;}

/*attraction*/

#attra-head{ border:1px solid #9DB0BC; line-height:22px;}
#atrraction{background:#EFF8FF; border-bottom:1px solid #9DB0BC; padding:10px 10px 10px 20px; font-size:16pt; color:#48575D; }
#vist{padding-left:20px;}

/*attraction*/


/*Contact*/

#email{margin-left:10px; width:250px; float:left; margin-top:35px;}
#contact {line-height:23px; margin:0; padding:30px 0 0 25px; float:left; width:400px;}
#contact p {line-height:23px; margin:0; padding:0; }
#location{ width:450px; float:right; padding:30px 0 0 25px; background:url(images/line1.gif) no-repeat 0% 100% ; }
h2{font-size:16pt; color:#880122; font-weight:normal; margin:0; padding:0;}
#location ul{margin:0 0 0 17px; padding:0;}

/*Contact*/
#gallery-head{background:#EFF8FF; border:1px solid #9DB0BC; margin-top:20px; padding:10px 10px 10px 20px; font-size:16pt; color:#48575D; text-align:left; }
.bor{border-right:1px solid #9DB0BC; border-left:1px solid #9DB0BC; border-bottom:1px solid #9DB0BC;}
.bor1{border-right:1px solid #9DB0BC; border-left:1px solid #9DB0BC; }

