/*
///////////////////////////////////////

                        Basic Structure

///////////////////////////////////////
*/

body
{
	padding:0;margin:0;
	background:white url("../images/interface/body_bg.jpg") repeat;
	margin:0 0 100px;
}
a
{
	
}
a:visited
{
	
}
a:active
{
	
}
a:hover
{
	
}
.left 		{ float:left; margin: 0 20px 10px 0; }
.right 		{ float:right; margin: 0 0 15px 15px; }
.spacer 	{ height:15px; }
.hidden 	{ display:none; }

.error_message_box td
{
	vertical-align:middle;
}
.error_message_box  table
{
	padding:0;
	margin:0;
}
.success_message_box td
{
	vertical-align:middle;
}
.success_message_box  table
{
	padding:0;
	margin:0;
}

.error
{
	border:red;
	background:#FFB0B3;
	color:black;
	padding:5px;
	margin:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
}

/*
///////////////////////////////////////

                          Page Wrapper

///////////////////////////////////////
*/

#page
{
	position:relative;
	margin: 0 auto;
}

/*
///////////////////////////////////////

                                 Header

///////////////////////////////////////
*/

#header
{
	background:white url("../images/interface/header_bg.jpg") no-repeat;
	height:410px;
}
#logo a
{
	position:absolute;
	width:120px;
	height:180px;
	left:420px;
	top:220px;
}
#change_coffee
{
	position:absolute;
	top:20px;
	left:499px;
}
#chocolate_bar
{
	position:absolute;
	top:355px;
	left:-35px;
	z-index:725;
	width:124px;
	height:122px;
	background:transparent url('../images/interface/chocolate_bar_bottom.png') no-repeat top left;
}

/*
///////////////////////////////////////

                                   Menu

///////////////////////////////////////
*/

#menu
{
	position:absolute;
	top:348px;
	left:200px;
}
#menu ul
{
	margin:0; 
	padding:0;
}
#menu li
{
	list-style-type:none;
	float:left;
	margin:0;
}
#menu a
{
	display:block;
	float:left;
	height:47px;
	text-indent:-9999px;
}
#menu a.home	{ width:51px; background: transparent url("../images/interface/menu_home.gif") no-repeat; margin-right:75px }
#menu a.signup	{ width:150px; height:100px; position:absolute; top:-30px; left:-200px; z-index:825; }
#menu a.about	{ width:62px; background: transparent url("../images/interface/menu_about.gif") no-repeat; margin-right:72px }
#menu a.store	{ width:64px; background: transparent url("../images/interface/menu_store.gif") no-repeat; margin-right:52px }
#menu a.browse	{ width:80px; background: transparent url("../images/interface/menu_browse.gif") no-repeat; margin-right:182px }
#menu a.artists	{ width:56px; background: transparent url("../images/interface/menu_artists.gif") no-repeat; margin-right:73px }
#menu a.share	{ width:73px; background: transparent url("../images/interface/menu_share.gif") no-repeat; margin-right:43px }
#menu a.contact	{ width:83px; background: transparent url("../images/interface/menu_contact.gif") no-repeat; margin-right:0px }

#menu a.home:hover		{ background-image: url("../images/interface/menu_home_over.gif"); }
#menu a.about:hover		{ background-image: url("../images/interface/menu_about_over.gif"); }
#menu a.store:hover		{ background-image: url("../images/interface/menu_store_over.gif"); }
#menu a.browse:hover	{ background-image: url("../images/interface/menu_browse_over.gif"); }
#menu a.artists:hover	{ background-image: url("../images/interface/menu_artists_over.gif"); }
#menu a.share:hover		{ background-image: url("../images/interface/menu_share_over.gif"); }
#menu a.contact:hover	{ background-image: url("../images/interface/menu_contact_over.gif"); }

/*
///////////////////////////////////////

                        Feature Graphic

///////////////////////////////////////
*/

#feature
{
}

/*
///////////////////////////////////////

                                Content

///////////////////////////////////////
*/

#content
{
	background:white url("../images/interface/page_bg.gif") repeat-y;
	padding-right:20px;
	float:left;
	clear:both;
	width:940px;
}
#primary
{
	float:left;
	width:520px;
	padding:50px 0 0 120px;
	
}
#primary h1
{	
	margin-left:-60px;
}
#primary h2
{
}
#primary h2 a
{
	text-decoration:none;
}
#primary h3
{
}
img
{
	vertical-align:top;
}

/*
///////////////////////////////////////

                                 Quote

///////////////////////////////////////
*/

.quote
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:450px;
	padding:10px;
	border:5px solid #666;
	margin:20px;
	background:#D5C8E8;
}

/*
///////////////////////////////////////

                               Sidebar

///////////////////////////////////////
*/

#sidebar
{
	overflow:hidden;
	float:right;
	margin-top:50px;
	width:260px;
}
#polaroid_new_promotions
{
	position:absolute;
	top:450px;
	left:700px;
	width:280px;
	height:280px;
	z-index:650;
}
#polaroid_featured_artists
{
	position:absolute;
	top:660px;
	left:700px;
	width:280px;
	height:280px;
	z-index:660;
}

/*
///////////////////////////////////////

                     Misc Page Elements

///////////////////////////////////////
*/

.share_form
{
	color:#306;
	font-weight:bold;
	font-size:13px;
	margin-left:20px;
	margin-top:-10px;
	width:220px;
}

/*
///////////////////////////////////////

                     Footer & Copyright

///////////////////////////////////////
*/

#footer
{
	height:256px;
	background:white url("../images/interface/page_bg.gif") repeat-y;
	clear:both;
}
#feather
{
	position:absolute;
	bottom:0;
	left:-69px;
	height:256px;
	width:1029px;
	z-index:30;
	background: transparent url("../images/interface/feather.jpg") no-repeat top left;
}
#copyright
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#d3cbc1;
	line-height:normal;
	clear:both;
	position:relative;
	padding-bottom:15px;
	z-index:1000;
}
#copyright a
{
	color:#d3cbc1;
}

/*
///////////////////////////////////////

            General Purpose Data Table
					 
///////////////////////////////////////
*/

table.data
{
	border-spacing:0 0;
	border-collapse:collapse;
	border:1px solid #aaa;
}
table.data td, table.data th
{
	padding:2px 5px;
	font-size:11px;
	border:1px solid #aaa;
	background:white;
	font-family:Arial, Helvetica, sans-serif;
}
table.data th
{
	background:#000 url("") repeat-x center center;
	border:1px solid #aaa;
	color:white;
}

/*
///////////////////////////////////////

            			Products Table
					 
///////////////////////////////////////
*/

table.products
{
	border-spacing:0 0;
	border-collapse:collapse;
	border:1px solid #aaa;
}
table.products td, table.products th
{
	padding:15px 20px;
	font-size:11px;
	vertical-align:top;
	border:1px solid #aaa;
	background:white;
	font-family:Arial, Helvetica, sans-serif;
}
table.products th
{
	background:#fff url("");
	text-align:left;
	vertical-align:middle;
	border:1px solid #aaa;
	color:white;
}

/*
///////////////////////////////////////

            General Purpose Data Table
					 
///////////////////////////////////////
*/

fieldset
{
	margin:0;
	
}
fieldset legend
{
	font-size:18px;
	font-weight:bold;
	color:#444;
}
fieldset table
{
	margin-top:10px;
	margin-bottom:10px;
}
table.input
{
	padding:4px;
}
table.input td, table.input th
{
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
}
table.input th
{
	text-align:right;
}
input, select, textarea, label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
label
{
	font-weight:bold;
}

/*
///////////////////////////////////////

                              Sub-Menu

///////////////////////////////////////
*/

.tab_menu
{
	padding:0;
	margin:15px 0;
	height:27px;
	display:block;
	clear:both;
	margin-bottom:25px;	
	background:transparent url("../images/interface/tab_shadow.gif") repeat-x bottom left;
}
.tab_menu li
{
	margin:0;
	float:left;
	display:inline;
}
.tab_menu a, .tab_menu a:link
{
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	background:#d0b98c;
	background:#a07d70 url("../images/interface/tab_bg.gif") repeat-x bottom left;
	color:#333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
}
.tab_menu a.there 
{
	background:#a07d70 url("../images/interface/tab_there_bg.gif") repeat-x bottom left;
	color:white;
}


/*
///////////////////////////////////////

                          Button Styles
					 
///////////////////////////////////////
*/

a.button, a.button:link, a.button:visited, input.button
{
	padding:2px 15px;
	background:#38166a;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px outset #4a6771;
}
a.button.small, a.button.small:link, a.button.small:visited, input.button.small
{
	font-size:10px;
	padding:3px 10px;
}
a.button:hover, input.button:hover
{
	color:#ff99cc;
	border:1px outset #000;
}

/*
sIFR
*/