/*	eliquid.com CSS Selectors global styles */


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


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

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


/*	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/nav/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: #F0F0F0; 
	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;
} 

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


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

#main {
	width: 100%;
	padding-bottom: 5px;
	z-index: 0;
}

#top_logo {
	width: 100%;
	height: 130px;
	text-align: center;
}

#top_ilogo {
	margin: 0 auto;
	width: 879px;
	height: 130px;
	text-align: center;
}

	#int_logo {
		float: left;
		width: 344px;
		height: 130px;
	}
	
	#int_flash {
		float: right;
		padding-top: 9px;
		width: 535px;
		height: 120px;
	}

#box {
	clear: both;
	margin: 0 auto;
	width: 879px;
	background: #FFF url(../images/nav/bkgnd-box-hd.png) no-repeat;
	text-align: left;
	overflow-x: hidden;
}

	/* Main Menu ------------------------------------------- */
	
	#menu {
		width: 879px;
		height: 36px;
		text-align: center;
	}
	
	#menu ul {
		float: right;
		margin: 0 10px 0 0;
		padding: 0;
		width: 641px;  /* with Gallery = width: 747px; */
		height: 36px;
		text-align: center;
	}
	
	#menu ul li {
		float: left;
		display: block;
		margin: 0;
		text-align: center;
		list-style-type: none;
	}
	
	#menu ul li.mdiv {
		margin: 6px 2px 0 2px;
		border-right: 1px dotted #333;
		width: 1px;
		height: 24px;
	}
	
	#menu ul li a {
		display: block;
		margin: 0;
		width: 90px; /* default width - set width in <a> */
		height: 36px;
		font: italic 18px/36px Georgia, "Times New Roman", Times, serif;
		color: #E4E6D1;
		text-decoration: none;
	}
	
	#menu ul li a:hover, #menu ul li a.current, #menu ul li a.current:hover {
		background: #222 url(../images/nav/mnu-mo.gif) repeat-x;
		color: #FFF;
	}
	
	/* Content Area ------------------------------------------- */
	
	#box_content {
		clear: both;
		margin: 0;
		padding: 20px 0 5px 10px;
		width: 859px;
		overflow-x: hidden;
		text-align: left;
	}
	
		/* Front Copy ------------------------------------------- */
		
		#front_col_left {
			float: left;
			width: 240px;
			text-align: left;
			overflow-x: hidden;
		}
		
		#front_col_right {
			float: right;
			width: 612px;
			text-align: left;
			overflow-x: hidden;
		}
		
			#front_flash {
				margin: 0 0 10px 0;
				width: 606px;
				height: 306px;
				background: url(../images/nav/front-flash.png) no-repeat;
				overflow: hidden;
			}
			
			#front_clip1 {
				float: left;
				padding: 0 10px 0 10px;
				border-left: 1px solid #CCC;
				border-right: 1px solid #CCC;
				width: 290px;
				text-align: left;
				overflow-x: hidden;
			}
			
			#front_clip2 {
				float: right;
				padding: 0;
				width: 290px;
				text-align: left;
				overflow-x: hidden;
			}
			
			/* Content Area Sub Menu ------------------------------------------- */
			
			#sub_menu {
				margin-bottom: 10px;
				padding-bottom: 5px;
				border-bottom: 1px dotted #C6CA9B;
				width: 858px;
				height: 18px;
				text-align: center;
			}
			
			#sub_menu ul {
				margin: 0;
				padding: 0;
				width: 858px;
				height: 18px;
				text-align: center;
			}
			
			#sub_menu ul li {
				float: right;
				display: block;
				margin: 0;
				text-align: center;
				list-style-type: none;
			}
			
			#sub_menu ul li.mdiv {
				margin: 4px 2px 0 2px;
				border-right: 1px dotted #100;
				width: 1px;
				height: 10px;
			}
			
			#sub_menu ul li a, #sub_menu ul li.sm_heading {
				display: block;
				margin: 0;
				width: 90px; /* default width - set width in <a> */
				height: 18px;
				font: 12px/18px Georgia, "Times New Roman", Times, serif;
				color: #500;
				text-decoration: none;
			}
			
			#sub_menu ul li a:hover , #sub_menu ul li a.sub-current, #sub_menu ul li a.sub-current:hover{
				background: #FFF;
				color: #C80000;
			}
			
			/* Internal Copy ------------------------------------------- */
			
			#int_full {
				width: 858px;
				overflow-x: hidden;
				text-align: left;
			}
			
			#int_half {
				float: left;
				margin-right: 10px;
				width: 634px;
				overflow-x: hidden;
				text-align: left;
			}
			
			#int_col1 {
				float: left;
				margin-right: 10px;
				width: 415px;
				overflow-x: hidden;
				text-align: left;
			}
			
			#int_col2 {
				float: left;
				width: 212px;
				overflow-x: hidden;
				text-align: left;
			}
			
			#int_col3 {
				float: left;
				margin-left: 10px;
				width: 212px;
				overflow-x: hidden;
				text-align: left;
			}
			
			/* Internal Copy - misc divs ------------------------------------------- */
			
			.thumb {
				width: 206px;
				height: 159px;
				/* background: url(../images/nav/thumbs.png) no-repeat; */
			}
			

#box_footer {
	clear: both;
	margin: 0 auto 10px auto;
	padding-top: 8px;
	width: 879px;
	height: 17px;  /* height: 25px */
	background: url(../images/nav/box-btm.gif) no-repeat;
	text-align: left;
	font: 11px "Trebuchet MS", Helvetica, sans-serif;
	color: #999;
}

/* Footer ------------------------------------------- */

#footer {
	clear: both;
	margin: 5px 0 0 0;
	width: 100%;
	height: 125px;  /* -135px */
	padding-top: 10px;
	background: url(../images/nav/bkgnd-footer.gif) repeat-x;
	z-index: 2;
}


	#footer #footer_left, #footer #footer_right, #footer #footer_copy {
		font: 10px "Trebuchet MS", Helvetica, sans-serif;
		color: #FFF;
	}
	
	#footer_left {
		float: left;
		width: 49.5%;
		text-align: left;
	}
	
	#footer_right {
		float: right;
		padding: 0 20px 0 0;
		width: 48%;
		text-align: right;
	}
	
		/* Footer Menu ------------------------------------------- */
		
		#footer_menu {
			width: 100%;
			height: 18px;
			text-align: center;
		}
		
		#footer_menu ul {
			float: right;
			margin: 0;
			padding: 0;
			width: 441px; /* with Gallery = width: 517px; */
			height: 18px;
			text-align: center;
		}
		
		#footer_menu ul li {
			float: left;
			display: block;
			margin: 0;
			text-align: center;
			list-style-type: none;
		}
		
		#footer_menu ul li.mdiv {
			margin: 4px 2px 0 2px;
			border-right: 1px dotted #100;
			width: 1px;
			height: 10px;
		}
		
		#footer_menu ul li a {
			display: block;
			margin: 0;
			width: 90px; /* default width - set width in <a> */
			height: 18px;
			font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
			color: #E4E6D1;
			text-decoration: none;
		}
		
		#footer_menu ul li a:hover {
			background: #280000;
			color: #FFF;
		}
	
	#footer_copy {
		clear: both;
		padding: 5px 0;
		text-align: center;
	}