* {
	border: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
body {
	background: #F3F3F3;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #000000;
}
#wrapper, #nav, #header, #topcontent, #content, #footer {
	margin: 0 auto;
	width: 900px;
	z-index: 1;
}
#topbgcont {
	background: url(images/headbg.jpg) repeat-x;
}
#botbgcont {
	background: url(images/footbg.jpg) bottom repeat-x;
}
a {
	outline: none;
}
/*#logo{
	width: 317px;
	margin: 0 0 0 9px;
	float: left;
}*/

/*----------------------------NAV------------------------------*/


#nav {
	width: 520px;
	float: right;
	margin-top: 30px;
}
#nav li, #nav li a {
	list-style: none;
	display: inline;
	float: left;
	width: 85px;
	height: 27px;
	margin-right: 1px;
}
#home a, #product a, #order a, #events a, #about a, #contact a {
	width: 85px;
	background-position: top;
}
#home a {
	background: url(images/home.jpg) no-repeat;
}
#product a {
	background: url(images/product.jpg) no-repeat;
}
#order a {
	background: url(images/order.jpg) no-repeat;
}
#events a {
	background: url(images/events.jpg) no-repeat;
}
#about a {
	background: url(images/about.jpg) no-repeat;
}
#contact a {
	background: url(images/contact.jpg) no-repeat;
}
#nav a:hover, #nav a.active {
	background-position: bottom;
}
/*-------------------------SUBNAV-------------------------*/

#subnav {
	width: 460px;
	float: right;
	margin: 14px 20px 0 0;
}
#subnav li, #subnav li a {
	list-style: none;
	width: 115px;
	height: 26px;
	display: inline;
	float: left;
}
#kapow a, #pasta a, #spirit a, #other a {
	width: 115px;
	background-position: top;
}
#kapow a {
	background: url(images/kapow.jpg) no-repeat;
}
#pasta a {
	background: url(images/pasta.jpg) no-repeat;
}
#spirit a {
	background: url(images/spirit.jpg) no-repeat;
}
#other a {
	background: url(images/other.jpg) no-repeat;
}
#subnav a:hover, #subnav a.active {
	background-position: bottom;
}
/*----------------------------HEADER----------------------------------*/
#header {
	background: url(images/homeheader.jpg) no-repeat;
	height: 258px;
}
/*

#headerhome{
	background: url(images/Headkid.jpg) no-repeat;
	height: 182px;
	clear: both;
}*/

#headerprod {
	background: url(images/prodhead.jpg) no-repeat;
	height: 149px;
}
#headerabout {
	background: url(images/aboutheader.jpg) no-repeat;
	height: 258px;
}
#kapowhead {
	background: url(images/kapowhead.jpg) no-repeat;
	height: 239px;
}
#pastahead {
	background: url(images/pastahead.jpg) no-repeat;
	height: 239px;
}
#tattoohead {
	background: url(images/tattoohead.jpg) no-repeat;
	height: 239px;
}
#otherhead {
	background: url(images/otherhead.jpg) no-repeat;
	height: 239px;
}
#contactheader {
	background: url(images/contactheader.jpg) no-repeat;
	height: 258px;
}
#orderheader {
	background: url(images/orderheader.jpg) no-repeat;
	height: 258px;
}
#orderformheader {
	background: url(images/orderformheader.jpg) no-repeat;
	height: 258px;
}
#eventsheader {
	background: url(images/eventsheader.jpg);
	height: 258px;
}
/*-----------------------------CONTENT------------------------------*/
#content {
	background: url(images/ContentBg.jpg) repeat-y;
}
#contentorder {
	background: url(images/ContentOrderBg.jpg) repeat-y;
}
#leftcontent {
	float: left;
	width: 532px;
	padding: 0 40px 0 30px;
}
#rightcontent {
	float: left;
	width: 248px;
	padding: 0 30px 0 20px;
}
#rightcontent img {
	padding-top: 15px;
}
.clear {
	clear: both;
}
#contentfoot {
	background:url(images/contentfoot.jpg);
	height: 36px;
}
#ordercontentfoot {
	background:url(images/contentorderfoot.jpg);
	height: 36px;
}
/*----------------------------- BUTTONS -----------------------------*/

#kapowbutton {
	width: 277px;
	float: left;
	margin: 0px 11px 20px;
	text-indent: -999em;
}
#kapowbutton a {
	background: url(images/kapowbutton.jpg) no-repeat 0px 0px;
	display: block;
	height: 389px;
	width: 277px;
}
#kapowbutton a:hover {
	background: url(images/kapowbutton.jpg) no-repeat 0px -389px;
}
#pastabutton {
	width: 277px;
	float: left;
	margin: 0px 11px 20px;
	text-indent: -999em;
}
#pastabutton a {
	background: url(images/pastabutton.jpg) no-repeat 0px 0px;
	display: block;
	height: 389px;
	width: 277px;
}
#pastabutton a:hover {
	background: url(images/pastabutton.jpg) no-repeat 0px -389px;
}
#tattoosbutton {
	width: 277px;
	float: left;
	margin: 0px 11px 20px;
	text-indent: -999em;
}
#tattoosbutton a {
	background: url(images/tattoosbutton.jpg) no-repeat 0px 0px;
	display: block;
	height: 389px;
	width: 277px;
}
#tattoosbutton a:hover {
	background: url(images/tattoosbutton.jpg) no-repeat 0px -389px;
}
/*--------PHOTOS---------------*/
#photocontent {
	background: #F3F3F3;
	height: 130px;
}
.photocontent {
	width: 288px;
	height: 112px;
	float: left;
	margin: 0px 5px;
}
.prodphoto {
	width: 277px;
	float: left;
	margin: 0px 11px 20px;
	text-indent: -999em;
}
#productbuttons {
	background: #f3f3f3;
}
/*-----------------------------FOOTER--------------------------*/
#footer {
	background: url(images/footbg.jpg) repeat-x;
	height: 70px;
	font: 0.8em/1.0em Arial, Helvetica, sans-serif;
	color: #000000;
}
#bgtop {
	vertical-align: top;
	background: url(images/Headkid.jpg) repeat-x;
	height: 57px;
	z-index: 2;
}
#bgbot {
	vertical-align: bottom;
	background: url(Images/footbg.jpg) repeat-x;
	height: 40px;
	z-index: 2;
}
/*-----------------------------OTHER-----------------------------*/

.fltlft {
	float: left;
}
.fltrght {
	float: right;
}
.kapow {
	list-style: url(images/listbullet.png) outside;
	padding: 0 0 0 40px;
}
.sublist {
	list-style-image: none;
	list-style: none;
}
.sublist li {
	padding: 8px 0 0 0;
}
.subsublist {
	padding: 0 0 0 20px;
	list-style: disc outside;
}
.number {
	font: 1.6em/1.8em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.goleft {
	margin: 0 0 0 -21px;
}
#flavour {
	list-style: disc;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0 0 0 40px;
}
#contentIndex ul {
	list-style: url(images/listbullet.png) outside;
}
#contentIndex li {
/*	padding: 0 5px;*/
}
#contentIndex {
	width: 290px;
	float: left;
	padding: 15px 0 0 40px;
	font: 1em/1.6em Arial, Helvetica, sans-serif;
	color: #000000;
}
.aboutcontent {
	width: 250px;
	padding: 0 22px 0 0;
	float: left;
}
.aboutcontent2 {
	width: 240px;
	padding: 0 0 0 20px;
	float: left;
}
.headingspacer {
	padding: 0 0 20px 0;
}
.headingspacer2 {
	padding: 20px 0 0 0;
}
.aboutspacing {
	padding: 10px 0;
}
.links {
	color: #FF0000;
	text-decoration: none;
}
.links:hover {
	text-decoration: underline;
}
#flavour .blueraspberry {
	color: #006;
}
#flavour .bubblegum {
	color: #F06;
}
#flavour creamsipop {
	color: #F60;
}
#flavour .creamsipop {
	color: #F60;
}
#flavour .paradisepunch {
	color: #F39;
}
#flavour .funkymonkey {
	color: #FC0;
}
#flavour strawbanana {
	color: #C03;
}
#flavour .strawbanana {
	color: #C03;
}
#flavour blinddate {
	color: #C09;
}
#flavour .blinddate {
	color: #C09;
}
#flavour .watermelon {
	color: #903;
}
#flavour .sourgreenapple {
	color: #396;
}
#flavour .cottoncandy {
	color: #0CC;
}
.blue {
	color: #009;
	text-decoration: none;
}
.red {
	color: #F00;
	text-decoration: none;
}
