body {background:#78d5f6 url('../images/background_swoosh.jpg') repeat-x 0 0;}

body {
padding: 0px;
margin: 0px;

}


#sidebar{ width: 180px; padding:0 10px;}
#sidebar ul li{ margin-left:15px;}

#sidebar_entries{ line-height:9px;margin-top:10px;}

#header_logo
{
	background-image:url('../images/BoggleNogginLogo.png');	
	background-repeat:no-repeat;
	height:180px;
	width:300px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#appstore
{
	background-image:url('../images/appstore.png');	
	background-repeat:no-repeat;
	height:49px;
	width:150px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#iphoneproduct
{
	background-image:url('../images/joerock.jpg');	
	background-repeat:no-repeat;
	height:320px;
	width:540px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
	left:0px;
}

#awards
{
	background-image:url('../images/award_seals.png');	
	background-repeat:no-repeat;
	height:142px;
	width:279px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#itunes
{
	background-image:url('../images/itunes.png');	
	background-repeat:no-repeat;
	height:49px;
	width:150px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#home_text
{
	background-image:url('../images/home_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#awards_text
{
	background-image:url('../images/awards_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#reviews_text
{
	background-image:url('../images/reviews_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}


#products_text
{
	background-image:url('../images/products_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#stories_text
{
	background-image:url('../images/stories_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#music_text
{
	background-image:url('../images/music_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}

#contact_text
{
	background-image:url('../images/contact_text.png');	
	background-repeat:no-repeat;
	height:36px;
	width:128px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px;
	display:inline-block;
}


#amazon
{
	background-image:url('../images/amazon.png');
	background-repeat:no-repeat;
	height:83px;
	width:168px;
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
	display:block;
	left:0px;

}

#theytus
{
	background-image:url('../images/theytus.png');	
	background-repeat:no-repeat;
	height:83px;
	width:278px;
	overflow: hidden; 
	margin: 0; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
	display:block;
	left:0px;

}

#thomascrimson
{
	background-image:url('../images/thomascrimson.png');	
	background-repeat:no-repeat;
	height:83px;
	width:159px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
	display:block;
	left:0px;

}

#youtube
{
	background-image:url('../images/youtube.png');	
	background-repeat:no-repeat;
	height:57px;
	width:146px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px; 
}


#header_nav
{
	/*background-image:url('../images/header.jpg');*/
	background-repeat: no-repeat;
	/* blog header 760 x 151 px */
	height:180px;
	width:660px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px;

}


#header_message
{
	/*background-image:url('../images/logo_header.png');*/
	/*	
	background-color:#FF0000;
	
	 ie6 hack
	_background-color:#00FF00;
	*/
	
	background-repeat: no-repeat;
	background-position: 0px -180px;
	/* website header 960 x 151 px */
	/* blog header 760 x 151 px */
	height:75px;
	width:960px;
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0px 0px 0px 0px;
	margin-bottom:20px;
}

#blog_date {padding-left:10px;color:#000000;width:100px;line-height:24px; text-transform: uppercase;font-weight:bold;}

#blog_link {color:#49595f;}

/*#footer{ height:40px; line-height:50px; margin:20px 0; padding-top:10px; border-top:1px solid #ccc;background-color:#eeeeee;}*/
/*#bar{ height:10px; line-height:1px; margin:0px 0; padding-top:0px; border-top:1px solid #efefef;background-color:#ffffff;}*/


a									{ text-decoration: none;margin:0px;padding:0px;border:none;border-bottom:none;}
ul									{ list-style: none; }

img { text-decoration: none;} 
ul, ol, dl {position: relative;}


/*a:hover img { text-decoration: none;margin-left:0px;}*/

/* ie6 needs this fix  
a:hover {zoom:1;}  */

/*
.box								{ background: #a7a7a7; -moz-border-radius: 5px; 
									  -webkit-border-radius: 5px; 
									
*/
									  padding: 10px; margin: 0 0 15px 0; }
.box ul li							{ font-size: 11px; margin: 0; border-bottom: 1px solid #666; }
.box ul li a						{ color: #222; display: block; padding: 4px 4px; margin: 0; 
					  				  border-bottom: 1px solid #ccc; }
.box ul li:last-child, 
.box ul li:last-child a				{ border: none; }
/*.box ul li a:hover					{ background: #ccc; text-decoration: none; }*/


#catNav								{ overflow: hidden; margin: 0 0 0 0;
									  /*background: url('../images/navigation.png');*/								
									  padding:0px;
									  width:630px;
									  width:960px;
									  height:50px;
									  top:70px;
								   }
/*
#catNav li							{ display: inline;}

#catNav li a						{ display: block; width: 126px; height: 50px; text-indent: -9999px;
	                                  background: url('../images/navigation.png'); 
									 float: left;
									 position:relative;
									 _top:0px;
									 _left:0px;
									  background-color:transparent;
	 								  border: none; padding: 0;
	 }

*/
/*changed for ie8 inline-block width then changed it back because broke on ie7*/
/*#catNav li						{display:inline-block;width: 80px;_display:inline;_width:126px;}*/
#catNav li						{display:inline;width: 80px;_display:inline;_width:126px;}


#catNav li a						{ width: 126px; height: 50px; text-indent: -9999px;
	                                 background: url('../images/navigation.png');
									 float: left;
									 position:relative;
									 _top:0px;
									 _left:0px;
									  background-color:transparent;
	 								  border: none; 
									  padding: 0;
									  margin:0px;
	 }


#catNav a#list-one-button			{ background-position: 0px -50px;border:none; }
/*#header_nav #catNav li.activeCatButton a#list-one-button { background-position: 0px -100px; }*/
#catNav li a#list-one-button:hover { background-position: 0px 0px;_top:0px;_left:0px; border:none;}
	
#catNav li a#list-two-button		{ background-position: -126px -50px; }
/*#header_nav #catNav li.activeCatButton a#list-two-button { background-position: -126px -100px; }*/
#catNav li a#list-two-button:hover { background-position: -126px 0px;_top:0px;_left:0px;border:none; }

#catNav a#list-three-button			{ background-position: -252px -50px; }
/*#header_nav #catNav li.activeCatButton a#list-three-button { background-position: -252px -100px; }*/	
#catNav li a#list-three-button:hover { background-position: -252px 0px;_top:0px;_left:0px;border:none;}	


#catNav a#list-four-button			{ background-position: -378px -50px; border:none; }
/*#header_nav #catNav li.activeCatButton a#list-four-button { background-position: -378px -100px; }	*/
#catNav li a#list-four-button:hover { background-position: -378px 0px;_top:0px;_left:0px; border:none; }

#catNav a#list-five-button			{ background-position: -504px -50px; _top:0px;_left:0px; border:none;}
/*#header_nav #catNav li.activeCatButton a#list-five-button { background-position: -504px -100px;}*/
#catNav li a#list-five-button:hover { background-position: -504px 0px;_top:0px;_left:0px; border:none; }


#foot1 {border-right:1px solid #ccc;height:100%;padding:0; margin:0 0 0 0; }
#foot2 {border-right:1px solid #ccc;height:100%;padding:0; margin:20 0 0 0; }
#foot3 {border-right:1px solid #ccc;height:100%;padding:0; margin:20 0 0 0; }
#foot4 {height:100%;padding:0; margin:0 0 0 0; }

.footercontain {
	/*background: url('../images/footerbg.jpg') repeat-x 0 0;*/
	margin-left:-8px;
	margin-right:-8px;
}

.footerbox {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height:100px;
	/*background: url('../images/footerbg.jpg') repeat-x 0 0;*/
}