body  { margin: 0; padding: 0; }

hr { width: 90%; color: #3a2719; background-color: #3a2719; height: 2px; border: none; margin: 5px auto; padding: 0;   }

#body { width: 100%; height: 716px; background: url(images/bg3.jpg) top center; }
#foot { width: 100%; background: url(images/foot.jpg) top center; }
			
.container { width: 1000px; margin: auto; }
.head { position: relative; z-index: 2; height: 130px; }
.body { position: relative; z-index: 1; }
.foot { position: relative; z-index: 0; height: 200px; }

/* Header Styles */		
h1#title { width: 470px; height: 140px; background: url(images/title.png) bottom center no-repeat; text-indent: -9999px; position: absolute; top: 25px; margin: 0; padding: 0; }
h1#title a { display: block; width: 470px; height: 140px; }
ul#menu { width: 530px; height: 130px; margin: 0 0 0 470px; padding: 0; list-style: none; float: left; }
ul#menu li { float: left; margin: 0 37px; padding: 80px 0 10px 0; }
ul#menu li a { font: 300 20px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; text-decoration: none; text-shadow: 1px 1px 0 #e0d3b5; }
ul#menu li a:hover { color: #790000; }
ul#menu li.active { border-bottom: 2px solid #5e4a3a; }

/* Home Page Styles */			
#main   { width: 940px; height: 350px; background: url(images/main.png) top left no-repeat; padding: 0; margin: auto; position: relative; }
#main p { font: 300 20px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; }
#main p:hover { color: #790000; }
#main p.welcome { font: 300 60px "museo-sans-1","museo-sans-2",sans-serif; line-height: 40px; color: #3a2719; padding: 0 0 0 25px; margin: 0; }
#main p.subwelcome { font: 300 29px "museo-sans-1","museo-sans-2",sans-serif; line-height: 30px; color: #3a2719; padding: 0 0 0 25px; margin: 0; }
#paginate-main { width: 530px; height: 80px; background: url(images/slider.png) top left no-repeat; padding: 5px 0 5px 30px;margin: 35px 30px 0 30px; float: left; }
#store  { width: 300px; height: 105px; background: url(images/store.png) top left no-repeat; padding: 10px; margin: 35px 30px 0 30px; float: left; }
.sliderwrapper { position: relative; overflow: hidden; width: 940px; height: 350px; }
.sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; padding: 0; width: 920px; height: 100%; }
.pagination a { height: 54px; width: 54px; display: block; border: 3px solid #3a2719; float: left; margin: 5px; }
.pagination a:hover, .pagination a.selected { color: #000; border-color: #790000; }
#main-text { position: absolute; top: 40px; left: 15px; width: 300px; height: 300px; background: url(images/main-text-bg.png) bottom center no-repeat; }
#main-text p { font: 300 12px "museo-sans-1","museo-sans-2",sans-serif; padding: 0 0 0 25px; }

/* Studio Page */
#studio { height: 460px; width: 940px; background: url(images/studio.png) left top no-repeat; margin: 35px 30px 0 30px; }
#studio .left { height: 460px; width: 460px; float: left; }
#studio .right { height: 460px; width: 480px; float: left; text-align: center; }
#studio .right h2 { font: 500 28px "museo-1","museo-2",serif; color: #3a2719; line-height: 0px; margin: 10px; padding: 0;}
#studio .right h3 { font: 500 18px "museo-1","museo-2",serif; color: #3a2719; text-align: left; margin: 0 15px; padding: 0; }
#studio .right p { font: 500 12px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; text-align: left; margin: 15px; padding: 0; }
#studio .right table { font: 500 12px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; text-align: left; margin: 5px 35px; padding: 0; }
#paginate-stud { width: 406px; height: 80px; background: url(images/studio-slider.png) top left no-repeat; padding: 5px 0 5px 60px; margin: 20px auto; }
.pagination a { height: 54px; width: 54px; display: block; border: 3px solid #3a2719; float: left; margin: 5px; }
.pagination a:hover, .pagination a.selected { color: #000; border-color: #790000; }
#studio .sliderwrapper { position: relative; overflow: hidden; width: 460px; height: 460px; }
#studio .sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; padding: 10px; width: 440px; height: 100%; }

/* Artists Page */
#artists { width: 960px; height: 485px; margin: 35px 30px 0 30px; }
#artists div { width: 290px; height: 130px; background: url(images/artist.png); float: left; margin: 10px; padding: 5px; }
#artists div h2 { font: 500 18px "museo-1","museo-2",serif; color: #3a2719; margin: 0; padding: 0 5px; }
#artists div p { font: 500 11px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; padding: 0; margin: 2px 10px; }
#artists div .prev { width: 100px; height: 100px; border: 5px solid #3a2719; margin: 5px; float: right; }
#artists div .prev:hover { border-color: #790000; }
#artists div h2 a { color: #790000; text-decoration: none; text-shadow: none; }
#artists div h2 a:hover { text-decoration: underline; }

/* Gallery Pages */
#gallery { width: 940px; height: 485px; background: url(images/gallery.png) left top no-repeat; margin: 35px 30px 0 30px; }
#gallery .left { width: 300px; height: 485px; float: left; }
.post-meta { list-style: none; text-align: left; font: 500 12px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; padding: 0; margin: 2px 10px; }
.post-meta-key { font-weight: bold; }
#gallery .left h2 { font: 500 28px "museo-1","museo-2",serif; color: #3a2719; margin: 5px 10px; padding: 0; }
#gallery .left p { font: 500 12px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; padding: 0; margin: 2px 10px; }
#gallery .right { width: 600px; height: 485px; float: left; margin: 0 0 0 25px; }
#gallery .right h2 { font: 500 28px "museo-1","museo-2",serif; color: #3a2719; margin: 5px 10px; padding: 0; }

/* News Page */
#news { height: 485px; width: 940px; margin: 40px 30px 0 30px; }
#news h2 { font: 500 28px "museo-1","museo-2",serif; color: #3a2719; line-height: 28px; margin: 0; padding: 0;}
#news h2 a { color: #3a2719; text-decoration: none; }
#news h2 a:hover { color: #790000; text-decoration: underline; }
#news .byline { font: 500 16px "museo-1","museo-2",serif; color: #3a2719; margin: 0; padding: 0; }
#news .byline a { color: #3a2719; text-decoration: none; }
#news .byline a:hover  { color: #790000; text-decoration: underline; }
#news h3 { font: 500 18px "museo-1","museo-2",serif; color: #3a2719; text-align: left; margin: 10px; padding: 0; }
#news p { font: 300 14px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; text-align: left; margin: 0; padding: 0 0 0 20px; }
#news .left { width: 640px; float: left; }
#news .right { width: 300px; float: left; }
#navigation { margin: auto; width: 150px; text-align: center; font: 300 14px "museo-1","museo-2",serif; }
#navigation a { color: #3a2719; text-decoration: none; }
#navigation a:hover { color: #790000; text-decoration: underline; }
#news .right ul { margin: 0 25px; padding: 0; font: 500 14px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; list-style: none; }
#news .right ul a { color: #3a2719; text-decoration: none; }
#news .right ul a:hover { color: #790000; text-decoration: underline; }
.post { width: 620px; margin: auto; }
.title { width: 620px; }
.date { width: 69px; height: 68px; background: url(images/date.png) top left no-repeat; padding: 7px 0 0 0; margin: 0 5px 0 0;float: left; text-align: center; font: 500 18px "museo-1","museo-2",serif; color: #3a2719; text-shadow: 1px 1px 0 #e0d3b5; }
.date strong { font-size: 30px; font-weight: 300; }
.text  { width: 620px; }

/* Contact Page */
#contact { height: 485px; width: 940px; margin: 40px 30px 0 30px; }
#contact .left  { height: 460px; width: 500px; float: left; }
#contact .right { height: 460px; width: 440px; float: left; }
#map_canvas { height: 340px; width: 490px; margin: 0; padding: 0; border: 5px solid #3a2719; }
#contact .right h2 { font: 500 28px "museo-1","museo-2",serif; color: #3a2719; line-height: 0px; margin: 10px; padding: 0;}
#contact .right h3 { font: 500 18px "museo-1","museo-2",serif; color: #3a2719; text-align: left; margin: 10px; padding: 0; }
#contact .right p { font: 300 18px "museo-sans-1","museo-sans-2",sans-serif; color: #3a2719; text-align: left; margin: 0; padding: 0 0 0 20px; }
#contact a { color: #3a2719; text-decoration: none; }
#contact a:hover { color: #790000; text-decoration: underline; }

/* Footer Styles */
.foot div { height: 200px; max-width: 200px; float: left; padding: 0 30px; position: relative; top: -35px; }
.foot div h3 { font: 500 20px "museo-sans-1","museo-sans-2",sans-serif; color: #e0d3b5; }
.foot ul { list-style: none; margin: 0; padding: 0 0 0 10px; position: relative; top: -20px; }
.foot ul li { font: 500 14px "museo-sans-1","museo-sans-2",sans-serif; color: #f3f3f3; text-decoration: none; border-bottom: 0px solid #73645a; }
.foot ul li a { font: 500 14px "museo-sans-1","museo-sans-2",sans-serif; color: #f3f3f3; text-decoration: none; }
.foot ul li a:hover { text-decoration: underline; }