/******** CUSTOM FONTS ********/
@font-face {
	font-family: 'BambiBoldRegular';
	src: url('fonts/X_BAMBI.eot');
	src: local('Bambi Bold Regular'), local('BambiBold'), url('fonts/X_BAMBI.ttf') format('truetype');
}
@font-face {
	font-family: 'surroundingRegular';
	src: url('fonts/SurroundingRegular.eot');
	src: local('surrounding__.) Regular'), local('surrounding-reg'), url('fonts/SurroundingRegular.ttf') format('truetype');
}
/******** Layout divs********/
* {
	margin:0;
	padding:0;
}
body {
	font-family:"surroundingRegular", serif;
	font-size:18px;
}
#clear {
	clear:both;
}
#header {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:132px;
	background-image:url(img/header.png);
}
	.logoHeader {
		position:relative;
		top:10px;
		left:30px;
		color:#FFF;
		font-family:"surroundingRegular", serif;
		font-size:96px;
		letter-spacing:-6px;
		word-spacing:-16px;
	}
	.smallHeader {
		position:relative;
		top:20px;
		right:270px;
		color:#FFF;
		font-family:"surroundingRegular", serif;
		font-size:24px;
		letter-spacing:6px;
		word-spacing:-6px;
	}
	.tagLine {
		position:relative;
		float:right;
		top:-30px;
		right:50px;
		color:#FFF;
		font-family:"surroundingRegular", serif;
		font-size:24px;
		letter-spacing:-1px;
		word-spacing:-2px;
	}
#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
}
	#left {
		float:left;
		width:260px;
	}
		#mainNav {
			color:#FFF;
			width:260px;
			height:140px;
			background-image:url(img/navBETA.png);
		}
		#mainNav ul{	
			position:relative;
			top:10px;
			left:35px;		
			/*list-style-image:url(img/bullet.png);*/
			list-style-position:inside;
		}
			#mainNav ul li {
				margin-bottom:1px;
			}
				#mainNav ul li a{
					margin-left:8px;
					color:#FFF;
					font-family:"surroundingRegular", serif;
					font-size:16px;
					font-weight: 900;
					text-decoration:none;
				}
			.styleHead{
				width:260px;
				height:65px;
				background-image:url(img/styles.png);
				color:#FFF;
				font-family:"surroundingRegular", serif;
				font-size:50px;
				text-align:center;
			}
				ul.styles{
					list-style-position:inside;
					list-style-type:none;
				}
					ul.styles li {
						margin-bottom:8px;
						height:85px;
					}
						ul.styles li a{
							color:#595959;
							font-size:14px;
							font-family:"BambiBoldRegular", serif;
							text-decoration:none;
						}
							ul.styles li img{
								position:relative;
								float:left;
								border:none;
							}
							ul.styles li span.styleNavTitle{
								position:relative;
								float:right;
								top:25px;
								width:155px;
								height:40px;
							}
			.contentHead, .contentFoot{
				padding: 10px;
				width:690px;
				height:65px;
				background-image:url(img/content.png);
				background-repeat: no-repeat;
				color:#FFF;
				font-family:"surroundingRegular", serif;
				font-size:30px;
				text-align:center;
			}      
	#main {
		float:right;
		width:690px;
	}
			#main h1{
				font-family:"BambiBoldRegular", serif;
				font-size:40px;
				margin:10px 0;
			}
			#main p{
				margin:10px;
			}
			.cart{
				position:relative;
				float:right;
				right:20px;
				text-align:right;
			}
				.price {
					font-weight:bold;
					font-size:200%;
					color:#a9231a;
				}	
	#footer {
		clear:both;
		width:950px;
		height:80px;
		text-align:center;
		background-image:url(img/footer.png);
	}
		#footer ul{
			position:relative;
			top:20px;
			list-style-type:none;
			display:inline;
		}
			#footer ul li{
				display:inline;
				padding:0 9px;
				border-right:2px solid #FFF;
			}
			#footer ul li.lastNav{
				display:inline;
				border:none;
			}
				#footer ul li a{
					color:#FFF;
					font-size:18px;
					text-decoration:none;
				}
		#footer p{
			position:relative;
			top:20px;
			color:#FFF;
		}