/*	eliquid.com CSS Selectors global styles */

* {
	margin: auto;
	padding: 0;
	border: 0;

}  /* removes defaults from all elements */



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

body {
 
    font: 12px Arial, Helvetica, sans-serif;
	color: #8E191D;
	text-align: center;
	background: url(images/gradient-bg.jpg) repeat-x;
	}


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

a,a:visited,
a:active,
a:link {
	color: #136E98;
	text-decoration: underline;
}

a:hover {
	color: #56B4DF; 
	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: #656F2F; }
.eli2 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8E1A1C; }

.owep{ float:left; font-size: 11px; color:#7B2032; padding: 10px 0px 0px 10px; }

.eliquid { float:right; padding: 10px 10px 0px 0px;}

.black {
color: #000;
}


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

hr {  
	background: #CCCCCC;
	border: none;
	color: #CCCCCC; 
	height: 1px
}

input, textarea, select, option {
	font-size: 12px;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color : #A06541; 
	background-color: #F5F5F5;
	border: 1px solid #A06541;
} 

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

td { padding: 3px;}

p {
margin: 10px 0px 10px 0px;
}

h2 {
color: #656F30;
font-family: 'Georgia', Arial, Helvetica, sans-serif; 
font-size: 30px;
font-style: italic;
padding-left: 20px;
}

h3 {
margin: 0;
color: #9B9E7C;
font-family: 'Georgia', Arial, Helvetica, sans-serif; 
font-size: 15px;
}

.list ul{
list-style: none;
margin: 0;
padding: 0;
}

.list ul li {
background-image: url(images/bullet-pink.gif);
background-repeat: no-repeat;
padding-left: 15px;
}


.tag {
text-align: center;
color: #9B9E7C;
font-family: 'Georgia', Arial, Helvetica, sans-serif; 
font-size: 18px;
font-style: italic;
}

blockquote {
  margin: 5px;
  background: transparent url(images/quote-left.gif) left top no-repeat;
}
blockquote div {
  padding: 0px 55px 0px 65px;
  margin: 0;
  background: transparent url(images/quote-right.gif) right bottom no-repeat;
}



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



#container {
width: 800px;
}


#copyright{
width: 800px;
height: 40px;
}


#home-link {
float:left;
width: 412px;
height: 90px;
margin-left: 190px;
margin-top:  50px;
}


/*	front navigation styling
------------------------------------------------------------------------------- */

#fnav-header {
width: 800px;
height: 150px;
background: url(images/fnav/header.jpg) no-repeat;
text-align:right;
}

#fnav-tagline {
width: 800px;
height: 113px;
background: url(images/fnav/tag-line.jpg) no-repeat;
}

#fnav-portal {
width: 800px;
height: 271px;
background: url(images/fnav/portal.jpg) no-repeat;
}

#fnav-footer {
width: 800px;
height: 20px;
background: url(images/fnav/footer.jpg) no-repeat;
}

/*  code to use for table mnu.....
<td class="mnu1-off" onMouseOver="this.className='mnu1-on'" onMouseOut="this.className='mnu1-off'"><a href="#"><img src="images/spacer.gif" border="0" width="164" height="75" alt="#" /></a></td>
*/

#contact {
	padding: 34px 18px 0 0;
}
	#contact a {
		text-decoration: none;
		color:#de766d;
	}

.mnu-weddings-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	height: 64px;
	background: url(images/fnav/mnu-weddings.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu-weddings-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	height: 64px;
	background: url(images/fnav/mnu-weddings-on.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu-dest-weddings-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	height: 64px;
	background: url(images/fnav/mnu-dest-weddings.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu-dest-weddings-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	height: 64px;
	background: url(images/fnav/mnu-dest-weddings-on.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}


.mnu-special-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	height: 64px;
	background: url(images/fnav/mnu-special.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu-special-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	height: 64px;
	background: url(images/fnav/mnu-special-on.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}

/*	inside page navigation styling
------------------------------------------------------------------------------- */


#fnav-header2 {
width: 800px;
height: 37px;
background:url(images/inav/header-2.jpg) no-repeat;
}

#content {
width: 800px;
background-color:#FFFFFF;
}

#inav-footer {
width: 800px;
height: 18px;
background:url(images/inav/inav-footer.gif) no-repeat;
}



#navigation {
width: 800px;
height: 34px;
background: #DADCC6;
border-bottom: 3px #9B9F7C solid;
}

		#navigation-mnu {
			margin: 0 0 0 0;
			height: 34px;
		}
		
		#navigation-mnu ul {
			border: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#navigation-mnu ul li {
			display: block;
			margin: 0;
			padding: 0;
			border: 0;
			float: left;
			text-align: center;
		}
		
		#navigation-mnu ul li a {
			display: block;
			margin: 0;
			padding: 0;
			width: 90px;
			height: 34px;
			text-align: center;
			font: bold 12px/34px Tahoma, Arial, helvetica, sans-serif;
			color: #770E18;
			text-decoration: none;
		}
			#navigation-mnu ul li.alt a {
			display: block;
			margin: 0;
			padding: 0;
			width: 90px;
			height: 34px;
			text-align: center;
			font: bold 12px/34px Tahoma, Arial, helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			background: #D8857D;
			}
		
		#navigation-mnu ul li a:hover {
			color: #770E18;
			background: #FCFFE0;
		}
			#navigation-mnu ul li.alt a:hover {
			color: #fff;
			background: #8D191D;
			}
		
		#navigation-mnu li#active a {
			color: #770E18;
			background: #FCFFE0;
		}
			#navigation-mnu li.alt-active a{
			color: #fff;
			background: #8D191D;
			}
		
		#navigation-mnu li#active a:hover {
			color: #770E18;
			background: #FCFFE0;
		}
			#navigation-mnu li.alt-active a:hover {
			color: #fff;
			background: #8D191D;
			}
		

/*	sub nav page navigation styling
------------------------------------------------------------------------------- */

		
#subnav{
margin-left: 28px;
width: 240px;
height: 150px;
}

		#subnav-mnu {
			margin: 0 0 0 0;
			height: 34px;
		}
		
		#subnav-mnu ul {
			border: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#subnav-mnu ul li {
			display: block;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		#subnav-mnu ul li.title {
			display: block;
			margin: 0;
			padding: 5px;
			text-align: left;
			font: bold 14px Tahoma, Arial, helvetica, sans-serif;
			color: #848867;
		}
		
		#subnav-mnu ul li a {
			display: block;
			margin: 0;
			padding: 5px;
			text-align: left;
			font: normal 12px Tahoma, Arial, helvetica, sans-serif;
			color: #9B9F7C;
			text-decoration: none;
			border-bottom: 1px #9B9F7C solid;
		}
		
		#subnav-mnu ul li a:hover {
			color: #770E18;
			border-bottom: 1px #770E18 solid;
		}
		
		#subnav-mnu li#active a {
			color: #770E18;
			border-bottom: 1px #770E18 solid;
		}
		
		#subnav-mnu li#active a:hover {
			color: #770E18;
			border-bottom: 1px #770E18 solid;
		}		

/*  code to use for table mnu.....
<td class="mnu1-off" onMouseOver="this.className='mnu1-on'" onMouseOut="this.className='mnu1-off'"><a href="#"><img src="images/spacer.gif" border="0" width="164" height="75" alt="#" /></a></td>
*/

.mnu1-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 65px;
	height: 34px;
	background: url(images/inav/mnu1-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu1-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 65px;
	height: 34px;
	background: url(images/inav/mnu1-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu2-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 64px;
	height: 34px;
	background: url(images/inav/mnu2-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu2-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 64px;
	height: 34px;
	background: url(images/inav/mnu2-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu3-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 68px;
	height: 34px;
	background: url(images/inav/mnu3-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu3-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 68px;
	height: 34px;
	background: url(images/inav/mnu3-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu4-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 105px;
	height: 34px;
	background: url(images/inav/mnu4-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu4-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 105px;
	height: 34px;
	background: url(images/inav/mnu4-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu5-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 78px;
	height: 34px;
	background: url(images/inav/mnu5-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu5-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 78px;
	height: 34px;
	background: url(images/inav/mnu5-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu6-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 99px;
	height: 34px;
	background: url(images/inav/mnu6-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu6-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 99px;
	height: 34px;
	background: url(images/inav/mnu6-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu7-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 183px;
	height: 34px;
	background: url(images/inav/mnu7-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu7-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 183px;
	height: 34px;
	background: url(images/inav/mnu7-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu8-off {
	margin: 0;
	padding: 0;
	border: 0;
	width: 138px;
	height: 34px;
	background: url(images/inav/mnu8-off.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}

.mnu8-on {
	margin: 0;
	padding: 0;
	border: 0;
	width: 138px;
	height: 34px;
	background: url(images/inav/mnu8-on.gif) no-repeat;
	cursor:pointer; 
	cursor:hand;
}