/**********************************************************************
(c)CODE AND HUE
www.codeandhue.com
***********************************************************************/

@import url("reset.css");
/**********************************************************************
 General
***********************************************************************/
body {color:#88aecc; background: #273540 url('../images/bg.jpg') no-repeat center top; line-height:1.3em;}

a {color: #88aecc; text-decoration: underline;}
a:hover {text-decoration: none; color:#fff; }
div#wrapper{	
	margin: 0 auto;
	width:940px;
}

/**********************************************************************
 Typography
***********************************************************************/
html { font-size:100.01%; }
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px; 
}

h1{line-height:1.2em; margin-bottom:20px;}
h2{line-height:1.1; margin-bottom:10px;}

h1 { font-size: 1.6em;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

h2, h3 {font-weight: 400;}

p{line-height:1.4em;}

em{font-weight:bold; font-style:normal; color:#4593c2;}

div#right_s h2, div#right_bann h2{font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; }

div#full_s h2, div#left_s h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;  letter-spacing:1px;}
div#footer p{font-size:10px;}

/**********************************************************************
 Header
***********************************************************************/
.header{position:relative; margin-top:65px; }

#logo h1, #logo a { text-indent: -9999px;}
#logo h1{ position: absolute; left: -9999px; }
#logo a { display: block; height: 28px; width: 180px; position: relative; top:20px; background: url("../images/tt_logo.png") no-repeat; }

/**********************************************************************
 NavBar
***********************************************************************/
div#nav_bar{  
	height:45px;
    background:url("../images/nav_bg.jpg") no-repeat;
}

ul#nav {
	float: right;
	margin-top: 3px;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	background: url('../images/nav.png') no-repeat;
	height: 37px;
	display: block;
	float: left;
	text-indent:-9999px;

}

ul#nav li a span{display: none;}

ul#nav #link1, ul#nav #link1 a {width: 75px; background-position:0 0;}
ul#nav #link1 a:hover, ul#nav #link1 a.current {background-position:0 -37px;}

ul#nav #link2 a {background-position:-80px 0; width: 90px;}
ul#nav #link2 a:hover, ul#nav #link2 a.current  {background-position:-80px -37px;}

ul#nav #link3 a {background-position:-190px 0; width: 80px; }
ul#nav #link3 a:hover, ul#nav #link3 a.current  {background-position:-190px -37px;}

ul#nav #link4 a {background-position:-285px 0; width: 130px;}
ul#nav #link4 a:hover, ul#nav #link4 a.current  {background-position:-285px -37px;}

/**********************************************************************
 Content
***********************************************************************/
div#content{	
	margin:0;
}

div.banner{margin:20px 0; float:left;}
div.banner img{border:2px solid #9ebcd4; float:left;}

div#right_bann{width:335px; float:left; background-color:#18242f; height:460px; margin-bottom:20px; margin:20px 0;  border-top:1px solid #394957; border-bottom:1px solid #394957;}
div#right_bann h2{border-bottom:1px solid #394957; background-color:#000; padding:10px 20px; color:#b1c9de;}
div#right_bann ul.ameni{margin-left:20px; margin-top:20px;}


div#left_s{float:left; width:562px; background-color:#1d2b37; border-top:1px solid #394957; border-right:1px solid #394957; border-bottom:1px solid #394957; padding:20px;}
div#left_s p{margin-bottom:20px; }
h1.intro{background: url("../images/welcome_h.jpg") no-repeat; width:411px; height:35px; }

div#right_s{width:335px; float:left; background-color:#18242f; margin-bottom:20px; border-top:1px solid #394957; border-bottom:1px solid #394957; }
div#right_s h2{border-bottom:1px solid #394957; background-color:#000; padding:10px 20px;  color:#b1c9de;}
div#right_s ul{margin:0 30px; padding:10px 0 8px;}
div#right_s ul li{padding:5px 0; list-style:disc; margin-left:5px; line-height:1.5em;}
div#right_s ul li.readmore{ list-style:none; text-align:right;}

div.right_cont{background-color:#000; padding:15px; width:100%;  height:24px;  float:left; border-top:1px solid #394957; border-bottom:1px solid #394957;}
h2.ameni{background: #000 url("../images/amenities_h.jpg") no-repeat; width:139px; height:24px; float:left;}


ol.contact{list-style:none; margin-left:22px;}
ol.contact li{padding:1px 0; margin-left:0; line-height:1.5em;}
ol.contact li a{text-decoration:underline; color:#FFF;}
	
div#full_s{margin-bottom:20px; float:left; width:930px;}
div#full_s ul li{padding:5px; list-style:none; line-height:1.5em; background-color:#394957; width:100%; margin-bottom:3px; border-left:3px solid #9ebcd4;}

/**********************************************************************
 Footer
***********************************************************************/
div#footer{	
	margin-top:10px;
	width: 950px;
	float:left;
	padding:10px 0;
	border-top:1px solid #394957;
}