/* Blufire Productions Web Site
 * Copyright 2010 Bluefire Productions, LLC
 */

body {
	background: 		#ffffff;
	margin:				0;
	padding:			0;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	text-align: 		left;   
	margin-top:			50px;     
  	margin-left: 		auto;  
  	margin-right: 		auto;
	width: 				995px; 
  	height: 			562px;      
}

#bground {
	width: 				995px; 
  	height: 			562px;
	background: 		url(images/whole.jpg) no-repeat;
	margin: 			0px;
	padding: 			0px;
}

#bgroundTall {
	width: 				995px; 
  	height: 			968px;
	background: 		url(images/wholeTall.jpg) no-repeat;
	margin: 			0px;
	padding: 			0px;
}

/*** generic classes ***/
.clear {clear: left;}
.transparent { opacity: 0;}
.hidden { display:none; }
.accentHomeInit { opacity: 0; width: 225px; height:36 }



/*** Page Contents ***/

#home_tasty {
	position:			relative;
	left:				50px;
	top:				52px;
	float:				left;
	z-index:			2;
}

#home_message {
	position:			relative;
	margin-left:		-428px;
	margin-top:			140px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#home_richer {
	position:			relative;
	margin-left:		-350px;
	margin-top:			329px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#home_sundae {
	position:			relative;
	margin-left:		-207px;
	top:				0px;
	float:				left;
	z-index:			1; 
}

#services_smooth {
	position:			relative;
	left:				50px;
	top:				52px;
	float:				left;
	z-index:			2;
}

#services_message {
	position:			relative;
	margin-left:		-430px;
	margin-top:			137px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#services_refreshing {
	position:			relative;
	margin-left:		-330px;
	margin-top:			290px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#services_bottle {
	position:			relative;
	margin-left:		22px;
	top:				0px;
	float:				left;
	z-index:			1; 
}

#services_bottleTop {
	float:left;
	padding: 			4px 0px 0px 4px;
}

#work_sweet {
	position:			relative;
	left:				50px;
	top:				52px;
	float:				left;
	z-index:			2;
}

#work_message {
	position:			relative;
	margin-left:		-430px;
	margin-top:			137px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#work_serving {
	position:			relative;
	margin-left:		-320px;
	margin-top:			310px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#work_video {
	position:			relative;
	margin-left:		-67px;
	top:				0px;
	float:				left;
	z-index:			1; 
}

 #nowServing {
	position: relative;
	margin-left:		385px;
	margin-top:			-87px;
	top:				0px;
	float:				left;
	z-index:			2;
	overflow: hidden;
	/*border: 			1px solid #000;*/
	height: 			30px;
	width: 				200px
 }
 
  #nowServingSlider {
	position: 			relative;
	margin-top:			65px;
 }
 
 .serving {
   height: 				65px;
   color:				#373737;
 }


#ereaders_fresh {
	position:			relative;
	left:				50px;
	top:				12px;
	float:				left;
	z-index:			2;
}

#ereaders_top_accent {
	float:				left;
	margin-top:			0px;
}

#ereaders_top_message {
	position:			relative;
	margin-left:		-430px;
	margin-top:			102px;
	top:				0px;
	float:				left;
	z-index:			2;
}

#ereaders_top_message_text {
	margin-top:			4px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11pt;
	line-height:		30px;
}

#ereaders_top_message_two {
	position:			relative;
	margin-left:		-430px;
	margin-top:			190px;
	top:				0px;
	float:				left;
	z-index:			2;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
	line-height:		23px;
}

.ereaders_top_message_headline {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	line-height:		23px;
	color:				#4e7aae;
}

#ereaders_top_message_three {
	position:			relative;
	margin-left:		-430px;
	margin-top:			550px;
	top:				0px;
	float:				left;
	z-index:			2;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
	line-height:		23px;
}

#ereaders_bottom_message {
	position:			relative;
	margin-left:		657px;
	margin-top:			-220px;
	float:				left;
	z-index:			2;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
	line-height:		23px;
}

#ereaders_bottom_accent {
	position:			relative;
	margin-left:		670px;
	margin-top:			-250px;
	float:				left;
	z-index:			2;
}

#ereaders_ipad {
	position:			relative;
	margin-left:		-7px;
	top:				0px;
	float:				left;
	z-index:			1; 
}

#ereadersContent {
	background-color: 	red;
	height:				772px;
	min-height:			772px;
	width:				551px;
	padding: 			0px 0px 0px 0px;
	float:				left;
}


#pageContactFooter {
	position:			relative;
	left:				38px;
	top:				0px;
	height:				51px;
	width:				921px;
	clear:				both;	
	padding: 			0px 0px 0px 0px;
}

/*** Top Navigation Bar ***/

#navBox1 {
	/*
	min-height: 	49px;
	height:			auto !important; //min-height hack for ie6 
	height: 		49px; 			//min--height hack for ie6 
	*/
	float: 			left;
}

ul#navButtonBar {
	display:block;
	outline:none;
	margin: 			0px;
	padding: 			14px 0px 0px 65px;
	height: 			49px;
	width: 				605px;
}

ul#navButtonBar li {
	padding: 			0px 0px 0px 1px;
	display: 			block;
	float: 				left;
}

ul#navButtonBar li a {
	float:				left;
	display:			block;
	outline:			none;
	margin: 			0;
	height: 			49px;
	width: 				99px;
}

#navHomeBtn {
	background: 		url(images/homeBtn.jpg) no-repeat;
}

#navServicesBtn {
	background:		 	url(images/servicesBtn.jpg) no-repeat;
}

#navWorkBtn {
	background: 		url(images/workBtn.jpg) no-repeat;
}

#navReadersBtn {
	background: 		url(images/ereadersBtn.jpg) no-repeat;
}

#navBlogBtn {
	background: 		url(images/blogBtn.jpg) no-repeat;
}

/*
ul#navButtonBar li a:hover {
	background: url(images/homeBtnOver.png) no-repeat;
}
*/

a#navHomeBtn :hover {
	background: 		url(images/homeBtnOver.jpg) no-repeat;
}

a#navServicesBtn :hover {
	background: 		url(images/servicesBtnOver.jpg) no-repeat;
}

a#navWorkBtn :hover {
	background: 		url(images/workBtnOver.jpg) no-repeat;
}

a#navReadersBtn :hover {
	background:			 url(images/ereadersBtnOver.jpg) no-repeat;
}

a#navBlogBtn :hover {
	background: 		url(images/blogBtnOver.jpg) no-repeat;
}

/*** Footer ***/

#footer {
	color: 				#4a8aae;
	font-size: 			10px;
	clear: 				left;
	padding: 			9px 0 10px 15px;
}

#footer a, #footer a:visited {color: #4a8aae;}
#footer a:hover {text-decoration: none;}