@charset "utf-8";
/* CSS Document */

body{

	background-image: url("../images/bgwhole.jpg");
	color:#000;
}


#main-container{
	background: url(../images/bg.jpg) repeat-x;
	margin: 0 auto 0 auto;
	}
	
	
#inner-container{
	
	height: 1000px;
	width: 1024px;
	margin: 0 auto 0 auto;
}

#header{
	position:relative;
	margin: 0 auto 0 auto;
	background: url(../images/header.png) no-repeat;
	height: 170px;
	width: 984px;
	top: inherit;
	left: inherit;
	padding:0 20px 0 20px;
	z-index: 4;
	/*border:#0FF 1px solid;*/
}

	#login{
	background-image: url("../images/log.png");
	
	position: absolute; 
	top: 0px; 
	left: 88%;
	width: 110px;
	height: 20px;
	text-align: center;
	
	}



#banner{
	/*background-image: url("../images/visit_main_banner.png");*/
	position: relative;
	margin: 0 auto 0 auto;
	top: -100px;
	left: 0px;
	z-index: 3;
	width:1008px;
	height:215px;
}
	



#slide-images{
	background-image: url("../images/mid_banner.png");
	position: relative;
	margin: 0 auto 0 auto;
	top: -80px;
	left: 0px;
	z-index: 3;
	width:1008px;
	height:392px;
}
	

	
/***  SLIDER START ***/	
	
	#slider{
		
	margin: 0 auto;
	
	}	
	
	#slider ul, #slider li{
		margin:40px auto;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:825px;
		height:392px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:30px;
		top:190px;
		}	
	#nextBtn{ 
		left:940px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:41px;
		height:46px;
		background:url(../images/slide_left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/slide_right.png) no-repeat 0 0;	
		}
	
	#controls{
		margin: 0 auto;
	}	
	
/***  END SLIDER   ***/

#logo{
	margin-top: 8px;
	background-image:url(../images/home_r2_c1.png) no-repeat;
	float: left;
}


#main-nav{
	margin: 29px 0 20px 0;;
	float: right;
	width: 725px;
	
}
	#main-nav ul{
		/*margin-left: 25px;*/
	}
	
	#main-nav li{
		display:inline;
		 
		
	}
	
	#main-nav li a{
		display:block;
		float: left;
		padding: 5px 0px 0px 5px;
		margin-left: 4px;
		border-right: dotted 1px #000;
		/*height: 35px;*/
		width: 130px;
		height: 45px;
		background-position:0 6px;
		background-repeat:no-repeat;
	}
	
	#main-nav li a:hover, #main-nav li a.active-state{ 
		background-position:0 -39px;
	}
	
		#main-nav li a#visit {
			background-image:url(../images/main_nav_visit.png);
		}
		
		#main-nav li a#play {
			background-image:url(../images/main_nav_play.png);
		}
		
		#main-nav li a#gossip {
			background-image:url(../images/main_nav_gossip.png);
		}
		
		#main-nav li a#salivate {
			background-image:url(../images/main_nav_salivate.png);
		}
		
		#main-nav li a#tell {
			background-image:url(../images/main_nav_tell.png);
		}
		

	/*#main-nav li a:hover{
	
		background-image:url("../images/main_menu_active.png");
		background-repeat: no-repeat;
	
	}
	
	.active-state{
		background-image:url("../images/main_menu_active.png");
		background-repeat: no-repeat;
	}*/

#main-content{
	position: relative;
	margin: 0 auto 0 auto;
	width: 940px;
	top: -110px;
	left: 0px;
	height:auto;
}

	#main-content .content-wrapper {
		background: url(../images/spacer.png) repeat-y;
		width:100%;
		height:auto;
	}
	
	#main-content .main-bg {
		
		position:relative;
		left:5px;
		height:auto;
		background:url(../images/content_bottom_bg.png) no-repeat bottom;
	}
	
	#main-content .content-zone {
		padding:65px 30px 20px 40px;
	}
	
		#content-left {
			width: 560px;
			margin-right: 10px;
			min-height:300px;
			height:auto;
		}
		
			.header-left {
				background:url(../images/bg_header_left.png) no-repeat;
				display: block;
				width: 540px; height:16px;
				padding: 10px 10px;
				margin: 10px 0px;
				
			}
			
			div.featured-article {
				display:block;
				padding: 20px 0px 10px;
				height: auto;
			}
			
			span.article {
				width: 280px;
				display: block;
				margin: 0px 20px 0px;
			}
			
			.article-header {
				border-bottom:1px dotted #666;
				color:#89201B;
				font-size:18px;
				font-family:"Times New Roman", Times, serif;
				letter-spacing:1.5px;
				line-height:150%;
			}
			
			.header-text {
				color: #FFF;
				font-size:16px;
				/*font-weight:bold;*/
				letter-spacing:1.5px;
				font-family: "Times New Roman";
			}
			
			img.quote {
				margin: 0px 5px 5px;
			}
			
			.review {
				margin-top: 20px;
			}
		
		#content-right {
			width: 260px;
			margin-left: 25px;
			min-height:300px;
			height:auto;
		}
		
			.header-right {
				background:url(../images/bg_header_right.png) no-repeat;
				display: block;
				width: 261px; height:26px;
				padding: 10px 10px;
				margin: 10px 0px 0px 0px;
			}
			
			.sub-header-right {
				border-bottom:1px dotted #666;
				color:#89201B;
				font-size:16px;
				font-weight:bold;
				font-family:"Times New Roman", Times, serif;
				letter-spacing:1.5px;
				height:20px;
				width: 265px;
				margin: 5px 0px;
			}
	
	
	#main-content #welcome p{
		padding: 10px 0 10px 0;
		width: 486px;
	}
	
	#main-content #welcome{
		float: left;
		
	
	}
	
	#main-content #welcome span{
		padding: 0 6px 0 0;
	
	}
	
	#main-content #promo{
		float: right;
	}
	
	#main-content #bot-nav li{
	display:block;
	float: left;
	height: auto;
	padding: 0px 16px 0px 0px;
	
	}
	
	#main-content #bot-nav li p{
	width: 200px;
	padding: 5px 0px 3px 0px;
	
	}
	
#footer{
	color: #8F6E3B;
	padding: 8px 0px 2px 23px;
}

	#footer a{
		color: #8F6E3B;
	}
	
	#footer li{
		display: inline;
	}
	

	#footer li a{
		display: block;
		float: left;
		height: 8px;
		padding: 0px 6px 7px 6px;
		border-right: 1px solid #8F6E3B;
	
	}
	
	
.share{
	position: relative; 
	top: 25px;
	left: 850px
}




/********** ACCORDION  *****************/

#accordion{
	height:425px;
}

	
#accordion img {
	float: left;
	padding-right: 10px;
	cursor:pointer;
	
	
}	

#accordion div {
	display: none;
	float: left;
	padding-right: 10px;
	width:596px;
}	

/*********** END ACCORDION **********/



/*set P color to black  */
#main-content #latest-promo-content p{

	color: black;
	padding: 14px;
	font-size: 10px;
}

#main-content #latest-promo-content .description p{
	
		padding: 0px;
		padding-left: 10px;
		margin-bottom: 14px;
		font-size:14px;
		line-height:18px;
	
	}

#latest-promo-content{

	width: 470px;
	float:left;
	
	padding: 5px;


}

#latest-promo-img{
	padding-left: 18px;
	float: left;
}

/*REGISTRATION AND LOGIN*/

.header-left-registration {
	
	background:url(../images/title_bar_register.png) no-repeat;
	display: block;
	width: 480px; height:36px;
	padding: 10px 10px;
	margin: 10px 0px;
	
}

.header-left-login {
	
	background:url(../images/title_bar_login.png) no-repeat;
	display: block;
	width: 480px; height:36px;
	padding: 10px 10px;
	margin: 10px 0px;
	
}

#table-registration td, #table-registration img, #table-login td{
	padding: 5px;
}

	#table-registration td input.input-field {
		background: none;
		border: 1px solid #A58F59; 
		height: 21px; width:200px;
	}

	#btnSubmitRegister {
		background:url(../images/btnSumitRegister.png) no-repeat !important;
		display: inline;
		width: 182px; height:25px;
		cursor:pointer;
		border:none;
	}
	
	
/***********title bars*****************/

.title-bar-red-promo{
	background: url("../images/latest_promo.gif") no-repeat;
	height: 36px;
	width: 500px;
	margin:0 0 14px 0;
}

	.title-bar-red-promo h3{
		font-family: "Times New Roman";
		padding: 9px;
		font-weight: bold;
		font-size: 16px;
		color: #FFF;	
	}


.welcome-bar{
	background: url(  "../images/welcome2.png") no-repeat;
	height: 37px;
	width: 479px;
	margin:0 0 14px 0;


}

	.welcome-bar h3{

			font-family: "Times New Roman";
			padding: 12px;
			/*font-weight: bold;*/
			font-size: 16px;
			color: #FFF;	
		}
		


.title-bar-green{

	background: url("../images/title_bar_green.jpg") no-repeat;
	color: #FFF;
	height: 36px;
	width: 259px;


}
	.title-bar-green h3{
		font-family: "Times New Roman";
		padding: 9px;
		/*font-weight: bold;*/
		font-size: 16px;
	
	}



.title-bar-blue{

	background: url("../images/title_bar_blue.jpg") no-repeat;
	color: #FFF;
	height: 36px;
	width: 259px;
	margin:0 0 14px 0;


}

	.title-bar-blue h3{
		font-family: "Times New Roman";
		padding: 9px;
		/*font-weight: bold;*/
		font-size: 16px;
		
	}	
	
	
	

#table-login td input.input-field{
	background: none;
	border: 1px solid #A58F59; 
	height: 21px; width:220px;
}


#btnSubmitLogin {
	background:url(../images/btnSubmitLogin.png) no-repeat !important;
	display: inline;
	width: 110px; height:25px;
	cursor:pointer;
	border:none;
}

#btnResetLogin, #btnResetRegister {
	background:url(../images/btnResetLogin.png) no-repeat !important;
	display: inline;
	width: 110px; height:25px;
	cursor:pointer;
	border:none;
}