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

/*----------------------------------------------------------------------------------
[Master Style Sheet]
------------------------------------------------------------------------------------
Project:		Cheetah's Show Lounge & Bar
Version:		1.0
Designer:		Ryan Martinez (knee_pole@hotmail.com)
CSS 2.1 standards validated by: W3C  validated on: 10/04/09
last change:	
Assigned to: 
Primary use:	Cheetah's Show Lounge & Bar

[Layout / Table of Contents]
------------------------------------------------------------------------------------
* global reset
* gloabl styles
* html
* body
* mainContainer
	1.0 header / #header
		1.1 homepage, icon link /#header a#logo
		1.2 Primary navigation/ #header #pnav
		1.3 Featured information/ #header #TagAndUpcommingDancers
	2.0 main content /#content	
		2.1 left column/ #content #first
			2.1.1 VIP and Bachelor Party Button / #VIPandBachelor
		2.2 center column/ #content #second
			2.2.1 Event Divs / #content div.Event
		2.3 center column/ #content #third
			2.3.1 club highlights / #clubHightlights
			3.3.2 club contact info / #clubInfo
	3.0 footer/ #footer
		3.1 secondary navigation/ #footer #snav
		3.2 standards compliancy links/ #footer #standards
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}
/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/
.clearer{
	height:1px; width:1%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}
.SkipNav{
	display:none;	
}
/*----------------------------------------------------------------------------------
	default (homepage) template for Cheetah's Show Lounge & Bar
----------------------------------------------------------------------------------*/
html{}

body{
	background:#1e1e1e /*dark grey background*/ url(../images/backgrounds/homepage_Body_bg.jpg) repeat-x 0px 0px;
		
}
#mainContainer{
	position:relative;
	width:950px;height:auto;
	margin:0px auto;
	/*border:1px solid blue;*/
}

/*----------------------------------------------------------------------------------
	1.0 Header
----------------------------------------------------------------------------------*/
#header{
	position:relative;
	width:950px;height:390px;
	
	background:url(../images/backgrounds/header_background.jpg) no-repeat top center;
}
	/*
		1.1 Header: homepage logo link
	----------------------------------------------------*/
	#header a#logo{
		position:relative;
		display:block;
		width:150px; height:50px;
		margin:0px 0px 0px 20px;
		z-index:100;		
	}
		#header a#logo span{
			display:none;
		}
		/*
			1.2 Header: primary navigation
		----------------------------------------------------*/
	#header #pnav{
		position:absolute;
		top:33px; right:0px;
		width:auto; height:18px;
		z-index:100;
	}
		#header #pnav li{
			width:auto; height:auto;
			float:left;
			
			background:url(../images/backgrounds/pnav_li_bg.jpg) no-repeat right 3px;
		}
		#header #pnav li a{
			display:block;
			padding:0px 10px 0px 10px;
			
			font-size:11px;
			color:#3E7C70; /*mint green */
			text-decoration:none;
		}
		#header #pnav li a:hover{
			color:#7FD3C2; /*light mint*/
		}
		/*
			1.3 Header: Featured information; Dancers etc.
		----------------------------------------------------*/
	#TagAndUpcommingDancers{
		position:relative;
		width:449px;
		margin:50px 0px 0px 500px;
		z-index:100;
	}
	#IphoneComingSoon{
			width:309px; height:auto;
			float:right; 
			padding:5px 150px 0px 0px;
		}
	#TagAndUpcommingDancers h1{
		float:right;
		display:block;
		margin:5px 0px 5px 0px;
		text-align:right;
		
		font-weight:normal;
		font-size:23px;
		color:#89E8D6;
	}
	#TagAndUpcommingDancers h2{
		float:right;
		display:block;
		margin:5px 0px 5px 0px;
		
		font-weight:normal;
		font-size:14px;
		color:#fff;	
		border-bottom:1px dotted #fff;
	}
	#TagAndUpcommingDancers ul{
		clear:both;	
		margin:5px 0px 0px 0px;
		
		text-align:right;
	}
		#TagAndUpcommingDancers ul li{
			color:#63BAA9;
		}
			#TagAndUpcommingDancers ul li a{
				color:#63BAA9;
			}
			#TagAndUpcommingDancers ul li a:hover{
				color:#fff;
				text-decoration:underline;
			}

/*----------------------------------------------------------------------------------
	2.0 Content
----------------------------------------------------------------------------------*/
#content{
	height:auto;
	
	background:url(../images/backgrounds/content_bg.jpg) no-repeat 0px 2px;
}
#content div.contentColumn{
	width:167px;
	float:left;
	padding:0px 5px 0px 5px;
}
	#content div.contentColumn h2{
			display:block;
			width:100%;
			padding:18px 0px 12px 0px; margin:0px 0px 45px 0px;
			color:#89E8D6;
			font-size:15px;
		}
	#content div.contentColumn p.ViewDetials a{
		color:#fff;
		font-size:10px;
	}
	#content div.contentColumn p.ViewDetials a:hover{color:#89E8D6; }
	#content div.contentColumn p.ViewDetials a i{ color:#85618E; /*pink*/}
	/*
		2.1 Content: left Column / #first
	----------------------------------------------------*/
	#content #first{
		width:373px;
		
		background:url(../images/backgrounds/content_first_bg.jpg) no-repeat 0px 81px;
	}
		#content #first p{ 
			margin:0px 0px 10px 0px;
			
			color:#606060;
			font-size:11px;
		}
		#content #first p em{
			color:#999;
		}
		#content #first h2{
			background:url(../images/backgrounds/first_header_bg.png) no-repeat -90px -10px;
		}
		/*
		2.1.1 Content: left Column - VIP and Bachelor party button
		----------------------------------------------------*/
		#VIPandBachelor{
			width:260px; height:120px;
			padding:15px 0px 0px 110px;

			background:url(../images/backgrounds/VIPandBachelor_bg.jpg) no-repeat 0px 0px;
		}
		#VIPandBachelor p strong{
			display:block;
			color:#fff;
			font-size:15px;
			font-weight:bold;
			
			background:url(../images/backgrounds/VIPandBachleor_bg.png) no-repeat 0px 0px;
		}
		#VIPandBachelor p{
			color:#424242;
		}
	
	/*
		2.2 Content: Center Column / #second
	----------------------------------------------------*/	
	#content #second{
		width:368px;
		padding:0px 0px 0px 5px;
		
		background:url(../images/backgrounds/second_bg.jpg) no-repeat 0px 81px;
	}
		#content #second h2{
			width:320px;
			font-size:15px;
			color:#fff;
			font-weight:bold;
		}
		
		/*
			2.2.1 Content: center Column - Events DIVS styling
		----------------------------------------------------*/
		#content div.Event{
			width:337px; height:86px;
			padding:10px 5px 10px 10px; margin:0px 0px 10px 5px;
						
			background:#222;
			border-top:1px dotted #333;
			border-bottom:1px dotted #333;
		}
			#content div.Event:hover{
				border-top:1px dotted #555;
				border-bottom:1px dotted #555;
			}
			#content div.Event a.thumbnail{
				float:left;
				display:block;
				width:43px; height:43px;
				padding:4px; margin:0px 10px 0px 0px;
				
				background:#333333;
				border:none;
			}
				#content div.Event:hover a.thumbnail{background:#373737;}
				#content div.Event a.thumbnail:hover{
					background:#444;
						
				}
				#content div.Event a.thumbnail img{
					border:1px solid #666;
				}
				#content div.Event p{
					color:#808183;
					font-size:10px;					
				}
				#content div.Event p strong{
					font-size:11px;
					color:#fff;
					font-weight:bold;
					
				}
				#content div.Event p em{
					font-size:10px;
					color:#85618E; /*pink*/
				}
	 	/*
			2.3 Content: right column / #third
		----------------------------------------------------*/	
		#content #third{
			background:url(../images/backgrounds/third_bg.jpg) no-repeat 0px 81px;
		}
			
			/*
				2.3.1 Content: right column - Club highlights
			----------------------------------------------------*/
			#clubHightlights{ margin:0px 0px 15px 5px; }
			#clubHightlights li{
				padding:0px 0px 0px 10px;
				
				background:url(../images/backgrounds/clubHighlights_li_bg.gif) no-repeat 0px 4px;
				
				color:#808183;
				font-size:11px;
			}
			/*
				2.3.2 Content: right column - Club information
			----------------------------------------------------*/
			#clubInfo{}
			#clubInfo li{
				font-size:11px;
				color:#838484;
				text-align:right;
			}
	

/*----------------------------------------------------------------------------------
	3.0 Footer
----------------------------------------------------------------------------------*/
#footer{
	position:relative;
	clear:both;
	height:35px;
	
	border-top:1px solid #2b4440;
}
	/*
		3.1 Footer: Secondary Navigation
	----------------------------------------------------*/
	#footer	#snav{
		position:absolute;
		top:5px; right:0px;
		width:auto; height:18px;	
	}
		#footer	#snav li{
			width:auto; height:auto;
			float:left;
			
			background:url(../images/backgrounds/pnav_li_bg.jpg) no-repeat right 3px;
		}
		#footer	#snav li a{
			display:block;
			padding:0px 10px 0px 10px;
			
			font-size:11px;
			color:#3E7C70; /*mint green */
			text-decoration:none;
		}
		#footer	#snav li a:hover{
			color:#7FD3C2; /*light mint*/
		}
	/*
		3.2 Footer: Standards compliancy links
	----------------------------------------------------*/
		#standards a{
			display:block;
			float:left;
			font-size:8px;
			margin:5px 3px 3px 3px;padding:1px;
			
			border:1px dotted #444;
			color:#444;
		}
		#standards a:hover{
			color:#666;
			border:1px solid #666;
		}
 
/*----------------------------------------------------------------------------------
	4.0 additional styles for drinkspecials and associated tab toggle
----------------------------------------------------------------------------------*/	
	
		#DrinkSpecials{
			position:absolute;
			top:53px;right:0px;
			width:951px; height:300px;
			z-index:5000;
			border:1px solid #107d77;
			border-top:none;
			border-left:none;
			padding:0px; margin:0px;
			background: url(/images/backgrounds/drinkSpecials2.png) no-repeat top right;
		}
		
		#DrinkSpecials ul{
			width:375px; height:auto;
			padding-left:575px; padding-top:5px;
			overflow:auto;
		}
		#DrinkSpecials p strong{
			color:#fff;
			display:block;
			width:360px;
			margin:10px 0px 0px 575px;
			padding:0px 0px 5px 0px;
			font-size:16px;
			font-weight:bold;
			border-bottom: 1px solid #107d77;
		}
		#DrinkSpecials ul li{
			clear:left;
			margin:0px 0px 5px 0px;
			color:#999;
		}
			#DrinkSpecials ul li span{
				color:#85618E; /*pink*/;
				display:block;
				width:90px;
				
				font-size:13px;
				font-weight:bold;
			}
			#DrinkSpecials ul li em{
				color:#fff;
			}
			#drinkSpecialToggle{
				display:block;
				position:absolute;
				top:350px; right:25px;
				margin:0px 0px 0px 0px;
				width:110px; height:19px;
				padding:9px 0px 0px 0px;
				font-size:9px;
				text-align:center;
				background:  url(/images/buttons/toggleTab.gif) no-repeat 0px 0px;
				text-decoration:none;
				color:#777;
				z-index:500;
			}
				#drinkSpecialToggle:hover{
					color:#bbb;
					background:  url(/images/buttons/toggleTab_hover.gif) no-repeat 0px 0px;
				}

#IE6_error{display:none;}