/* hide from ie on mac \*/
html {
	height: 100%;
	overflow: auto;
}
/* end hide */

#flashcontent {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width:  100%;
}

/*html, body{
	margin: 0px;
	padding: 0px;
	text-align:center;
}

body {
	height: 100%;
	background-color: #ffffff;
	text-align:center;
	color:#333333;
}

#flashObjectText{
	height: 100%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	padding:15px;
	text-align:center;
}*/

html {margin: 0; padding: 0;}

body {margin:0 auto 0 auto;	padding:0px; position: relative; color:#121212;	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height: 100%;}

#wrapper_htmlversion_bg {background: url(images/bg.jpg) repeat-x #fff; margin: 0; padding: 0;}

#wrapper{
	width:792px;
	text-align:left;
	margin: 0 auto 0 auto;
}

/* Begin Header Styles */

	#header{
		margin: 0 auto 0 auto;
		padding: 0;
		height: 102px;
		width: 792px;
	}

/* End Header Styles */

/* Nav Styles */

	#nav { width: 572px; height: 32px; padding: 1px 0 0 148px; margin: 0 auto 0 auto; position: relative;}
		
	#nav ul { padding: 0; margin: 0 auto 0 auto; display: inline;}
		
	#nav ul li { display: inline; list-style-image: none; float: left; }
		
	#nav li a, #nav li a:link {	background-repeat: no-repeat; display: block; text-decoration: none; height: 32px; }
		
	#nav li.home a {width:45px; height: 32px; background: url("images/nav/nav_home.gif") 0 0 no-repeat;}
	#nav li.home a:hover {background-position: 0 -32px;}
	
	#nav li.myhpnotiq a {width:78px; height: 32px; background: url("images/nav/nav_myhpnotiq.gif") 0 0 no-repeat;}
	#nav li.myhpnotiq a:hover {background-position: 0 -32px;}
	
	#nav li.instantwin a {width:74px; height: 32px; background: url("images/nav/nav_instantwin.gif") 0 0 no-repeat;}
	#nav li.instantwin a:hover {background-position: 0 -32px;}
	
	#nav li.join a {width:41px; height: 32px; background: url("images/nav/nav_join.gif") 0 0 no-repeat;}
	#nav li.join a:hover {background-position: 0 -32px;}

	#nav li.events a {width:57px; height: 32px; background: url("images/nav/nav_events.gif") 0 0 no-repeat;}
	#nav li.events a:hover {background-position: 0 -32px;}
	
	#nav li.recipes a {width:92px; height: 32px; background: url("images/nav/nav_recipes.gif") 0 0 no-repeat;}
	#nav li.recipes a:hover {background-position: 0 -32px;}
	
	#nav li.style a {width:50px; height: 32px; background: url("images/nav/nav_style.gif") 0 0 no-repeat;}
	#nav li.style a:hover {background-position: 0 -32px;}
	
	#nav li.store a {width:97px; height: 32px; background: url("images/nav/nav_store.gif") 0 0 no-repeat;}
	#nav li.store a:hover {background-position: 0 -32px;}
	
	#nav li.bulletinboard a {width:105px; height: 32px; background: url("images/nav/nav_bulletinboard.gif") 0 0 no-repeat;}
	#nav li.bulletinboard a:hover {background-position: 0 -32px;}
	
	#nav li.contact a {width:131px; height: 32px; background: url("images/nav/nav_contact.gif") 0 0 no-repeat;}
	#nav li.contact a:hover {background-position: 0 -32px;}
	
	#nav ul li a em {visibility: hidden;}
		
/* End Nav Styles */

	#content{ width:792px;}

/* About Section Styles */

	#about {background: url(images/main_graphic.jpg) no-repeat; width: 792px; height: 303px;}
	
	#about_text {position: relative; width: 432px; padding: 52px 0 0 253px;}
	
	#about_text p {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #494949;}

/* End About Section Styles */

/* Drink Recipes Section Styles */

	#drink_recipes { width: 713px; height: 100%; border-bottom: 1px solid #ededed; margin: 0 auto 0 auto;}
	
	#top_row, #bottom_row {width: 713px; position: relative;}
		
	#drink_recipes ul { padding: 0; margin: 0; display: inline; }
		
	#drink_recipes ul li { display: inline; list-style-image: none; float: left; margin: 0 0 0 39px; text-align: center;}
			
	#drink_recipes li a, #drink_recipes li a:link, #drink_recipes li span.title {background-repeat: no-repeat; display: block; text-decoration: none; width: 102px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; letter-spacing: -1px;}
		
	#drink_recipes li.drinkone a {display:block; width:102px; height: 147px; background: url(images/recipe_bluebreeze.gif) 0 0 no-repeat;}
	
	#drink_recipes li.drinkone a:hover {background-position: 0 -147px;}
	
	#drink_recipes li.drinktwo a {display:block; width:102px; height: 147px; background: url(images/recipe_bluestorm.gif) 0 0 no-repeat;}
	
	#drink_recipes li.drinktwo a:hover {background-position: 0 -147px;}
	
	#drink_recipes li.drinkthree a {display:block; width:102px; height: 147px; background: url(images/recipe_bubbles.gif) 0 0 no-repeat;}
	
	#drink_recipes li.drinkthree a:hover {background-position: 0 -147px;}
	
	#drink_recipes li.drinkfour a {display:block; width:102px; height: 147px; background: url(images/recipe_hpnorita.gif) 0 0 no-repeat;}
	
	#drink_recipes li.drinkfour a:hover {background-position: 0 -147px;}
	
	#drink_recipes li.drinkfive a {display:block; width:102px; height: 147px; background: url(images/recipe_hpnotini.gif) 0 0 no-repeat;}
	
	#drink_recipes li.drinkfive a:hover {background-position: 0 -147px;}

/* End Drink Recipes Section Styles */

/* Events Section Styles */

	#events { width: 738px; height: 100%; border-bottom: 1px solid #ededed; margin: 0 auto 0 auto;}
	
	#content > #events { width: 713px;}
	
	.events_briefs { width: 214px; float: left; margin: 0 23px 0 0; padding: 0;}
	
	.briefs_content { width: 203px; background: url(images/event_bg.gif) bottom center no-repeat #d7f5fd; padding: 1px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	
	.breifs_content a, .breifs_content a:link, .breifs_content a:active {color: #0a3244; text-decoration: none; font-weight: bold;}
	
	.briefs_content a:hover { color: #4bd9f8; text-decoration: underline; font-weight: bold;}
	
/* End Events Section Styles */

/* Party Style Guide Section Styles */

	#party_guides { width: 748px; height: 100%; border-bottom: 1px solid #ededed; margin: 0 auto 0 auto;}
	
	#content > #party_guides { width: 713px;}
	
	#left_column {width: 338px; float: left;}
	
	#right_column {width: 288px; float: left;}
	
	.partyguide_briefs { width: 288px; float: left; margin: 0 0 23px 23px; padding: 0 0 0 0;}
	
	#left_column > div.partyguide_briefs, #right_column > div.partyguide_briefs {margin: 0 0 23px 43px;}
	
	.partyguide_content { width: 268px; background: url(images/partystyle_bg.gif) bottom center no-repeat #d7f5fd; padding: 1px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	
	.partyguide_content a, .partyguide_content a:link, .partyguide_content a:active {color: #0f80b1; text-decoration: none;}
	
	.partyguide_content a:hover { color: #0f80b1; text-decoration: underline;}
	
/* End Party Style Guide Section Styles */

/* Store Section Styles */

	#store { width: 713px; height: 100%; margin: 0 auto 0 auto;}
			
	#store a, #store a:link, #store a:active {color: #0f80b1; text-decoration: none;}
	
	#store a:hover { color: #0f80b1; text-decoration: underline;}
	
/* End Store Section Styles */

/* Begin Footer Styles */

	#footer{text-align:center; height:75px; background-image:url('images/footer.gif'); background-repeat:repeat-x; padding-top:50px;}
	
	#footer ul li {	display:inline;	margin-right:10px;	list-style:none;}
	
	#footer ul li a:link, #footer ul li a:visited{font-weight:normal; font-size:9px; color:#1295B3;	text-decoration:underline; margin-right:4px;}

/* End Footer Styles */

/* Various ID's, Classes, and Styles */

img { border:none;}

a:link{
	font-weight:bold;
	color: #0f80b1;
	text-decoration: none;
}

a:visited{
	font-weight:bold;
	color: #0f80b1;
	text-decoration: none;
}

a:hover{
	font-weight:bold;
	color: #0f80b1;
	text-decoration: underline;
}

h1{
	margin:0px 0px 0px 0px;
	padding:38px 0px 27px 0px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	font-weight: bold;
	color: #0a3244;
	font-size: 22px;
	text-transform: uppercase;
}

h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p {margin: 0; padding: 5px 0 5px 0;}

p.align_right {text-align: right; padding: 0 23px 23px 0;}

p.sub_head {font-size: 9px; margin: -20px 0 20px 0; padding: 0;}