/* ************ Reset ************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
a:link,a:visited{text-decoration:none;color:#000;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ************ Grid ************** */
.main{width:970px; margin:0 auto; position:relative;}
.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960{float:left;display:inline;margin-left:10px;}
.g160{width:150px;}
.g320{width:310px;}
.g480{width:470px;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:950px;}
.g80{width:70px;}
.g240{width:230px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}
p.grid{padding-left:10px;}
.clear{clear:both;}
.clearfix:after,.main:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix,.main{display:block;}

/* Misc */
body{ background:#000 url(../img/body_bg.jpg) repeat-y top center; text-align:center;}
.main{ background:#000 url(../img/left_bg.jpg) repeat-y; border: solid #29230b; border-width: 0 1px;}
#left{ float:left; width:154px; margin-left:1px;}
#logo_div h1 a{ background:url(../img/logo.gif) no-repeat center center; display:block; width:154px; height:200px; margin-top: 43px; text-indent:-9999em;}
#main_div{ border-left:1px solid #29230b; width:814px; float:left; min-height:1200px;}
#content_div{ width:814px; float:left;}
#top_div{ background:url(../img/top_bg.gif); border:solid #29230b; border-width:0 0 1px 0; width:814px; height:52px; text-align:left; float:left;}
#dondante_img{margin-left:15px; float:left;}
#player_btn{ float:left;}
#add_items_btn, #checkout_btn { float:left; display:block; color:#fff; text-align:center; height:22px; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../img/checkout_btn.jpg);}
#add_items_btn{ margin:16px 4px 0 25px; float:left; width:90px; text-indent:25px;}
#checkout_btn{ margin:16px 25px 0 0px; float:left; width:90px; background-position: -25px 0;}
#store_h2,
#artists_h2,
#collections_h2,
#company_h2,
#contact_h2,
#customer_h2,
#spring2009_h2,
#summer2009_h2,
#question_h2{ width:814px; height:109px; background:url(../img/title_bg.jpg) no-repeat; text-indent:-9999em; border:1px solid #29230B; border-width: 0 0 1px 0;}
#store_h2 span,
#artists_h2 span,
#collections_h2 span,
#company_h2 span,
#contact_h2 span,
#customer_h2 span,
#question_h2 span { display:block; position:relative;}

/* Menu */
#menu { width:154px; padding:0px; margin:0px;}
#menu .h3 {	font-weight:normal;	color:#d6b728; margin:0px; cursor:pointer;}
#menu ul{border:solid #584b08; border-width:1px 0;}
#menu ul, #menu ul li { margin:0px; list-style:none;}
#menu ul li { padding:4px 0; text-indent:-9999em; overflow:hidden;}
#menu ul li a {	margin:5px auto 0; overflow:hidden; display:block; height:18px; background-image:url(../img/sprite_menu.gif); background-repeat:no-repeat;}
#mylist{ border:0 !important;}
#mylist li a{ height:14px !important;}
#store_li{ border:solid #584b08; border-width:1px 0 0;}
#aboutus_li a{ width:70px; }
#aboutus_li a:hover{ background-position: 0 -20px;}
#artists_li a{ width:50px; background-position: 0 -40px;}
#artists_li a:hover{ background-position: 0 -60px;}
#collections_li a{ width:153px; margin-top:5px !important; background-image:url(../img/sprite_menu.gif); background-repeat:no-repeat; background-position: -142px 0;}
#collections_li a:hover { background-position: -272px 0;}
#summer2009_li a{ width:75px; background-position: 0 -280px;}
#spring2009_li a{ width:65px; background-position: 0 -300px;}
#customer_li a{ width:127px; background-position: 0 -80px;}
#customer_li a:hover{ background-position: 0 -100px;}
#customer_li a{ width:127px; background-position: 0 -80px;}
#customer_li a:hover{ background-position: 0 -100px;}
#news_li a{ width:110px; background-position: 0 -120px;}
#news_li a:hover{ background-position: 0 -140px;}
#contact_li a{ width:80px; background-position: 0 -160px;}
#contact_li a:hover{ background-position: 0 -180px;}
#blog_li a{ width:33px; background-position: 0 -200px;}
#blog_li a:hover{ background-position: 0 -220px;}
#store_li a{ width:37px; background-position: 0 -238px;}
#store_li a:hover{ background-position: 0 -258px;}


/* Footer */
#footer_div{ margin:40px 0 20px; width:814px; float:left; padding-bottom:20px;}
#footer_div ul{ margin-bottom:15px;}
#footer_div ul li{ display:inline; color:#d6b728; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#footer_div ul li a{ color:#d6b728; text-decoration:none;}
#footer_div ul li a:hover{ text-decoration:underline;}
#footer_div #copyright{ color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#footer_div #copyright a{ color:#fff; text-decoration:none;}
#footer_div #copyright a:hover{ text-decoration:underline;}