/*	eliquid.com CSS Selectors global styles */

@charset "utf-8";

* div, form {
	margin: 0;
	padding: 0;
	border: 0;
}

/*	body
------------------------------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	border-style: none;
	border-color: #000;
	text-align: left;
	width: 100%;
	height: 100%;
	background: #0d0d0d;
	}

body, div, td
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

object {
	margin: 0;
	padding: 0;
	border: 0;
	border-style: none;
	border-color: #000;
}

/*	links
------------------------------------------------------------------------------- */

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #f0d280; 
	text-decoration: none;
}

/*	-- For Designed By Link -- */
/* -- <a href="http://www.eliquid.com" target="_blank" style="text-decoration:none"><span class="eli1">eliquid</span><span class="eli2">MEDIA</span></a> -- */

.eli1 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCC; }
.eli2 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #EEE; }


/*	misc
------------------------------------------------------------------------------- */

img { border: 0; }

hr {  
	color: #000000; 
	height: 1px
}

.clearHack {  /* use with <img src="images/spacer15.gif" width="1" height="1" border="0" class="clearHack" /> */
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

input, textarea, select, option {
	margin: 3px 0;
	font-size: 12px;
	font-family: Tahoma, arial,helvetica, sans-serif;
	color : #000;
	background-color: #F0F0F0; 
	border: 1px solid #bbb;
	padding: 1px;
} 

input:focus, textarea:focus, select:focus, option:focus, 
input:hover, textarea:hover, select:hover, option:hover {
	font-size: 12px;
	font-family: Tahoma, arial,helvetica, sans-serif;
	color : #000; 
	background-color:#FFF; 
	border: 1px solid #f0d280;
	padding: 1px;
} 

input.clear { background-color:#FFF; border : none; }



/*	layout
------------------------------------------------------------------------------- */
#container {
	margin:auto;
	width:955px;
	background-color:#121212;
}

#main {
	width:955px;
	height:540px;
	background-color:#000000;
}

	#contentarea {
		width: 955px;
		height: 540px;
		overflow: hidden;
	}

#splash {
	margin: auto;
	width: 405px;
	height: 540px;
}

.tempimage {
	float:left;
	width:955px;
	height:480px;
	padding:0;
}

/* header */
#topnav {
	float:left;
	width:955px;
	height:61px;
}

#logo {
	float:left;
	width:252px;
	border:none;
	padding:0;
}

#homeblurb {
	float:left;
	width:683px;
	height:53px;
	padding:8px 10px 0 10px;
	font-style:italic;
	line-height:125%;
	background:url(images/header-bg.gif) no-repeat;
}

#topnavflash {
	float:left;
	width:703px;
	height:61px;
	background:url(images/header-bg.gif) no-repeat;
}

/* main content */

#content {
	float:left;
	width:955px;
	height:480px;
}

#content p {
	margin:0 0 9px 0;
}

#content-splash {
	float:left;
	width:955px;
	height: 500px;
}

/* footer */
#footer {
	float: left;
	width:955px;
	height:19px;
	background-color:#706853;
	z-index:2;
}

#footer2 {
	float: left;
	width:865px;
	height:19px;
	background-color:#706853;
	z-index:1;
}

#musicplayer {
	float:left;
	width:90px;
	height:19px;
	background-color:#706853;
	z-index:3;
}

#splashfoot {
	float:left;
	width:80px;
	height:19px;
	padding-top:2px;
	padding-left:348px;
	white-space: nowrap;
}

#splashfoot a:link,
#splashfoot a:active,
#splashfoot a:visited, {
	color: #000;
	text-decoration: none;
}

#splashfoot a:hover {
	color: #f0d280; 
	text-decoration: none;
}

#bottomnav {
	float:left;
	width:750px;
	height: 19px;
}

#bottomlist {
	float:left;
	width:750px;
	height:19px;
	margin-top:3px;
}

#bottomlist ul {
	width:390px;
	margin:0 auto;
	padding:0;
    border:0;
    list-style-type:none;
}

#bottomlist ul li {
    float:left;
    margin:0;
    padding:0;
    display:block;
}

#bottomlist ul li a {
    padding:0px 7px;
    display:block;
    text-align:center;
    text-decoration:none;
	border-right:1px solid #FFF;
}

	#bottomlist a:active,a:link {
	color: #fff;
	}
	
	#bottomlist a:hover{
	color: #f0d280;
	}

#bottomright {
	float:right;
	width:105px;
	height:19px;
	padding-right:3px;
	padding-top:3px;
}

#bottomright a {
	color: #fff;
	}
	
	#bottomright a:hover{
	color: #f0d280;
	}


/* added styles by leila - dec 20. 2007
------------------------------------------------------------*/

		#main-content-list ul{
		margin: 0 0 0 14px;
		padding: 0;
		list-style: square;
		}
	
	#main-subnav {
	float: left;
	width: 198px;
	margin: 12px 0 0 12px;
	}
	
	#main-subnav h3 {
		margin: 5px 0;
		padding: 0;
		font: normal 18px Georgia, "Times New Roman", Times, serif;
		color: #f0d280;
		margin: 15px 0;
	}	
		#main-subnav-list ul{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		#main-subnav-list ul li{
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
		
		#main-subnav-list ul li a{
		display: block;
		padding: 3px 0 3px 10px;
		color: #fff;
		text-decoration: none;
		}
		
		#main-subnav-list ul li a:hover{
		color: #f0d280;
		background: #333;
		}
		
		#main-subnav-list ul li.large a{
		font: normal 18px Georgia, "Times New Roman", Times, serif;
		color: #f0d280;
		}
		
		#main-subnav-list ul li.large a:hover{
		font: normal 18px Georgia, "Times New Roman", Times, serif;
		color: #706853;
		}

/* -------------------------------------- */
#main-subnav-list ul ul li{
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		}

#main-subnav-list ul ul li a{
		display: block;
		padding: 3px 0 3px 20px;
		color: #ffc;
		text-decoration: none;
		}
		
		#main-subnav-list ul ul li a:hover{
		color: #f0d280;
		background: #333;
		}
/* -------------------------------------- */
		
		#mod_login_username {
		width: 140px;
		}
		
		#mod_login_password {
		width: 140px;
		}
		
	.main-title {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #f0d280;
	}

	#pop-up-content{
	width: 640px;
	height: 454px;
	margin: 10px;
	font: normal 12px 'Trebuchet MS',Helvetica,sans-serif;
	line-height: 1.4em;
	color: #fff;
	}
	#pop-up-main{
	text-align: left;
	}
	
	#pop-up-nav{
	margin-top: 0px;
	font: normal 14px 'Trebuchet MS',Helvetica,sans-serif;
	color: #f0d280;
	}
		#pop-up-nav a{
		font: bold 14px 'Trebuchet MS',Helvetica,sans-serif;
		color: #fff;
		}

/* hide show */	

.hideshow{
margin-bottom: 5px;
color: #f0d280;
line-height: 1.2em;
}

.handcursor{
cursor:hand;
cursor:pointer;
}

/* background images*/
#main-about{
height: 480px;
width: 955px;
background: url(images/about_bg.jpg) no-repeat;
}

#main-amenities{
height:480px;
width: 955px;
background: url(images/amenities_bg.jpg) no-repeat;
}

#main-gallery{
height: 480px;
width: 955px;
background: url(images/gallery_bg.jpg) no-repeat;
}

#main-membership{
height: 480px;
width: 955px;
background: url(images/membership_bg.jpg) no-repeat;
}

#main-general{
height: 480px;
width: 955px;
background: url(images/standard_bg.jpg) no-repeat;
}

/* --- edits by Lubos --- */

#main-content3 {   /* for the gallery page*/
	float: left;
	width: 430px;
	height: 465px;
	margin: 10px 10px 0 295px;
	font: normal 12px 'Trebuchet MS',Helvetica,sans-serif;
	line-height: 1.4em;
	color: #fff;
	padding:5px 0 0 0;
}
	#gallery-image img {
	margin: 1px;
	}

#main-content2 {
	float: left;
	width: 670px;
	height: 465px;
	margin: 10px 0 0 60px;
	font: normal 12px 'Trebuchet MS',Helvetica,sans-serif;
	line-height: 1.4em;
	color: #fff;
	padding:5px 0 0 0;
}

#main-content2 a {
	color: #f0d280;
	text-decoration: none;
}

#main-content2 a:hover {
	color: #F1DCA3; 
	text-decoration: underline;
}

#main-content2 h3{
font-size: 12px;
padding: 0;
margin: 0;
}

.smallanswer {
	font-size:10px;
	line-height: 1.3em;
}

#links1 {
	float:left;
	width:468px;
	margin:50px 7px 0 6px;
}

#links2 {
	float:left;
	width:468px;
	margin:50px 0 0 0;
}

.linksbanner {
	padding:0 0 10px 0;
}

#amenitiesflash {
	width:745px;
	height:480px;
	float:left;
}

.style1 {color: #FF0000}
