/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #553269;
	font-family: Arial, Helvetica, sans-serif;
	color: #E7E7E7;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #E7E7E7;
	outline: none;
}

a:hover {color: #fff;}

/*
PAGE STRUCTURE
================================================*/

#outer-wrapper {
	background: url(../images/backgrounds/outer-wrapper.gif) repeat-y center top;
	margin: 0 auto;
	padding: 0 28px;
	width: 751px;
}

#wrapper {
	background: url(../images/backgrounds/wrapper.gif) no-repeat left bottom;
	width: 751px;
}

#flash-wrapper {
	height: 473px;
	float: left;
}

#sidebar {
	float: left;
	padding: 0 1px 0 0;
	width: 193px;
}

#content {
	float: left;
	overflow: hidden;
	padding: 0;
	width: 557px;
}

/*
SIDEABAR AND NAVIGATION STYLES
================================================*/

#logo {
	background: url(../images/backgrounds/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 193px; height: 125px;
}

#nav {
	float: left;
	list-style-type: none;
	width: 193px;
}

#nav li {
	border-bottom: 1px solid #8973B4;
	float: left;
	height: 24px;
	width: 193px;
}

#nav li a {
	float: left;
	height: 24px;
	text-indent: -9999px;
	width: 193px;
}

.home {background: url(../images/nav/home.gif);}
.now {background: url(../images/nav/now.gif);}
.news {background: url(../images/nav/news.gif);}
.featuring {background: url(../images/nav/featuring.gif);}
.stores { background: url(../images/nav/stores.gif);}

#nav li a:hover, #nav li a.current { background-position: left bottom;}

/*
HEADER IMAGES
================================================*/
#header-img, #feature-header {
	border-bottom: 1px solid #8973B4;
	float: left;
}

#feature-header {border: 0;}

/*
NOW GALLERY STYLES
================================================*/

#gallery {
	float: left;
	padding: 34px 0 0 0;
	width: 575px;
}

#gallery a {
	border: 1px solid #ccc;
	float: left;
	margin: 0 17px 34px 17px;
	position: relative; left: 8px;
	overflow: hidden;
	width: 72px; height: 72px;
}

#gallery a:hover {border: 1px solid #fff;}

#gallery a img {border: 0;}

/*
NEWS GALLERY STYLES
================================================*/

#news-gallery {
	float: left;
	padding: 34px 0 25px 0;
	width: 575px;
}

#news-gallery a {
	border: 1px solid #ccc;
	float: left;
	margin: 0 8px;
	position: relative; left: 8px;
	overflow: hidden;
	width: 84px; height: 84px;
}

#news-gallery a:hover {border: 1px solid #fff;}

#news-gallery a img {border: 0;}

#gallery-main {
	padding: 0 0 10px 0;
}

#gallery-main img {
	border: 1px solid #8973B4;
	position: relative; left: -9px;
}

#thumbs {
	background: #7C5891;
	border: 1px solid #8973B4;
	float: left;
	padding: 12px 0;
	position: relative; left: 14px;
	width: 524px;
}

/*
FEATURING IMAGE
================================================*/

#featuring {float: left;}

/*
STORES PAGE
================================================*/

a#newsletter {
	background: url(../images/stores/newsletter-button.gif);
	float: left;
	margin: 5px 0;
	position: relative; left: 151px;
	text-indent: -9999px;
	width: 252px; height: 26px;
}

a#newsletter:hover {background-position: 0 -26px;}


.location {
	float: left;
	line-height: 1.6em;
	padding: 0 0 10px 8px;
	text-align: left;
	width: 557px;
}

.location img {
	float: left;
	margin: 0 5px 0 0;
}

.location h2 { 
	font-variant: small-caps;
	font-size: 1.4em;
	padding: 15px 0 5px 0;
}

/*
GENERIC TEXT STYLES
================================================*/

#content p {
	font-size: 1.2em;
	padding: 0 15px 15px 15px;
	text-align: left;
}

/*
FOOTER & FOOTER TEXT
================================================*/

#footer {
	background: url(../images/backgrounds/footer.gif) no-repeat center top;
	margin: 0 auto;
	padding: 10px 28px 0 28px;
	width: 751px; height: 120px;
}

#footer h2 {
	font-size: 12px;
	padding: 0 0 5px 0;
}

#footer p {
	color: #ccc;
	font-size: 11px;
	line-height: 13px;
	padding: 0 0 18px 0;
}