﻿#serenity {
	background:#cfae8b url(../media/bg-s.png) repeat;
	margin:0 0;
}
#bohemiannation {
	background:#cfae8b url(../media/exteriortile.png) repeat;
	margin:0 0;
}
#bonacoffee {
	margin:0 0;
	background:#cfae8b url(../media/body-bg.png) repeat;
}
#sujiivana {
	margin:0 0;
	background:#484848 url(../media/bg-spa.png) repeat;
}
#spa {
	margin:0 0;
	background:#fff url(../media/spa-bg-s.png) repeat;
}
* :focus { outline: 0; }
a:hover { text-decoration:underline; }
p , a {
	color:#ffffff;
	padding-left:5px;
	padding-right:5px;
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
}
/**the serenity place main**/
#page-main {
	position:relative;
	width:1000px;
	height:650px;
	padding:0;
	margin:0 auto;
	background:url(../media/page.gif) no-repeat;

}
#banner-violator {
	position:absolute;
	padding:0;
	margin:0;
	z-index:500;
	width:300px;
	height:149px;
	left:355px;
	top:410px;
}
/* promos hovers */
ul#promos {
	
	padding:0;
	margin:0 0;
	left:-10px;	
}
ul#promos li {
	list-style:none;
	padding:0;
	margin:0 0;	
}
ul#promos li .hover {
	display:none;
	z-index:1003;
	position:absolute;
	bottom:0;
	right:0;
	width:175px;
	color:#FFF;
	list-style:none;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	left:-0px;
	position:absolute;
	background:#191007;
	background:rgba(25, 16, 7, .85);
}
ul#promos li:hover .hover {
	display:block;
}


.hover img {
	display:block;
	margin:0;
	padding:2px 0;
}

ul#promos .hover p,ul#promos .hover p img {
	margin:0;
	padding:0 14px 1em;
	width:160px;
	overflow:hidden;
}
ul#promos .hover p {
	padding-bottom:5px;
	padding-top:10px;
}
ul#promos .hover a {
	display:inline;
	padding:0 0 0 0px;
	margin:0 0;
	color:#FFF;
	background:none;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
ul#promos .hover ul {
	margin:0 0;
	padding:0 15px;
	width:200px;
	font-weight:bold;
	position:absolute;
}
ul#promos .hover ul li {
	margin:0 0;
	width:160px;
	font-weight:bold;

}
#content-main {
	position:relative;
	width:1000px;
	height:580px;
	padding:0;
	margin:0 0;
	/*background:url(../media/serenity.png) no-repeat;*/

}
#footer-main {
	position:relative;
	width:1000px;
	height:70px;
	margin:0 0;
	padding:0;
	border::1px solid #CCCCCC;
}
#footer-menu-main ul {
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
}
#footer-menu-main ul li {
	list-style:none;
	display:inline;
	color:#322015;
	text-align:center;
	margin:0 0;
	color:#322015;
}
#footer-menu-main ul li a {
	color:#322015;
	text-decoration::none;
}
#copyright-main {
	position:absolute;
	width:1000px;
	height:30px;
	margin:0 0;
	padding:0;
	top:20px;
	text-align:center;
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#322015;
}
/*Bohemian Nation Trading Co Page*/
#page-bn {
	position:relative;
	width:1000px;
	height:650px;
	padding:0;
	margin:0 auto;
/*	background:url(../media/bn-bg.png) no-repeat;*/
}

#wrapper {
	position:relative;
	width:971px;
	height:650px;
	padding:0;
	margin:0 auto;
}
#header-bn {
	position:relative;
	width:971px;
	height:100px;
	padding:0;
	margin:0 0;
}
#logo-bn {
	position:absolute;
	margin:0 0;
	padding:0;
	height:89px;
	width:270px;
	top:5px;

}
#logo-bn a {
	background:url(../media/bn-logo.png) no-repeat;
	height:89px;
	width:270px;
	position:absolute;
	border:0;
}
#content-bn {
	position:relative;
	width:971px;
	height:466px;
	padding:0;
	margin:0;
}
#footer-bn {
	position:relative;
	width:971px;
	height:60px;
	margin:0 0;
	padding:0;
	top:10px;

}
#footer-menu-bn ul {
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
}
#footer-menu-bn ul li {
	list-style:none;
	display:inline;
	color:#322015;
	text-align:center;
	margin:0 0;
	color:#eedfc5;
}
#footer-menu-bn ul li a {
	color:#eedfc5;
	text-decoration::none;
}
#copyright-bn {
	position:absolute;
	width:971px;
	height:20px;
	margin:0 0;
	padding:0;
	top:25px;
	text-align:center;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eedfc5;
}
/**bona coffee company**/
#page-bcc {
	height:650px;
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../media/page-bg.png) repeat-x;
}
#header-bcc {
	position:relative;
	padding:0;
	margin:0 auto;
}
#content-bcc {
	position:relative;
	width:971px;
	height:466px;
	margin:0 auto;
	top:15px;
}
#logo-bcc {
	position:relative;
	margin:0 auto;
	padding:0;
	height:81px;
	width:971px;
	top:5px;
	
}
#logo-bcc a {
	background:url(../media/bcc-logo.png) no-repeat;
	position:absolute;
	height:81px;
	border:0;
	width:971px;
}
#footer-bcc {
	margin:0 0;
	padding:0;
	height:60px;
	position:relative;
}
#footer-menu-bcc {
	position:relative;
	padding:0 0;
	margin:auto;
	height:15px;
	top:20px;
}
#footer-menu-bcc ul {
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
}
#footer-menu-bcc ul li {
	list-style:none;
	display:inline;
	color:#322015;
	text-align:center;
	margin:0 0;
	color:#1d0e01;
}
#footer-menu-bcc ul li a {
	color:#1d0e01;
	text-decoration::none;
}
#copyright-bcc {
	position:relative;
	height:20px;
	margin:0 auto;
	padding:0;
	top:30px;
	text-align:center;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1d0e01; 
}
/**sujiivana salon**/
#page-sj {
	position:relative;
	width:1000px;
	height:650px;
	padding:0;
	margin:0 auto;
}
#wrapper {
	position:relative;
	width:971px;
	height:650px;
	padding:0;
	margin:0 auto;
}
#header-sj {
	position:relative;
	width:971px;
	height:100px;
	padding:0;
	margin:0 0;
}
#logo-sj {
	position:absolute;
	margin:0 0;
	padding:0;
	height:67px;
	width:156px;
	top:21px;
	
}
#logo-sj a {
	background:url(../media/sujii_spa_logo.png) no-repeat;
	height:67px;
	width:156px;
	position:absolute;
}
#tagline-sj {
	position:absolute;
	margin:0;
	padding:0;
	width:808px;
	height:41px;
	left:156px;
	top:22px;
	background:url(../media/tagline_r.png) no-repeat;
}
#content-sj {
	position:relative;
	width:971px;
	height:466px;
	padding:0;
	margin:0;
}
#footer-sj {
	position:relative;
	width:971px;
	height:60px;
	margin:0 0;
	padding:0;
	top:10px;

}
#footer-menu-sj ul {
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
}
#footer-menu-sj ul li {
	list-style:none;
	display:inline;
	color:#322015;
	text-align:center;
	margin:0 0;
	color:#ffffff;
}
#footer-menu-sj ul li a {
	color:#ffffff;
	text-decoration::none;
}
#copyright-sj {
	position:absolute;
	width:971px;
	height:20px;
	margin:0 0;
	padding:0;
	top:25px;
	text-align:center;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}
/*sub-pages*/
/*spa*/
#page-spa {
	position:relative;
	width:1000px;
	height:650px;
	padding:0;
	margin:0 auto;
}
#header-spa {
	position:relative;
	width:971px;
	height:90px;
	padding:0;
	margin:0 0;
}
#logo-spa {
	position:absolute;
	margin:0 0;
	padding:0;
	height:74px;
	width:971px;
	top:10px;
	
}
#logo-spa a {
	background:url(../media/spa-logo.png) no-repeat;
	height:74px;
	width:971px;
	position:absolute;
}
#content-spa {
	position:relative;
	width:971px;
	height:466px;
	padding:0;
	margin:0;
}
#footer-spa {
	position:relative;
	width:971px;
	height:60px;
	margin:0 0;
	padding:0;
	top:10px;
}
#footer-menu-spa ul {
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
}
#footer-menu-spa ul li {
	list-style:none;
	display:inline;
	color:#322015;
	text-align:center;
	margin:0 0;
	color:#807e7e;
}
#footer-menu-spa ul li a {
	color:#807e7e;
	text-decoration::none;
}
#copyright-spa {
	position:absolute;
	width:971px;
	height:20px;
	margin:0 0;
	padding:0;
	top:25px;
	text-align:center;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#807e7e;
}
/*end*/
#header-sub {
	position:relative;
	width:971px;
	height:100px;
	padding:0;
	margin:0 0;
}
#content-sub,#content-sub2,#content-sp {
	position:relative;
	width:971px;
	height:466px;
	padding:0;
	margin:0;
}
#content-sub {
		background:url(../media/sub-bg.png) no-repeat;
}
#content-sub2 {
		background:url(../media/sub-bg2.png) no-repeat;
}
#content-sp {
		background:url(../media/sp-main.png) no-repeat;
}
#logo-sub {
	position:absolute;
	margin:0 0;
	padding:0;
	height:86px;
	width:158px;
	top:10px;	
}
#logo-sub a {
	background:url(../media/sp_logo.png) no-repeat;
	position:absolute;
	height:86px;
	width:158px;
}
#content-sub-title {
	position:absolute;
	margin:0 0;
	padding:0;
	border:0;
	width:255px;
	height:33px;
	top:67px;
	left:35px;
	visibility:visible;
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:17px;
	text-decoration:none;
	color:#36240f;
}
#content-sub-link {
	width:302px;
	height:106px;
	position:absolute;
	left:650px;
	top:320px;
	visibility:visible;
	text-decoration:none;
	margin:0 0;
	padding:0;
}
#content-sub-link ul {
	padding:0;
	margin:0 0;
}
#content-sub-link ul li {
	width:300px;
	list-style:none;
	padding-top:5px;
	padding-left:13px;
}
#content-sub-link ul li a {
	text-decoration:none;
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:13px;
}
#content-sub-link ul li a:hover {
	color:#b79a6a;
}
#content-sub-p {
	width:627px;
	height:329px;
	top:96px;
	position:absolute;
	visibility:visible;
	left:20px;
}
#content-sub-p p {
	color:#36240f;
	padding-left:20px;
	line-height:20px;
}
#content-sub-p li,#content-sub-p li a {
	color:#36240f;
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style:none;
}
#content-sub-p li.sp-list {
	font-weight:700;
	list-style:url(../media/list.png);
	
}
div#test-accordion{
	width:550px;
	position:absolute;
	height:200px;
	left:50px;
	margin:0;
	padding:0;
}
div.accordion {
	position: relative; /* required for bounding */
}
div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */ 
    cursor: pointer;
	font-weight:700;
	font-family:Century Gothic,Arial, Helvetica, sans-serif;
	font-size:13px;
}
div.accordion-content ul ul li em {
	text-decoration:underline;	
}
div.accordion-content  a {
	color:#36240f;
	text-decoration:underline;
}
div.accordion-toggle-active {
	
}
div.accordion-content{
    overflow: hidden;	/* required for effect */
}
div.accordion-content {
	width:520px;padding-left:40px;
}
span.date-item {
	font:11px "Century gothic",arial, verdana, sans serif;
	font-weight:normal;
	margin-left:22px;
}
span.date-item a {
	color: #36240f;
}
#slider1-container {
	position:absolute;
	margin:0 0 ;
	padding:0 0;
	top:20px;
	left:15px;
	width:417px;
	height:278px;
	overflow:hidden;
}
#slider2-container {
	position:absolute;
	margin:0 0;
	padding:0 0;
	height:220px;
	width:152px;
	left:450px;
	top:20px;
}
	#slider1 {}	
	#slider1 ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
	#slider1 ul li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:417px;
		height:278px;
		overflow:hidden; 
		}
	#slider2 ul li {
		width:152px;
		height:230px;
		overflow:hidden; 
	}
	#slider2 ul li ul.list-in li {
		width:152px;
		height:72px;
		list-style:none;
		display:block;
		padding-top:2px;
	}
	#slider2 ul li a {
		padding: 0 0 ;
		margin: 0 0;
		width:152px;
		height:72px;
		border:0px;
		text-decoration:none;
		outline:none;
	}
	#slider2 ul li ul.list-in li a img {
		padding: 0;
		margin:0;
		outline:none;
		display:none; 
		border:0;
	}
#prevBtn2, #nextBtn2 { 
	width:152px;
	height:12px;
	position:absolute;
	top:0px;
	left:0.5px;
	}	
#nextBtn2{ 
	top:230px;
	}														
#prevBtn2 a, #nextBtn2 a {  
	display:block;
	width:152px;
	height:12px;
	background:url(../media/up.png) no-repeat 0 0;	
	}	
#nextBtn2 a{ 
	background:url(../media/down.png) no-repeat 0 0;
	}