@charset "UTF-8";
/* CSS Document */

body{
	font:80% Optima,sans-serif;
	color:#CCCCCC;
	margin:0;
	padding:0;
	background-color: #442580;
	}
	
#container{
	margin:0 auto;
	width: 543px;
	}	
	
#headerleft{
	background: url(images/sidehead.png) center no-repeat;
	width: 143px;
	height: 205px;
	float: left;
	}

#headerright{
	background: url(images/header.png) top center no-repeat;
	width: 400px;
	height: 89px;
	float: right;
	}

.button{
	width: 143px;
	height: 180px;
	float: left;
	}
	
.button .home a{
	background: url(images/home.png) top left no-repeat;
	width: 143px;
	height: 45px;
	float: left;
	}
	
.button .online a{
	background:url(images/online.png) top left no-repeat;
	width: 143px;
	height: 45px;
	float: left;
	}

.button .purchase a{
	background:url(images/purchase.png) top left no-repeat;
	width: 143px;
	height: 44px;
	float: left;
	}

.button .contact a{
	background:url(images/contact.png) top left no-repeat;
	width: 143px;
	height: 46px;
	float: left;
	}

.terms a{
	background:url(images/terms.jpg) top left no-repeat;
	width: 143px;
	height: 42px;
	float: left;
	}
	
/*online shop stuff*/

#onlinebg{
	width: 400px;
	height: 679px;
	float: right;
	top: 89px;
	}

#top{
	background:url(images/onlinetitle.png) top left no-repeat;
	width: 400px;
	height: 67px;
	float: left;
	}

#leftbox{
	background:url(images/leftbox.jpg) top left no-repeat;
	width: 64px;
	height: 105px;
	float: left;
	}
	
#clothing{
	background: url(images/product_images/clothing.html) top left no-repeat;
	width: 107px;
	height: 105px;
	float: left;
	}
	
.clothingbut{
	width: 171px;
	height: 105px;
	float: left;
	}
	
.clothingbut .clobut a{
	background: url(images/clothing_but.jpg) top left no-repeat;
	width: 171px;
	height: 105px;
	float: left;
	}
	
#rightbox{
	background: url(images/rightbox.jpg) top left no-repeat;
	width: 58px;
	height: 105px;
	float: left;
	}
	
#between{
	background:url(images/between.jpg) top left no-repeat;
	width: 400px;
	height: 36px;
	float: left;
	}
	
#shoes{
	background: url(images/product_images/shoes.html) top left no-repeat;
	width: 107px;
	height: 104px;
	float: left;
	margin: 0 auto;
	}

.shoesbut{
	width: 153px;
	height: 104px;
	float: left;
	font-size: 0px;
	}
	
.shoesbut .shobut a{
	background: url(images/shoes_but.jpg) top left no-repeat;
	width: 153px;
	height: 104px;
	float: left;
	font-size: 0px;
	}

#leftbox2{
	background:url(images/leftbox2.jpg) top left no-repeat;
	width: 64px;
	height: 104px;
	float: left;
	}

#onlinebottom{
	background:url(images/onlinebottom.jpg) top left no-repeat;
	width: 400px;
	height: 367px;
	float: right;
	}

#rightbar{
	background:url(images/rightbar-2.jpg) top left no-repeat;
	width: 76px;
	height: 104px;
	float: left;
	overflow:hidden
	}
/*online shop stuff*/


/*contact stuff*/

#contactbg{
	width: 400px;
	height: 679px;
	float: right;
	}

#bodyhead{
	background: url(images/bodyhead.jpg) top left no-repeat;
	width: 400px;
	height: 67px;
	float: left;
	}

#nthinfo{
	background:url(images/nthinfo.jpg) top left no-repeat;
	width: 189px;
	height: 131px;
	float: left;
	}
#northmap{
	background:url(images/northmap.jpg) top left no-repeat;
	width: 177px;
	height: 131px;
	float: left;
	}
#edge{
	background:url(images/edge.jpg) top left no-repeat;
	width: 34px;
	height: 131px;
	float: left;
	}
#middle{
	background:url(images/middle.jpg) top left no-repeat;
	width: 400px;
	height: 52px;
	float: left;
	}

#neuinfo{
	background:url(images/neuinfo.jpg) top left no-repeat;
	width: 189px;
	height: 132px;
	float: left;
	}
	
#neutralmap{
	background:url(images/neutralmap.jpg) top left no-repeat;
	width: 177px;
	height: 132px;
	float: left;
	}
	
#edge2{
	background:url(images/edge2.jpg) top left no-repeat;
	width: 34px;
	height: 132px;
	float: left;
	}

#bottom{
	background:url(images/contbottom.jpg) top left no-repeat;
	width: 400px;
	height: 297px;
	float: left;
	}
/*contact stuff*/

/*clothing page*/

#clothbg{
	width: 400px;
	height: 679px;
	float: right;
	}

#clothtop{
	background: url(images/clothtop.jpg) top left no-repeat;
	width: 400px;
	height: 36px;
	float: left;
	}

#img{
	background:url(images/img.png) top left no-repeat;
	width: 107px;
	height: 107px;
	float: left;
	}
	
#left1{
	background:url(images/left1.png) top left no-repeat;
	width: 21px;
	height: 107px;
	float: left;
	}
	
#mid1-1{
	background:url(images/mid1-1.png) top left no-repeat;
	width: 20px;
	height: 107px;
	float: left;
	}
	
#mid1-2{
 	background:url(images/mid1-2.png) top left no-repeat;
	width: 19px;
	height: 107px;
	float: left;
	}

#right1{
	background:url(images/right1.png) top left no-repeat;
	width: 19px;
	height: 107px;
	float: left;
	}

#rollinfo{
	background:url(images/rollinfo.jpg) top left no-repeat;
	width: 143px;
	height: 326px;
	float: left;
	}

#between1{
	background:url(images/between1.png) top left no-repeat;
	width: 400px;
	height: 26px;
	float: left;
	}

#between2{
	background:url(images/between2.png) top left no-repeat;
	width: 400px;
	height: 29px;
	float: left;
	}

	
#mid2-1{
	background:url(images/mid2-1.png) top left no-repeat;
	width: 20px;
	height: 107px;
	float: left;
	}
	
#mid2-2{
 	background:url(images/mid2-2.png) top left no-repeat;
	width: 19px;
	height: 107px;
	float: left;
	}
	
#mid3-1{
	background:url(images/mid3-1.png) top left no-repeat;
	width: 20px;
	height: 107px;
	float: left;
	}
	
#mid3-2{
 	background:url(images/mid3-2.png) top left no-repeat;
	width: 19px;
	height: 107px;
	float: left;
	}

#clothbottom{
	background:url(images/clothbottom.png) top left no-repeat;
	width: 400px;
	height: 266px;
	float: left;
	}

#info{
	background:url(images/info.jpg) top left no-repeat;
	width: 189px;
	height: 612px;
	float: left;
	}
#northmap{
	background:url(images/northmap.jpg) top left no-repeat;
	width: 177px;
	height: 131px;
	float: left;
	}

	
	
	
#body{
	background: url(images/body.png) top center repeat-y;
	width: 400px;
	height: 679px;
	float: right;
	margin: -3;
	}
	
#purchasebg{
	background: url(images/purchase_bg.jpg) top center repeat-y;
	width: 400px;
	height: 679px;
	float: right;
	}
	

#bottombar{
	background:url(images/sidebottom.jpg) top center no-repeat;
	width: 143px;
	height: 383px;
	float: left;
	position: relative;
	}

#line{
	background: url(images/betweenline.jpg) top center no-repeat;
	width: 143px;
	height: 15px;
	float: left;
	}
	
#text {
	width: 400px;
	font: Arial;
	line-height: 16px;
	margin: 0 auto;
	font-size: 14px;
	}
.post {
	font-family: Arial;
}

.post .title {
	margin: 0px;
	padding: 10px 20px;
	font-size: 20px;
	font-family: Arial;
	color: #660099;
	letter-spacing: 0.5px;
	text-align: center;
}

.post .entry {
	padding: 0 20px;
	letter-spacing: 0.65px;
	color: #000000;
	font-size: 12px;
}

#left {
	float:left;
	width:133px;
	padding:0px 8px;
	font-size:14px;
	color:#000000;
	overflow: hidden;
	font-weight: bold;
	background-color: #A7A9AC;
	}

#right {
	float:right;
	width:133px;
	padding:0px 8px;
	font-size:14px;
	color:#000000;
	overflow: hidden;
	font-weight: bold;
	background-color: #A7A9AC;
	}
	
#center {
	margin-right:50px;
	margin-left:50px;
	padding:0px 8px;
	font-size:14px;
	color:#000000;
	font-weight: bold;
	background-color: #A7A9AC;
	}