/*	eliquid.com CSS Selectors global styles */


/* Imports
----------------------------------------*/
@import url("reset.css");


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

html, body {
	background: #FFF url(images/nav/bkgnd-main.gif) repeat-x;
	text-align: center;
}


/*	eliquidMEDIA 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: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #00F; }
.eli2 {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #084; }


/*	clearHacks
------------------------------------------------------------------------------- */

/* Put ** overflow: auto; ** in any div containing floats to have them auto-magically cleared  */

/* -- <img src="images/spacer15.gif" width="1" height="1" border="0" class="clearHack" /> -- */

.clearHack { 
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/*	Forms
------------------------------------------------------------------------------- */

input, textarea, select, option {
	background-color: #FAFAFA; 
	border: 1px solid #BBB;
	padding: 1px;
} 

input:focus, textarea:focus, select:focus, option:focus, 
input:hover, textarea:hover, select:hover, option:hover {
	border: 1px solid #000;
	background-color: #FFF; 
} 

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


/*	layout
------------------------------------------------------------------------------- */

#site_page {
	margin: 0 auto;
	width: 860px;
	/* margin-bottom:-422px !important; --- temp fix */
}


/*	header
------------------------------------------------------------------------------- */

#header {
	width: 860px;
}

	#top_bar {
		width: 860px;
		height: 40px;
	}
	
		#top_tel {
			float: left;
			width: 400px;
			text-align: left;
			font: 26px/40px Tahoma, Arial, sans-serif;
			color: #3E7CBB;
		}
		
		#top_nav {
			float: right;
			width: 400px;
			text-align: right;
		}
		
			#top_nav ul {
				margin: 0;
				padding: 10px 0 0 0;
				border: 0;
				width: 400px;
				height: 30px;
				text-align: right;
				list-style-type: none;
			}
			
			#top_nav ul li {
				display: block;
				float: right;
				margin: 0;
				padding: 0;
				border: 0;
				width: 90px;
				text-align: center;
			}
			
			#top_nav ul li a {
				display: block;
				margin: 0;
				padding: 0 8px;
				border-left: 1px dotted #C9C199;
				width: auto;
				height: 20px;
				font: 12px/20px "Trebuchet MS", Helvetica, sans-serif;
				text-decoration: none;
				color: #FF8000;
			}
			
			#top_nav ul li a:hover {
				background: #FFF;
				color: #C80000;
			}
			
			#top_nav ul li a span {
				font-weight: bold !Important;
				color: #3E7CBB !Important;
			}
			
			#top_nav ul li a:hover span {
				color: #69C !Important;
			}


/*	menu
------------------------------------------------------------------------------- */

	#menu_bar {
		clear: both;
		margin-top: 25px;
		width: 860px;
	}
	
		#menu_bar_nav {
			float: left;
			width: 560px;
			text-align: left;
		}
		
			#menu_bar_nav ul {
				margin: 0;
				padding: 58px 0 0 0;
				border: 0;
				width: 560px;
				height: 25px;
				text-align: left;
				list-style-type: none;
			}
			
			#menu_bar_nav ul li {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
				border: 0;
				width: 90px;
				text-align: center;
			}
			
			#menu_bar_nav ul li a {
				display: block;
				margin: 0;
				padding: 0 8px;
				border-left: 1px dotted #C9C199;
				width: auto;
				height: 24px;
				font: bold 16px/24px "Trebuchet MS", Helvetica, sans-serif;
				text-decoration: none;
				color: #FF8000;
			}
			
			#menu_bar_nav ul li a:hover {
				background: #FFF;
				color: #C80000;
			}
			
			#menu_bar_nav ul li a span {
				font-weight: bold !Important;
				color: #3E7CBB !Important;
			}
			
			#menu_bar_nav ul li a:hover span {
				color: #69C !Important;
			}
		
		#logo {
			float: right;
			width: 295px;
			text-align: center;
		}


/*	banner - flash
------------------------------------------------------------------------------- */

#banner {
	clear: both;
	position: relative;
	width: 860px;
	height: 280px;
	overflow: hidden;
	z-index: 0;
}


/*	content
------------------------------------------------------------------------------- */

#content {
	clear: both;
	margin-bottom: 15px;
	width: 860px;
	background: url(images/nav/bkgnd-content.gif) repeat-y;
}

	#content_div {
		padding: 5px 0 0 0;
		width: 860px;
		min-height: 300px;
		background: url(images/nav/bkgnd-content-top.gif) no-repeat;
		text-align: left;
	}
	
	#left {
		float: left;
		padding-top: 30px;
		width: 565px;
		text-align: left;
	}
	
	#right {
		float: right;
		padding-top: 30px;
		width: 270px;
		text-align: right;
	}
	
		.side_box {
			clear: both;
			margin: 0 0 15px 15px;
			padding: 0 0 15px 0;
			border-bottom: 1px dotted #CCC;
			width: 250px;
			text-align: left;
			overflow-x: hidden;
			cursor: pointer;
			cursor: hand;
		}
		
		.side_box h4, .side_box p { margin: 0; }
		.side_box p { font-weight: bold; color: #666; }
		.side_box:hover p { font-weight: bold; color: #000; }
		
		.side_box_gfx {
			clear: both;
			margin: 0 0 15px 15px;
			padding: 0;
			width: 250px;
			text-align: center;
		}
		


/*	footer
------------------------------------------------------------------------------- */

#footer {
	clear: both;
	padding-bottom: 15px;
	width: 860px;
	min-height: 130px;
	background: url(images/nav/bkgnd-footer.png) no-repeat;
}

	#footer_addy1 {
		float: left;
		padding: 20px 0 0 10px;
		width: 200px;
		text-align: left;
		font: 11px/16px "Trebuchet MS", Helvetica, sans-serif;
		color: #000;
	}
	
	#footer_addy2 {
		float: left;
		padding: 20px 0 0 10px;
		width: 215px;
		text-align: left;
		font: 11px/16px "Trebuchet MS", Helvetica, sans-serif;
		color: #000;
	}
	
	#footer_copy {
		float: right;
		padding: 85px 10px 0 0;
		width: 400px;
		text-align: right;
		font: 11px/16px "Trebuchet MS", Helvetica, sans-serif;
		color: #000;
	}
	
	#footer_addy1 a, #footer_addy2 a, footer_copy a {
		font: 11px/16px "Trebuchet MS", Helvetica, sans-serif;
	}