@charset "utf-8";
/*
---------------------------------------------
| 											|
| 	1. External Includes					|
| 	2. General Style Rules					|
| 		2.1 Headings						|
| 		2.2 Lists							|
| 		2.3 Links							|
| 		2.4 Images                          |
| 		2.5 Tables	                        |
|		2.6 iframe   						|		
| 											|
| 	3. General Layout Rules					|
| 											|
| 	4. MastHead								|
| 		4.1 Logo							|
| 		4.2 Primary Navigation				|
| 		4.3	Banner							|
| 											|
| 	5. Page Content							|
| 		5.1 Primary Content					|
| 		5.2 Secondary Content				|
|			5.2.1	Secondary Navigation	|
| 											|
| 	6. Footer								|
| 											|
| 	7. Misc Rules							|
| 		7.1 Clearing						|
| 											|
---------------------------------------------
*/

/* 1. External Includes 
============================================================ */
/* Tripoli Typography Stylesheet and CSS Reset */
@import url('tripoli.simple.css');
/* 2. General Style Rules	
============================================================ */
/*  2.1 Headings	*/
	#content-holder h1 {background:url(../images/heading-bottom-border.jpg) no-repeat left bottom;}
	#content-holder h2 {background:url(../images/heading-bottom-border.jpg) no-repeat -25px bottom;}
	#content-holder h3 {background:url(../images/heading-bottom-border.jpg) no-repeat -50px bottom;}
/*	2.2 Lists		*/
/* 	2.3 Links		*/
a {text-decoration:none;}
a:link{color:#313131;} a:visited{} a:hover{} a:active{}
/*	2.4 Images		*/
#content-holder img { border:3px solid #757170; }
/*	2.5 Tables */
table, tbody, tr, td { border:none; margin:0; padding:0; }
/*	2.6 iframe */
iframe{ border:4px solid #000; padding:2px; }
/* 3. General Layout Rules
============================================================ */
body {color:#313131; background:#fff url(../images/bg-top.jpg) repeat-x left -370px;}
body.home {background:#fff url(../images/bg-top.jpg) repeat-x left -130px;}
#container { 
	position:relative; margin:0 auto; width:950px;	
	height:auto !important; height:100%; min-height:100%;
	overflow:hidden;
}
/* 4. MastHead
============================================================ */
#masthead { overflow:hidden; font-size:1.2em; padding-top:10px;}
	#masthead address {text-align:right; margin:6px 0 8px 0; float:right; font-size:1.6em; font-style:italic;}
		#masthead address p { padding:4px 0; background: url(../images/phone.png)no-repeat 52% top; padding-left:20px;}		
		#masthead address p + p{ background: url(../images/e-mail.png) no-repeat left center; padding-left:50px;}
	#masthead #imgwrapper { width:32%; float:left; overflow:hidden; padding-left:20px;}
		#masthead img {float:left;}	
		#masthead ul#top-nav {
			list-style: none;
			padding: 0 20px;
			margin: 0;
			float: right;
			clear:right;
			width: 560px;
			font-size: 1.4em;
			border-bottom:1px solid #000;
		}
		ul#top-nav li {
			float: left;
			margin: 0;
			padding: 0 5px;
			position: relative; /*--Declare X and Y axis base for sub navigation--*/
		}
		ul#top-nav li a{
			padding: 0;
			display: block;
			text-decoration: none;
			float: left;
			font-size:0.8em;
			padding-bottom:2px;
			color:#282828;
		}
		ul#top-nav li a:hover{
			border-bottom:2px solid #000;
			padding-bottom:0;
		}
		ul#top-nav li span { 
			
			float: left;
			background: url(subnav_btn.gif) no-repeat center top;
		}
		ul#top-nav li span.subhover {background-position: center bottom; cursor: pointer;} 
		ul#top-nav li ul {
			list-style: none;
			position: absolute; 
			left: 0; top: 35px;
			background: #333;
			margin: 0; padding: 0;
			display: none;
			float: left;
			width: 170px;
			border: 1px solid #111;
		}
		ul#top-nav li ul li{
			margin: 0; padding: 0;
			border-top: 1px solid #252525; 
			border-bottom: 1px solid #444;
			clear: both;
			width: 170px;
		}
		html ul#top-nav li ul li a {
			float: left;
			width: 145px;
			background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
			padding-left: 20px;
		}
		html ul#top-nav li ul li a:hover { /*--Hover effect for subnav links--*/
			background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
		}	
	#banner { padding:30px 7px 7px 7px; width:900px; height:230px; margin:0 auto; 		
		clear:both; overflow:hidden; }
		#banner img {border:5px solid #757170; display:block; margin:0 auto; float:none;}
/* 5. Page Content		
============================================================ */
body.home #content-holder {padding:0 1.7%;}
#content-holder {padding:1% 1.7% 0 1.7%;}
	#content-holder h1, #content-holder h2, #content-holder h3 {font-style:italic; font-family:"Times New Roman", Times, serif; letter-spacing:2px; padding:0 0 2px 2px;}
	#main-content{float:left; width:68%; background:url(../images/edge.jpg) no-repeat left top; padding:0 1%; }
	#secondary-content{float:right; width:27%; overflow:hidden; background:url(../images/edge.jpg) no-repeat right top; padding:0 1%;}		
	.rooms #main-content{width:47%}
	.rooms #secondary-content{width:47%}
		#secondary-content ul {margin:0;}
			#secondary-content li {list-style:none; padding:2px 5px;}
				#secondary-content ul a{ color:#cfcfcf; }
	#secondary-content #offer-box { background:#313131; color:#fff; margin:10px; padding:0 5px; font-size:1.2em; text-align:center;}
		#secondary-content #offer-box * { padding:5px 0; margin:5px 0;  }
		#secondary-content #offer-box h5 {font-weight:normal;}
		#secondary-content #offer-box h6 {font-weight:normal;}
/* 6. Footer		
============================================================ */
#footer{ height:3em; padding-top:5px; border-top:1px solid #74706F; background:#000 url(../images/temp7footer.jpg) repeat-x left top;}
#footer p {color: #FFFFFF; width:450px; margin: 5px auto;
}
#footer a {color:#FFFFFF;
}
/* 7. Misc Rules		
============================================================ */
.times {font-family:"Times New Roman", Times, serif; letter-spacing:2px;}
.clear-left {clear:left;} .clear-right{clear:right;} .clear-both{clear:both;} 
.left {float:left;} .right{float:right;} .both{float:both;} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}