/* CSS Document */

body { 
	margin:auto 10px; 
	background-image: url("img/bg.jpg");
	background-color:#fdf1fd;
	background-repeat: repeat-x;
}

ul { 
	list-style: none inside;
	line-height: 16px;
}
a { outline: none; }
a img { border: none; }
a:link {
	color: #855F90;
	text-decoration: none;
}
a:visited {
	color: #915B95;
	text-decoration: none;
}
a:hover {
	color: #261B29;
	text-decoration: none;
}
a:active {
	color: #2A1A2A;
	text-decoration: none;
}



.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }


#page-wrap {
	width:782px;
	margin:0 auto;
	background: url("img/content_bg.jpg") repeat-y;
}

#content-bg {
	width:778px;
	margin:0 auto;
	background: url("img/content_bg.png") repeat-y;
}

#header {
	width:778px;
	height:92px;
	background:#fdf1fd ("img/header_top.jpg");	
}

ul#topnav {
	
	}
	ul#topnav li {
		display: inline;;
		}
		ul#topnav li a {
			display: block;
			height: 184px;
			text-indent: -9999px;
			float: left;
		}
		ul#topnav li.home a {
			width: 118px;
			background: url("img/topnav/home.jpg") top;
		}
		ul#topnav li.about a {
			width: 434px;
			background: url("img/topnav/about.jpg") top;
		}
		ul#topnav li.shop a {
			width: 106px;
			background: url("img/topnav/shop.jpg") top;
		}
		ul#topnav li.cart a {
			width: 120px;
			background: url("img/topnav/cart.jpg") top;
		}
		
		ul#topnav li a:hover {
			background-position: bottom center;
		}
	

#main-content {
	margin-right: 30px;
	float:right;
	width:520px;
	overflow:hidden;
}

#sidebar-main {
	padding: 10px 25px 0px 10px;
	float:left;
	width:150px;
	min-height: 500px;
	overflow:hidden;
	vertical-align:top;
	background: url("img/sidebar_full.jpg") top no-repeat;
}

#fullpage {
	padding:5px;
	width:760px;
	overflow:hidden;
	vertical-align:top;
}

#nav ul { 
	margin:5px 0 0 .3cm; 
	padding:0; 
	list-style-type:none;
	line-height: 8px;
}

#nav ul li { 
	padding:1px .6cm;
	float:left;
}

#nav ul li a { 
	text-decoration:none; 
	color:#50377b;
	font-weight:bolder;
}

#nav ul li a:hover { 
	text-decoration:none;
	color:#9177be;
	font-weight:bolder;
}

#footer {
	min-height:56px;
	background:#fdf1fd url("img/footer.jpg") no-repeat;
	text-align:right;
	font-weight:normal;
	clear:both;
}