@import url("http://olympicviewplace.com/_includes/lb/css/lightbox.css");

body {
	font-family: "Trebuchet MS", Helvetica, Arial, san-serif;
	margin: 0; padding: 0;
	font-weight: normal;
	background: #6ABDD8 url(../../_images/bg/main-bg.jpg) top repeat-x;
}

/******* Tyography *******/


a:link, a:visited { 
	color: #333333; 
	font-size: 1em;
	}

a:active, a:hover { 
	color: #669999;
	}

h1 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Georgia;
	letter-spacing: 0em;
	color: #115C75;
}

h2 {
	line-height: 1em;
	font-size: .9em;
	margin-top: 0;
	margin-bottom: 10px;
	color: #115C75;
	font-weight: bold;
}

h2.title {
	padding: 10px 0px 0px 25px; }

h3 {
	margin-top: 15px;
	margin-bottom: 3px;
	color: #1a194f;
	font-size: 1.2em;
	font-weight: bold;
}

li {
	line-height: 1.2em;
	font-size: .9em;
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
	font-weight: normal;
	list-style-type: square;
}
p {
	line-height: 1.1em;
	font-size: .9em;
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
	font-weight: normal;
}

p.small {
	line-height: 1em;
	font-size: .8em;
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
	font-weight: bold;
}

p.smallnb {
	line-height: 1.4em;
	font-size: .8em;
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
	font-weight: normal;
}

.left {
text-align: left; }

.right {
text-align: right; }

.center {
	text-align: center; }

.thanks {
	color: green;
	border-top: 1px solid #C4C4C4; 
	border-bottom: 1px solid #C4C4C4; 
	background-color: #FFFDF0;
	padding: 10px;
	font-size: 1.3em;
	font-family: Georgia;
}

/******* Site Features / Eye Candy *******/

.quotebox {	
	background: #F2D66A url(../../_images/features/quote.jpg) top right no-repeat;
	width: 170px;
	margin: 0px;
	padding: 0px 5px 5px 5px; 
}

/******* Main Navigation *******/

#nav ul { padding: 0; margin: 0; }

#nav li {	display: block; list-style-type: none; float: left; }

#nav .hide { display: none; }

#nav { float: right; width:380px; } 

.home { display: block; width: 53px; height: 31px; float: left; background: transparent url(../../_images/nav/home.jpg) no-repeat; }
a.home:hover { display: block; width: 53px; height: 31px; float: left; background: transparent url(../../_images/nav/home-over.jpg) no-repeat; }
.acc { display: block; width: 140px; height: 31px; float: left; background: transparent url(../../_images/nav/accommodations.jpg) no-repeat; }
a.acc:hover { display: block; width: 140px; height: 31px; float: left; background: transparent url(../../_images/nav/accommodations-over.jpg) no-repeat; }
.rates { display: block; width: 169px; height: 31px; float: left; background: transparent url(../../_images/nav/rates.jpg) no-repeat; }
a.rates:hover { display: block; width: 169px; height: 31px; float: left; background: transparent url(../../_images/nav/rates-over.jpg) no-repeat; }
.quotes { display: block; width: 71px; height: 25px; float: left; background: transparent url(../../_images/nav/quotes.jpg) no-repeat; }
a.quotes:hover { display: block; width: 71px; height: 25px; float: left; background: transparent url(../../_images/nav/quotes-over.jpg) no-repeat; }
.pics { display: block; width: 82px; height: 25px; float: left; background: transparent url(../../_images/nav/pictures.jpg) no-repeat; }
a.pics:hover { display: block; width: 82px; height: 25px; float: left; background: transparent url(../../_images/nav/pictures-over.jpg) no-repeat; }
.contact { display: block; width: 115px; height: 25px; float: left; background: transparent url(../../_images/nav/contact.jpg) no-repeat; }
a.contact:hover { display: block; width: 115px; height: 25px; float: left; background: transparent url(../../_images/nav/contact-over.jpg) no-repeat; }

/******* Layout Divs *******/ 

.control {
	position:absolute;
	top: 118px;
	z-index: 0;
	left:50%;
	width:570px;
	margin-left:-326px;
	padding:15px;
	background: #FFFFFF url(../../_images/bg/content-bg.jpg) bottom no-repeat;
}

.toptape {
	top: 88px;
	position:absolute;
	z-index: 0;
	left:50%;
	width:95px;
	margin-left:211px;
}

.highlight {
	top: 49px;
	position:absolute;
	z-index: 2;
	left:50%;
	width:306px;
	margin-left:-440px;
}

.logo {
	top: 49px;
	position:absolute;
	z-index: 1;
	left:50%;
	width:333px;
	margin-left:-135px;
}

.subcontent { clear: both; }
	
.sidebar {
	width: 180px;
	float: left;
	padding-top: 120px;
}

.content {
	width: 365px;
	float: right;
	padding: 10px;
}

.footer {
	clear: both;
}	


.hl {
 background-color: #FDF8B9;
	width: 300px;
	padding: 5px 0 0 5px; margin-bottom: 10px;
	border: 1px solid #C57A0A;
}