/* CSS Document for Supercombo written by Adam Roberts at boycoda.com */

/* Core */
* { margin: 0; padding: 0px; }
body {
	font-family: 'Tahoma';
	background: url(images/bg_body.jpg) repeat;
}
div#wrapper {
	width: 835px;
	background: url(images/bg_layout.jpg) repeat-y;
	margin: 0 auto;
}
div#container {
	width: 755px;
	margin: 0 auto;
	border-top: solid 4px #262626;
}

.hidenav { display: none; }
.hidenav img { display: none; }

/* header */
h1 a {
	width: 422px;
	height: 73px;
	background: url(images/supercombo.gif) no-repeat;
	float: left;
	margin-left: 13px;
	margin-top: 15px;
	text-indent: -9999px;
}
.newstickers a {
	width: 76px;
	height: 75px;
	background: url(images/newstickers.gif) no-repeat;
	float: right;
	clear: right;
	margin-right: 8px;
	margin-top: 15px;
	text-indent: -9999px;
}
.navigation {
	width: 737px;
	margin-top: 10px;
	background-color: #000;
	border-bottom: solid 3px #30b4d1;
	padding-left: 18px;
	float: left;
}
span {
	display: none;
}
	#navigation ul {
		height: 28px;
		list-style: none;
	}
	
		#navigation li {
			display: block;
			float: left;
		}
		
		.about {
			width: 73px;
			height: 28px;
			float: left;
			list-style: none;
		}
		
			.about a {
				width: 73px;
				height: 28px;
				background: url(images/nav_aboutus.gif) no-repeat;
				display: block;
			}
			
			.about a:hover {
				background: url(images/nav_aboutus_over.gif) no-repeat;
			}
		.blog {
			width: 61px;
			height: 28px;
			float: left;
			list-style: none;
		}
		
			.blog a {
				width: 61px;
				height: 28px;
				background: url(images/nav_blog.gif) no-repeat;
				display: block;
			}
			
			.blog a:hover {
				background: url(images/nav_blog_over.gif) no-repeat;
			}
		.shop {
			width: 69px;
			height: 28px;
			float: left;
			list-style: none;
		}
		
			.shop a {
				width: 69px;
				height: 28px;
				background: url(images/nav_shop.gif) no-repeat;
				display: block;
			}
			
			.shop a:hover {
				background: url(images/nav_shop_over.gif) no-repeat;
			}
		.photos {
			width: 77px;
			height: 28px;
			float: left;
			list-style: none;
		}
		
			.photos a {
				width: 77px;
				height: 28px;
				background: url(images/nav_photos.gif) no-repeat;
				display: block;
			}
			
			.photos a:hover {
				background: url(images/nav_photos_over.gif) no-repeat;
			}
		.podcasts {
			width: 97px;
			height: 28px;
			float: left;
			list-style: none;
		}
		
			.podcasts a {
				width: 97px;
				height: 28px;
				background: url(images/nav_podcasts.gif) no-repeat;
				display: block;
			}
			
			.podcasts a:hover {
				background: url(images/nav_podcasts_over.gif) no-repeat;
			}
		.contact {
			width: 95px;
			height: 28px;
			float: left;
			list-style: none;
		}
		
			.contact a {
				width: 95px;
				height: 28px;
				background: url(images/nav_contactus.gif) no-repeat;
				display: block;
			}
			
			.contact a:hover {
				background: url(images/nav_contactus_over.gif) no-repeat;
			}

.navtag {
	width: 25px;
	height: 18px;
	background: url(images/fancy.gif) no-repeat;
	float: right;
	clear: right;
	margin-right: 8px;
	margin-top: 5px;
}

/* centeranium */
.banner {
	width: 755px;
	height: 182px;
	background: url(images/bg_banner.jpg) no-repeat;
}
.welcome {
	width: 450px;
	padding: 15px;
	float: left;
	height: 93px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #101010;
}
h2.nl {
	font-size: 14px;
	font-weight: bold;
	color: #101010;
	padding-left: 18px;
}
.welcometext {
	padding-top: 5px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 13px;
}
.welcometext a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #30b4d1;
}
.welcometext a:hover {
	text-decoration: underline;
}
.newsletter {
	float: right;
	clear: right;
	width: 240px;
	background: url(images/nl_border.gif) left no-repeat;
	height: 93px;
	padding: 15px;
}
.nlform {
	padding-top: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #64c7dd;
	width: 230px;
	margin: 0 auto;
}
.nlform p {
	float: left;
	margin-left: 15px;
}
.name {
	float: left;
	clear: right;
	margin-left: 10px;
	border: solid 1px #d0d0d0;
	height: 14px;
	font-size: 11px;
	padding: 2px;
}
.email {
	float: left;
	clear: right;
	margin-left: 12px;
	border: solid 1px #d0d0d0;
	height: 14px;
	font-size: 11px;
	padding: 2px;
}
.cub {
	clear: both;
	padding: 2px;
}
.submit {
	clear: both;
	padding-top: 5px;
	text-align: right;
}
.button {
	width: 50px;
	height: 15px;
	background: url(images/nl_submit.gif) no-repeat;
	margin-right: 26px;
	border: 0px;
	cursor: pointer;
}

.contactform { padding: 15px; }
.contactform fieldset { border: 0; }
.contactform label { font: 12px Arial; color: #2c2c2c; line-height: 18px; }
.contactform form input,
.contactform form textarea { border: 1px solid #2c2c2c; background: #d9d9d9; width: 225px; padding: 5px; }
.contactform form textarea { width: 350px; height: 150px; }
.contactform p { font: 12px Arial; color: #2c2c2c; padding: 5px; }
.contactform a { font: 12px Arial; color: #30b4d1; text-decoration: underline; }
.contactform a:hover { text-decoration: none; }


/* content area */
.content {
	clear: both;
}
.content2 {
	clear: both;
	border-top: solid 2px #d9d9d9;
	padding: 15px;
}
.content2 p {
	font: 12px Arial;
	color: #2b2b2b;
	line-height: 18px;
	margin-bottom: 15px;
}
.content2 p a {
	color: #30b4d1;
	text-decoration: underline;
}
.content2 p a:hover {
	text-decoration: none;
}
.col1 {
	width: 252px;
	float: left;
}
.col2 {
	width: 252px;
	float: left;
	clear: right;
}
.col3 {
	width: 251px;
	float: left;
	clear: right;
}
.heading {
	background-color: #000;
	height: 49px;
	width: 250px;
}
.heading2 {
	background-color: #000;
	height: 49px;
	width: 251px;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #30b4d1;
	padding-top: 5px;
	padding-left: 10px;
}
.subheading {
	font-size: 11px;
	color: #fff;
	padding-left: 10px;
	padding-top: 3px;
}
.image {
	border-right: solid 2px #30b4d1;
	padding: 5px;
	background-color: #fff;
}
.image2 {
	padding: 5px;
	background-color: #fff;
}

/* footer */
.footer1a {
	background: url(images/foot_bg.gif) repeat-x;
}
.mt a {
	border: 0;
	float: left;
}
.copyright {
	float: right;
	clear: right;
}
.footer1b {
	margin-top: 5px;
	border-top: solid 3px #e6e6e6;
	text-align: center;
	height: 50px;
}
.navi {
	padding-top: -5px;
}
.navi ul {
	list-style: none;
	display: inline;
}
.navi li {
	list-style: none;
	display: inline;
}
.navi li a, .navi li a:link, .navi li a:active, .navi li a:visited {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.navi li a:hover {
	text-decoration: underline;
}
.navi li img {
	padding-left: 5px;
	padding-right: 5px;
}

/* misc */
.clear { clear: both; }