* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
/* end hide */
body {
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
background-attachment: fixed;
background-image: url('../images/bg01.png');
background-repeat: repeat-x;
background-position: left top;
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 620px;
}
#inner {
width: 940px;
background:red;
height: 620px;
text-align: center;
margin-left:auto;
margin-right:auto;
}


#wrapper {
background-position:0 0;
margin:0 auto -100px;
min-height:100%;
text-align:left;
width:940px;
position: relative;
}

/*** set the width and height to match your images **/
#slideshow {position: relative; z-index: 0; margin:0 auto; padding: 0px; list-style: none; height: 620px; width: 940px; background: #fff url(./images/ajax-loader.gif) no-repeat center center; left: 0px; top: 0px;display: block;}
#slideshow li {margin: 0px; padding: 0px; list-style: none; height: 620px; width: 940px; display: block; }

.cufon-ready  a {font-size: 1em;}
a {text-decoration:none;}
a:hover {color:green;}


#logo {
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
cursor:pointer;
height:123px;
margin:0;
padding:0 20px 0 0;
width:116px;
text-indent:-10000px;
float:right;}

#content{margin:0; padding:0; position: absolute; top:45px; width:940px}


#header {width:360px; height:185px; overflow: hidden; padding:10px 15px 10px 0px; margin: 60px -25px 0 0; color: #979797; font-size: 1.2em; background: #000; opacity: 1; filter: alpha(opacity=100); position: relative;  float:right; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:1em;line-height:15px; text-align:right;}

#header h2{font-size:1em; color:#1d96b7}
#header p{padding-top:15px}

#header p.address{font-size:0.9em; color:#9c9c9c;line-height:10px;}
#header p.copy, #header p.slogan{font-weight:bold}
#header p.copy{color:#FFF; font-size:0.8em;}


#main {background: #000; opacity: 0.80; filter: alpha(opacity=80);position: relative;height:127px;padding:0px 15px 0 15px;margin-top:60px;}

#nav, #nav2 {overflow: hidden; color: #979797; font-size: 1.2em;padding:10px 10px 10px 20px; background: #000; opacity: 0.80; filter: alpha(opacity=80);  list-style:none;  }
#nav { margin: 0px 0px 0px 0px; border-bottom:solid 2px #fff;}
#nav2 { margin: 0; float:left;padding-bottom:5px;}

#nav li a:link, #nav li a:visited, #nav2 li a:link, #nav2 li a:visited  {color: #fff; display: block}
#nav li a:hover, #nav2 li a:hover  {color: #1d96b7}
#nav li, #nav2 li  {float:left; padding-right:20px}


#booking, #credit{overflow: hidden; color: #979797; font-size: 1.2em;padding:10px 10px 11px 15px;  background: #000; opacity: 1.0;   list-style:none; border-left:solid 1px #fff; float:right;}

#booking{background: #3a3a3a; opacity: 1.0;}
#credit{opacity: 0.8;}

#booking span{float:left;width:155px;display:block;}

#credit{color:#232323; font-size:0.8em;border:none;line-height:12px;padding:10px 0 0px 20px;margin:0;position: absolute;top:70px;left:15px}
#credit span {color:#474747;}

#frmbooking input {
	font-size:1.1em;
}

#frmbooking ul{list-style:none;}
#frmbooking li.field-first,
#frmbooking li.field-last,
#frmbooking li.field-submit{
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
	font-size:0.8em;
	font-weight:bold;
}


#frmbooking li.field-submit{clear:both;float:right;margin-top:10px;text-align:right;}






#book-now {
  width: 105px;
  height: 23px;
  float:left;margin:10px 0 0 90px;
  padding: 0;
  border: 0;
  background: transparent url('../images/book-now.png') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer;
}


#book-now:hover { 
background-position: 0 -23px;

}

#Pile {
  position:absolute;
  width: 10px;
  height: 23px;
  float:left;margin:12px 0 0 200px;
  padding: 0;
  border: 0;
  border-width:0px;
}

.agen-code {
  width: 105px;
  height: 23px;
  float:right;margin:12px 0 0 0px;
  padding: 0;
  border: 0;
  background: transparent url('../images/agent_code1.png') no-repeat;
  text-indent: -1000em;
  cursor: pointer;
  border-width:0px;
}


.agen-code-hover { 
background: transparent url('../images/agent_code2.png') no-repeat
}



.news {width: 191px; height: 130px; overflow: hidden; padding: 10px; color: #979797; font-size: 1em; background: #000; opacity: 0.80; filter: alpha(opacity=80); position: relative;  float:left;}

#item1 {margin-left: 30px;}
#item2 {margin-left: 20px;}
#item3 {margin-left: 20px;}
#item4 {margin-left: 20px;}
.news dt {margin: 0px 0px 1em; padding: 0px; color: #fff; font-size: 1.4em; font-weight: normal; line-height: 1.2em; letter-spacing: -1px}
.news dt a:link, .news dt a:visited {color: #fff; display: block}
.news dd {margin: 0px; padding: 0px}
.news dd a:link, .news dd a:visited {font-weight: normal; color: #979797}
.news dd a:hover {color: #fff}

#myoutercontainer { position:relative; height:100%; }
#myinnercontainer { position:absolute;  bottom:30%;width:100%;text-align:center;}


.fader-nav{visibility:none;}

#banner ul{list-style:none;list-style-image:none;}

#facebook {
	border:none;
	float: right; 
	margin: -15px 0pt 0pt 20px;
}