body{
	background-color: #300 /*#351009*/ /*#ebebec*/;
	margin: 0px 0px 20px 0px; 
	padding: 0px;
	font-size: 8pt;
}
body, h1, h2, h3, h4, h5, p, a, tr, td{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;}

p{color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 0px; line-height: 18px; font-size: 8pt;}

h1{color: #7fb7c6; font-weight: lighter; font-size: 25pt; margin: 0px; padding: 20px 0px 20px 0px; text-transform: uppercase; text-align: center;}
h2{color: #7fb7c6; font-weight: bold; font-size: 8pt; margin: 0px; padding: 0px 0px 0px 0px;}
h3{color: #7fb7c6; font-weight: bold; font-size: 10pt; text-transform:capitalize; margin: 0px; padding: 0px 0px 10px 0px;}
h4{color: #7fb7c6; font-size: 9pt; font-weight: bold; margin: 0px; padding:4px 4px 4px 0px;}
li{line-height: 23px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{color: #7fb7c6; text-decoration: none; font-weight: bold; outline: none;}
a.light_link{color: #7fb7c6; text-decoration: none; font-weight: lighter;}
a.std_link:hover, a:hover{color: #fff;}

a.std_link_light{
	text-decoration: none;
	color: #0099cc;
}
a.std_link_light:hover{color:#ff0000; 	text-decoration:underline;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}
.imageleft{float:left; padding: 0px 10px 10px 0px;}
.imageright{float:right; padding: 0px 0px 10px 10px;}

/*--- Text ---*/

.blue{color:#7fb7c6;}
.grey{color:#333333;}
.red{color:#ff0000;}
.brown{color:#e6c95a;}
.white{color:#ffffff;}
.note{
	font-weight: bold;
	font-style: italic;
}
.t_justify{text-align:justify;}
.t_center{text-align: center;}
.t_right{text-align: right;}
.bold{font-weight: bold;}

/*--- Forms ---*/
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
textarea, input{font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 9pt; padding: 4px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;}
a.read_on{display: block; height: 14px; color: #f90; text-decoration: none; font-weight: bold;}
a.read_on:hover{color: #ffcc33;}
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- LAYOUT ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 900px; margin: auto; padding: 10px 0px 10px 0px; background-color: #300;}/*#351009*/
.header_container{}
#header{border-bottom: 2px solid #fff; padding: 0px 30px; text-align:center;}
	.logo, .splash_logo{text-align:center;}
	#main_content{/*padding: 30px;*/}

.footer_container{}
#footer{border-top: 1px solid #fff;padding: 10px;}
	.footer_content{text-align: center; text-transform: uppercase;}
		.footer_logo{position: relative; top: 7px; margin-right: 20px;}
		.footer_content a{color: #7fb7c6;}
		.footer_content a:hover{color: #fff;}
		.footer_content{color:#c2bbb6;}


/*-------------------------------------------------------------------------------------------*/
/*- MENU ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul#menu{padding: 0px; margin: 20px auto; list-style: none; clear: both; position: relative; width: 650px;}
ul#menu li{float: left; width: auto; border-bottom: 6px solid #351009; padding: 0px; margin: 0px 5px 0px 5px; padding: 0px 5px 0px 0px;}
ul#menu li a{display: block; height: 10px; background: url(../images/menu.gif) no-repeat; text-decoration: none; overflow:hidden; margin-bottom: 5px;}
ul#menu li.active{border-bottom: 6px solid #7fb7c6;}
ul#menu li span{display: none;}

	ul#menu li a.home{background-position: 5px 0px; width: 48px;}
	ul#menu li a.about_us{background-position: -70px 0px; width: 82px;}
	ul#menu li a.collection{background-position: -178px 0px; width: 103px;}
	ul#menu li a.press{background-position: -308px 0px; width: 53px;}
	ul#menu li a.contact{background-position: -385px 0px; width: 80px; margin-right: 0px;}
	ul#menu li a.roomsets{background-position: -501px 0px; width: 83px; margin-right: 0px;}
	ul#menu li a.news{background-position: -630px 0px; width: 48px; margin-right: 0px;}
	
	ul#menu li a.home:hover{background-position: 5px -10px;}
	ul#menu li a.about_us:hover{background-position: -70px -10px;}
	ul#menu li a.collection:hover{background-position: -178px -10px;}
	ul#menu li a.press:hover{background-position: -308px -10px;}
	ul#menu li a.contact:hover{background-position: -385px -10px;}
	ul#menu li a.roomsets:hover{background-position: -501px -10px;}
	ul#menu li a.news:hover{background-position: -630px -10px;}


/*-------------------------------------------------------------------------------------------*/
/*- SPLASH PAGE -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body.splash{background-color: #300;}
#splash_container{width: 600px; margin: auto; padding: 10px 0px 10px 0px;}
	#splash_header, #splash_images, #splash_locations{text-align: center;}
		#splash_header{border-bottom: 2px solid #fff; padding-bottom: 10px;}
		#splash_images{margin: 30px auto; width: 432px; height: 290px;}
		#splash_images div{width: 431px; overflow: hidden;}
		
		#splash_locations{width: 600px; margin: auto; text-align: center; clear: both;}
		#splash_locations a{color: #7fb7c6; font-size: 25px; border: none; margin: 0px 20px; text-transform: uppercase; font-weight: lighter;}
			#splash_locations a:hover{text-decoration: underline;}


/*-------------------------------------------------------------------------------------------*/
/*- PRODUCTS LIST PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.ribbon{z-index: 1;	position: absolute;	float: right; right: -5px; top: -5px; height: 88px;	width: 148px;}

.collection_container{width: 830px; margin: 0px auto 20px auto;}

.product{width: 260px; float: left; margin: 10px 0px 10px 20px; position: relative;}/*border-bottom: 1px solid #c2bbb6; */
.left_side{margin-left: 00px; clear: left;}

.product .image_container{width: 240px;	height: 220px; padding: 10px; background-color: #fff; border: 1px solid #c1bfb9; margin-bottom: 10px; position: relative;}
.product_thumbs{width: 145px; padding: 10px; background-color: #fff; border: 1px solid #c1bfb9; /*position: relative;*/ float:left; margin-right: 20px;}
.product_thumbs a{display: block; margin: 0px; padding: 0px; text-decoration: none;}
.product_thumbs a img{margin: auto;}


.product .image{display: block; background-position: center; background-repeat: no-repeat; width: 240px; height: 220px; background-color: #fff; text-align: center; overflow: hidden;}
.product .image a{display: block; width: 240px; height: 220px;}
	.product .image img{border: none;}

.product_header{clear: both; height: 25px;}
.product_header .name a{color: #9ec8c9; float: left; text-decoration: none;	font-weight: lighter; letter-spacing: 1px; text-transform: uppercase;}
.product_header .name a:hover{color: #fff;}
.product_header .section{float: right; font-weight: lighter; text-transform: none; color: #c2bbb6;}

.product_info{clear: both; margin-bottom: 10px;}
.product_info .item, .product_info .item_price{clear: left;	float: left; width: 100px; font-weight: bold; line-height: 20px; margin-bottom: 5px;}
.product_info .description, .product_info .description_price{float: left; clear: right; line-height: 20px;}
.product_info .item_price, .product_info .description_price{font-size: 9pt;}
div.product_description, div.product_description p{color: #fff; text-align: justify; clear: both;}


/*-------------------------------------------------------------------------------------------*/
/*- PRODUCTS VIEW PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.product_view{margin: 20px auto; position: relative; clear: both; width: 840px;	overflow: ;}
.product_view .image_container{width: 540px; margin-bottom: 10px; padding: 10px; float: left; position: relative; background-color: #fff; border: 1px solid #c1bfb9;}
	.product_view .image{width: 540px; background-color: #ffffff; overflow: hidden;	text-align: center;}
	
.product_details{float: right; width: 270px; overflow: hidden;}
	.product_view .product_details .section{text-transform: none; text-align: left;	clear: both; margin-bottom: 5px;}
	.product_view .product_info{clear: none; margin-bottom: 10px;}
	.product_view .item{color: #d86e88; clear: left; float: left; width: 100px; font-weight: bold;	line-height: 20px; margin-bottom: 5px;}
	.product_view .description{color: #d86e88; float: left;	clear: right; line-height: 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- PRODUCTS VIEW PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.page_images{width: 426px; float: left;}
	.page_images .image_one{width: 208px; float: left; margin-right: 10px;}
	.page_images .image_two{width: 208px; float: left; margin-bottom: 11px;}
	.page_images .image_three{width: 208px; float: left;}
.page_copy{float: right; width: 455px; padding: 0px; margin-bottom: 30px;}
	.page_copy p{padding: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- INDEX -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.index_logo{float: left; margin-right: 20px;}
.index_page_images{width: 870px; margin: auto; margin-bottom: 30px;}
	.index_page_images a img{border: none;}
	.index_page_images .image_one{width: 650px; float: left; margin-right: 10px;}
	.index_page_images .image_two{width: 208px; float: left; margin-bottom: 11px;}
	.index_page_images .image_three{width: 208px; float: left;}
	.index_page_images .image_four{width: 868px; clear: both; padding-top: 5px;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.admin_link{margin-left: 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- BREAD CRUMB -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.bread_crumb{clear: both;	list-style: none; margin: 0px 10px 10px 0px; padding: 0px; height: 20px;}
	ul.bread_crumb li{float: left; margin: 0px 15px 0px 0px; color: #c2bbb6}
	ul.bread_crumb li.crumb{color: #d86e88; font-weight: bold;}
		ul.bread_crumb li a{color: #c2bbb6; text-decoration: none; font-weight: lighter;}
		ul.bread_crumb li a:hover{color:  #ffffff; text-decoration: underline;}


/*-------------------------------------------------------------------------------------------*/
/*- COLLECTION PAGE -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.collection_list{list-style: none; padding: 0px; margin: auto auto 30px auto; width: 865px;}
	ul.collection_list li{float: left; margin: 0px 0px 4px 10px; border: none;}
	ul.collection_list li.first_collection{float: left; margin: 0px 0px 4px 0px; border: none;}	
	ul.collection_list li a, ul.collection_list li a img{border: none; text-decoration: none;}
/*	ul.collection_list li{ border-bottom: 1px solid #655043;}
	ul.collection_list li a{display: block; color: #c2bbb6; padding: 10px 0px; font-size: 18px; font-weight: lighter; text-transform: uppercase;}
	ul.collection_list li a:hover{color: #9EC8C9;}
	ul.collection_list li img{float: right;}*/


/*-------------------------------------------------------------------------------------------*/
/*- NEWS & PRESS CONTAINER ------------------------------------------------------------------*/
/*- ------ ----------------------------------------------------------------------------------*/
.news_container{width: 900px;}
	.news_container h3{font-size: 18px;}
	.news_image{float: left; border: 1px solid #655043; width: 270px; height: 325px; overflow: hidden; margin-right: 20px; background-color: #fff; text-align: center;}
	.news_image a{display: block; width: 145px; height: 184px;}
	.news_details{width: 900px; clear: both; margin: 10px 10px 10px 0px; border-bottom: 1px solid #7fb7c6; color:#ffffff;}
	.news_details a{text-transform: uppercase; font-weight: lighter;}
.press_container{width: 440px; float: left; margin-right: 10px;}	
.press_left_side{margin-right: 0px;}
	.press_image{float: left; display: block; background-position: center; background-repeat: no-repeat; border: 1px solid #655043; width: 126px; height: 184px; overflow: hidden; margin-right: 5px; text-align: center;}
	.press_image a{display: block; width: 126px; height: 184px;}
	.press_details{width: 440px; clear: both; margin: 10px 10px 10px 0px; padding-bottom: 5px; border-bottom: 1px solid #7fb7c6; color:#ffffff;}
	.press_details a{text-transform: uppercase; font-weight: lighter;}
	.news_image img, press_image img{ border: none;}		

	.last_image{margin-right: 0px;}
/*----------------------------------------------------------------------------------------------*/
/*- ROOMSET CONTAINER --------------------------------------------------------------------------*/
/*- --------------------------------------------------------------------------------------------*/
.roomset_container{
		float: left;
		margin: 0px 10px 20px 0px;
		padding: 10px 0px 0px 0px;
		border-bottom: 1px solid #7fb7c6;
		width: 210px;
		height: 260px;
	}
	.roomset_details{margin-top: 10px;}
	.roomsets_image{
			display: block;
			border: 1px solid #655043;
			width: 210px;
			height: 220px;
		}
		.roomsets_image a{display: block; width: 210px; height: 220px;}

/*-------------------------------------------------------------------------------------------*/
/*- FORMS -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
label, input, submit, select, textarea, legend{font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif; padding: 3px; font-size: 8pt; color: #111;}
textare.contact, input.contact{width: 250px;}
fieldset{border: 1px solid #ccc; background-color: #f7f7f7; padding: 10px 20px 10px 20px; margin: 0px 0px 20px 0px; clear:both; width: 100%; overflow: auto;}
legend{font-size:14px; padding: 0px 10px 0px 10px; margin-bottom: 0px; font-weight:bold; margin-top: 0px; color:#111;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN LAYOUTS --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.contact_page ul.three_column li{height: 1200px;}
ul.three_column{width:940px; list-style: none; margin: 0px; padding: 0px;}
	.three_column li{float: left; padding: 20px; margin: 0px; border-right: 1px solid #fff; height: 1200px;}
	.three_column li.column_one{padding: 0px 20px 0px 0px; width: 230px;}
	.three_column li.column_two{padding: 0px 20px; width: 200px; }
	.three_column li.column_three{padding: 0px 0px 0px 20px; border: none; width: 370px;}



/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}