/* simple reset */
html, body { margin:0; padding:0; }

/* background & container element */
body { background:#4f0000 url('../images/template/background-repeat.png') repeat-x; }
#background { background:url('../images/template/background-full.png') no-repeat top center; height:927px; left:50%; margin-left:-630px; position:absolute; top:-14px; width:1260px; }

#container { height:927px; margin:0 auto; padding:0; position:relative; width:1260px; }

/* logo */
h1.logo { background:url('../images/template/logo-text.png') no-repeat; display:block; height:206px; left:130px; margin:0; padding:0; position:absolute; text-indent:-9999px; top:60px; width:928px; }
img.logo { left:60px; margin:0; padding:0; position:absolute; top:-30px; }

/* navigation */
ul#navigation { left:430px; list-style:none; position:absolute; top:215px; }
ul#navigation > li { display:block; float:left; height:26px; margin-left:24px; position:relative; }
ul#navigation > li > a { background:url('../images/template/navigation.png') no-repeat; display:block; height:100%; width:100%; }
ul#navigation > li > a > span { background:url('../images/template/navigation.png') no-repeat; display:block; height:100%; text-indent:-9999px; width:100%; }

ul#navigation > li#n-news-and-events { margin-left:0; width:218px; }
ul#navigation > li#n-shop { width:71px; }
ul#navigation > li#n-artists { width:114px; }
ul#navigation > li#n-contact { width:118px; }

ul#navigation > li#n-news-and-events > a { background-position:0 0; }
ul#navigation > li#n-shop > a { background-position:-242px 0; }
ul#navigation > li#n-artists > a { background-position:-335px 0; }
ul#navigation > li#n-contact > a { background-position:-472px 0; }

ul#navigation > li#n-news-and-events > a > span, body#news-and-events ul#navigation > li#n-news-and-events > a { background-position:0 -26px; }
ul#navigation > li#n-shop > a > span, body#shop ul#navigation > li#n-shop > a { background-position:-242px -26px; }
ul#navigation > li#n-artists > a > span, body#artists ul#navigation > li#n-artists > a { background-position:-335px -26px; }
ul#navigation > li#n-contact > a > span, body#contact ul#navigation > li#n-contact > a { background-position:-472px -26px; }

/* sub navigation */
ul.sub-navigation { background:url('../images/template/navigation-sub-background.png') no-repeat; height:170px; left:-60px; position:absolute; text-align:center; top:20px; width:223px; }
ul.sub-navigation > li { list-style:none; margin:0 0 0 -60px; padding:10px 0 0 0; text-align:center; }
ul.sub-navigation > li > a { background:url('../images/template/navigation-sub.png') no-repeat; display:block; height:21px; margin:0 auto; overflow:hidden; }
ul.sub-navigation > li > a > span { background:url('../images/template/navigation-sub.png') no-repeat; display:block; height:100%; text-indent:-9999px; width:100%; }

ul.sub-navigation > #n-jon-highland > a { background-position:0 0; width:150px; }
ul.sub-navigation > #n-shawn-edwards > a { background-position:0 -31px; width:186px; }
ul.sub-navigation > #n-salt-rock > a { background-position:0 -62px; width:111px }
ul.sub-navigation > #n-lefty > a { background-position:0 -93px; width:68px; }

ul.sub-navigation > #n-jon-highland > a > span,
body.jon-highland ul.sub-navigation > #n-jon-highland > a { background-position:-190px 0; }

ul.sub-navigation > #n-shawn-edwards > a > span,
body.shawn-edwards ul.sub-navigation > #n-shawn-edwards > a { background-position:-190px -31px; }

ul.sub-navigation > #n-salt-rock > a > span,
body.salt-rock ul.sub-navigation > #n-salt-rock > a { background-position:-190px -62px; }

ul.sub-navigation > #n-lefty > a > span,
body.lefty ul.sub-navigation > #n-lefty > a { background-position:-190px -93px; }

/* frames */
.frame .content { position:relative; }

#gold-leaf-frame { background:url('../images/template/frame-gold-leaf.png') no-repeat; height:527px; left:173px; position:absolute; top:239px; width:377px; }
#gold-leaf-frame div.content { height:413px; margin:60px 54px 54px 56px; }

#gold-frame { background:url('../images/template/frame-gold.png') no-repeat; height:267px; left:537px; position:absolute; top:232px; width:310px; }
#gold-frame div.content { height:154px; margin:55px 58px 0 54px; }
#gold-frame div.slideshow { height:267px; overflow:hidden; width:310px; }
#gold-frame div.slideshow img { left:0; position:absolute; top:0; }
#gold-frame #flash-overlay { background:url('../images/template/frame-gold-transparent.png') no-repeat; height:527px; left:0; position:absolute; top:0; width:377px; z-index:4; }
#gold-frame #flash-video { z-index:3; }

#white-frame { background:url('../images/template/frame-white.png') no-repeat; height:380px; left:545px; position:absolute; top:475px; width:307px; }
#white-frame div.content { height:282px; margin:54px 44px 0px 48px; }
#white-frame img { border:none; margin:52px 0 0 43px; }

#artists .flash-overlay { background-repeat:no-repeat; height:100%; left:0; position:absolute; top:0; width:100%; z-index:4; }
#artists .flash-video { position:absolute; z-index:3; }
#artists .flash-video object { position:absolute; z-index:3; }

#artists-wooden-frame { height:304px; left:154px; position:absolute; top:251px; width:410px; }
#artists-wooden-frame .flash-overlay { background-image:url('../images/template/artists-frame-wooden.png'); height:304px; width:410px; }

#artists-gold-leaf-frame { height:295px; left:554px; position:absolute; top:242px; width:294px; }
#artists-gold-leaf-frame .flash-overlay { background-image:url('../images/template/artists-frame-gold-leaf.png'); height:295px; width:294px; }

#artists-washed-gold-frame { height:301px; left:475px; position:absolute; top:520px; width:380px; }
#artists-washed-gold-frame .flash-overlay { background-image:url('../images/template/artists-frame-washed-gold.png'); height:301px; width:380px; }

#artists-white-frame { background-image:none; height:332px; left:114px; position:absolute; top:525px; width:415px; }
#artists-white-frame .flash-overlay { background-image:url('../images/template/artists-frame-white.png'); height:332px; width:415px; }

#drawn-frame { background:url('../images/template/frame-drawn.png') no-repeat; height:416px; left:847px; line-height:10pt; position:absolute; top:251px; width:265px; }
#drawn-frame div.content { height:295px; margin:62px 32px 58px 36px; }
#drawn-frame div.content div.gallery { text-align:center; }

#polaroid { background:url('../images/template/polaroid.png') no-repeat; color:#fff; font:small-caps 8pt/14pt Georgia, "Times New Roman", Times, serif; height:321px; left:824px; position:absolute; top:602px; width:293px; }
#polaroid p { margin:10px 0 0 0; text-align:center; }
#polaroid address { display:block; font-style:normal; padding-top:80px; text-align:center; }
#polaroid #copyright { bottom:12px; color:#000; font:8pt Georgia, "Times New Roman", Times, serif; margin:0; position:absolute; text-align:center; width:100%; }
#polaroid a { color:#fff; }

/* frame titles */
h1.img-title, h2.img-title, h3.img-title, h4.img-title, h5.img-title, h6.img-title { background-repeat:no-repeat; display:block; height:41px; left:15px; margin:0; padding:0; position:absolute; text-indent:-9999px; top:35px; }
#artists h1.img-title { height:33px; left:50%; }

#news-and-events-title { background-image:url('../images/title-news-and-events.png'); width:78px; }
#art-shows-title { background-image:url('../images/title-art-shows.png'); width:137px; }
#conventions-title { background-image:url('../images/title-conventions.png'); width:154px; }
#press-clippings-title { background-image:url('../images/title-press-clippings.png'); width:190px; }

#artists #jon-highland-title { background-image:url('../images/jon-highland/name.png'); margin-left:-74px; top:30px; width:148px; }
#artists #shawn-edwards-title { background-image:url('../images/shawn-edwards/name.png'); bottom:25px; margin-left:-93px; width:186px; }
#artists #salt-rock-title { background-image:url('../images/salt-rock/name.png'); margin-left:-55px; top:20px; width:110px; }
#artists #lefty-title { background-image:url('../images/lefty/name.png'); margin-left:-34px; top:25px; width:69px; }

#artists h2#jon-highland-title, #artists h2#shawn-edwards-title, #artists h2#salt-rock-title, #artists h2#lefty-title { margin-left:0; top:35px; }

#artists h1.img-title a { display:block; height:100%; text-indent:-9999px; width:100%; }

/* z-index (general items) */
h1.logo				{ z-index:3; }
img.logo			{ z-index:1; }
ul#navigation		{ z-index:6; }
div#gold-leaf-frame	{ z-index:2; }
div#gold-frame		{ z-index:1; }
div#white-frame		{ z-index:4; }
div#drawn-frame		{ z-index:5; }
div#polaroid		{ z-index:3; }
.img-title			{ z-index:5; }

/* z-index (artists page items) */
div#artists-wooden-frame		{ z-index:2; }
div#artists-gold-leaf-frame		{ z-index:1; }
div#artists-washed-gold-frame	{ z-index:4; }
div#artists-white-frame			{ z-index:3; }

/* general content styling */
div.content { font:8pt/16pt Georgia, "Times New Roman", Times, serif; letter-spacing:1px; overflow:hidden; position:relative; }

div.content h1 + p { margin-top:0; padding-top:0; }
div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 { display:block; font-family:"Times New Roman", Times, serif; font-variant:small-caps; margin:5px 0; font-weight:bold; }

div.content p { margin-top:0; padding-top:0; }
div.content h1 { font-size:18pt; line-height:16pt; }
div.content h2 { font-size:16pt; line-height:14pt; }
div.content h3 { font-size:14pt; line-height:12pt; }
div.content h4 { font-size:12pt; line-height:10pt; }
div.content h5 { font-size:11pt; line-height:9pt; }
div.content h6 { font-size:10pt; line-height:8pt; }

div.content h1 em, div.content h2 em, div.content h3 em, div.content h4 em, div.content h5 em, div.content h6 em { font-size:75%; }

div.content ul { list-style:circle; margin:0; padding:0 0 0 15px; }
div.content ol { margin:0; padding:0 0 0 25px; }
div.content hr { background-color:#000; border:none; border-top:2px solid #000; color:#000; height:2px; line-height:2px; }
div.content a { color:#0000FF; }
div.content a:hover { color:#000033; }

div.content .no-results { display:block; font-variant:small-caps; left:50%; margin:-50px 0 0 -50px; padding:0; position:absolute; top:50%; }

/* gallery */
.gallery img { border:1px solid #333; margin:2px 8px; }

/* contact form */
.form { margin:0; padding:0; text-align:left; }
.form p { clear:both; margin:0; padding:0 0 5px 0; }
.form label { float:left; font-weight:bold; width:95px; }
.form label.inline { font-weight:normal; margin:0 0 5px 0; text-align:right; width:110px; }
.form label.block { width:100%; }
.form input.input-field { margin-top:-2px; width:165px; }
.form input.radio-box { float:left; margin:1px 0 5px 0; }
.form label.radio-box, .form input.radio-box { cursor:pointer; }
.form textarea.text-box { height:100px; width:260px; }
.form .buttons { margin-bottom:0; padding-bottom:0; text-align:center; }
.form input.button { background-color:transparent; border:5px solid #666; cursor:pointer; font-variant:small-caps; margin:0 5px; padding:0 5px; }

/* not supported page */
#not-supported h1.logo { top:-25px; }
#not-supported #gold-leaf-frame { left:50%; margin-left:-188px; top:90px; z-index:02; }
#not-supported #polaroid { left:755px; top:300px; z-index:01; }

/* panoramic page */
#shop-panoramic { font:small-caps 8pt/14pt Georgia, "Times New Roman", Times, serif; }
#shop-panoramic #image-container { background-color:#fff; border:5px solid #fff; margin:25px 0; padding:10px; width:1814px; }
#shop-panoramic #image-container .close { line-height:0; margin:0; padding:5px 5px 0 0; }

/* global */
a { outline:none; }
.frame-it { }