@charset "UTF-8";

/*Global styles --------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	/*font: inherit;*/
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

a.head:link {color:#476be0; background-color:transparent;  text-decoration: none }
a.head:active {text-decoration: none }
a.head:visited {color:#476be0; background-color:transparent;  text-decoration: none }
a.head:hover {color:#999; background-color:transparent;  text-decoration: none }

body {background-color:#999; margin:8px 0 0 0; padding: 0;font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

img {border:none;}

.clearFloats {clear:both;}

#head h1 {display:none;}

nav h1 {display:none;}
 
section h1 {display:none;} 

/*.gallery h2 {display:none;}*/

div.img img{border:0px;}

#display {height:inherit;background-color:#666;overflow:visible;/*display:inherit;*/}

article h2 {display:none;}

.ArtTitle {color:#FFF;background-color:#000;font-weight:bold;font-size:1.4em;line-height:16pt;margin-top:8px; margin-left:15px;}

.ArtCaption {color:#FFFFFF;background-color:#000;height:100%;font-size:9pt;line-height:12pt;margin-left:15px; margin-bottom:20px;} 

/*mobile styles*/
@media only screen and (max-width:480px) {
/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {-webkit-text-size-adjust:none;}

body {width:60%;margin:0 auto;min-width: 320px;max-width:480px;}

#wrap {width:320px;}

a:link {color:#fff; background-color:transparent;  text-decoration: underline }
a:active {text-decoration: none }
a:visited {color:#fff; background-color:transparent;  text-decoration: none }
a:hover {color:#476be0; background-color:transparent;  text-decoration: none }

header, nav {margin-left:5px;}

header {background-color:#fff;height:40px;width:320px;padding-left:8px;}

header.gallery_menu {display:none;}

#head {color:#476be0;/*text-transform:uppercase;*/width:320px;padding-top:10px;font-size:24px;line-height:24px;}

#headTag {font-size:1.6em;font-style:italic;text-transform:none;color:#000;}

nav {padding-left:8px;color:#000;background-color:#999;width:320px;padding-top:5px;padding-bottom:15px;font-weight:bold;font-size:13pt;line-height:29pt;height:65px;}

nav.gallery_menu {display:none;}

.nav ul{padding-left:20px;color:#000;background:#999;}

.nav li {list-style:none;display:inline;margin-right:30px;text-align:center;}

#left {float:left;width:300px;background-color:#666;padding-top:15px;text-transform:none;padding-left:8px;padding-right:25px;}

#left_text {width:295px;}

.about {height:100%;}

p {color:#000000;background-color:#666;font-size:13pt;line-height:15pt;padding-bottom:.8em;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:13pt;line-height:15pt;padding-bottom:.8em;width:320px;}

h2.second {font-weight:bold;color:#fff;background-color:transparent;font-size:13pt;line-height:15pt;padding-top:.8em;padding-bottom:.8em;width:320px;}

h3.first {margin-top:-.8em;padding-bottom:.8em;}

h3 {font-weight:bold;color:#000;background-color:transparent;font-size:13pt;line-height:15pt;padding-top:.8em;padding-bottom:.8em;width:320px;}

#left.gallery {display:none;}

#left.gallery_menu {display:inherit;}

div.img {margin-right:8px;margin-bottom:8px;border:0px;height:auto;width:auto;float:left;}

.row {width:312px;clear:both;}

.row_top {text-decoration:underline;width:312px;clear:both;}

.ArtTitle {float:left;clear:left;font-size:1.6em;line-height:18pt;margin-top:12px; margin-left:15px; width:225px;}

.ArtCaption {float:left;clear:left;width:225px;} 

.return_gallery_top {clear:right;float:right;width:45px;color:#fff;background-color:transparent;font-weight:bold;font-size:12pt; line-height:12pt;/*text-align:right;*/position:absolute;top:10px;margin-bottom:0px;padding-top:5px;padding-left:130px;}

.return_gallery {clear:right;float:right;width:45px;color:#fff;background-color:transparent;height:100%;font-size:12pt; line-height:12pt;text-align:right;margin-top:-12px;margin-bottom:0px;padding-right:10px;}

#right.gallery {display:inherit;float:left;width:330px;background-color:#000;overflow:hidden;}

#right.gallery img {margin-left:-60px;}

a.return_gallery_top:link {color:#000; background-color:transparent;  text-decoration: underline; }
a.return_gallery_top:active {text-decoration: underline }
a.return_gallery_top:visited {color:#000; background-color:transparent;  text-decoration:underline }
a.return_gallery_top:hover {color:#999; background-color:transparent;  text-decoration: none }

a.return_gallery:link {color:#fff; background-color:transparent;  text-decoration: underline; }
a.return_gallery:active {text-decoration: underline }
a.return_gallery:visited {color:#fff; background-color:transparent;  text-decoration:underline }
a.return_gallery:hover {color:#999; background-color:transparent;  text-decoration: none }

#right {display:none;}

footer { color:#fff; background-color:transparent;font-size:1.4em;line-height:2.7em;font-weight:bold; width:310px;text-align:left;margin:0 auto;margin-top:10px;padding-left:8px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:block;margin-right:0px;}

.footer_nav_address li {list-style:none;display:inline;word-spacing:5em;}
}


/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {
body {width:90%;margin: 0 auto;min-width:500px;max-width:768px;}

#wrap {width:665px;margin:0 auto;background-color:#666;}

a:link {color:#fff; background-color:transparent;  text-decoration: none }
a:active {text-decoration: none }
a:visited {color:#fff; background-color:transparent;  text-decoration: none }
a:hover {color:#476be0; background-color:transparent;  text-decoration: none }

header {background-color:#fff;height:50px;width:660px;padding-left:5px;}

#head {color:#476be0;/*text-transform:uppercase;*/height: 30px;padding-top:14px;font-size:24px;line-height:24px;}

#headTag {font-size:1.5em;font-style:italic;text-transform:none;float:left;margin-left:145px;margin-top:-23px;color:#000;}

nav {padding-left:5px;color:#000;background-color:#999;width:665pxpx;padding-top:10px;padding-bottom:10px;font-weight:bold;font-size:11pt;line-height:16pt;height:100%;}

.nav ul{padding-left:20px;color:#fff;background:#999;}

.nav li {list-style:none;display:inline;margin-right:50px;}

#left {float:left;width:300px;background-color:#666;padding-top:15px;text-transform:none;padding-left:8px;padding-right:25px;}

#left_text {width:300px;}

.next, .back {font-size:1.4em;font-weight:bold;clear:both;float:right;margin-top:-30px;}

div.img {margin-right:8px;margin-bottom:6px;border:0px;height:auto;width:auto;float:left;}

.row {width:312px;clear:both;}

.row_top {text-decoration:underline;}

p {color:#000000;background-color:transparent;font-size:11pt;line-height:14pt;padding-bottom:.8em;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:11pt;line-height:14pt;padding-bottom:.8em;width:300px;}

h2.second {font-weight:bold;color:#fff;background-color:transparent;font-size:11pt;line-height:14pt;margin-top:.8em;padding-bottom:.8em;width:300px;}

h3.first {margin-top:-.8em;padding-bottom:.8em;}

h3 {font-weight:bold;color:#000;background-color:transparent;font-size:11pt;line-height:14pt;padding-top:.8em;padding-bottom:.8em;width:300px;}

.gallery {width:300px;}

#right {float:right;width:330px;background-color:#000;overflow:hidden;}

#right.gallery img {margin-left:-55px;}

#right.gallery_menu img {margin-left:-55px;}

#right.about img {margin-left:-55px;}

#right.about {background-color:#666;}

.return_gallery {display:none;}

.about {height:100%;}

footer { color:#fff; background-color:transparent;font-size:1.2em;line-height:1.8em; width:665px;text-align:center;margin: 0 auto;margin-top:10px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:inline;margin-right:20px;}

.footer_nav_address li {list-style:none;display:inline;margin-right:25px;word-spacing:5em;}
}

/*desktop styles*/
@media only screen and (min-width:769px) {
body {width: 90%;margin: 0 auto;min-width: 769px;max-width: 800px;}

#wrap {width:800px;margin:0 auto;background-color:#666;}

a:link {color:#fff; background-color:transparent;  text-decoration: none }
a:active {text-decoration: none }
a:visited {color:#fff; background-color:transparent;  text-decoration: none }
a:hover {color:#476be0; background-color:transparent;  text-decoration: none }

header {background-color:#fff;height:50px;width:780px;padding-left:20px;}

#head {color:#476be0;/*text-transform:uppercase;*/height: 30px;padding-top:14px;font-size:24px;line-height:24px;}

#headTag {font-size:1.5em;font-style:italic;text-transform:none;float:left;margin-left:145px;margin-top:-23px;color:#000;}

nav {padding-left:20px;color:#000;background-color:#999;width:780px;padding-top:5px;padding-bottom:5px;font-weight:bold;font-size:9pt;line-height:10pt;}

.nav ul{padding-left:20px;color:#000;background:#999;}

.nav li {list-style:none;display:inline;margin-right:25px;}

#gallery_nav {background:#476be0;}

#left {float:left;width:340px;background-color:#666;padding-top:15px;text-transform:none;padding-left:20px;}

#left_text {width:320px;}

div.img {margin-right:10px;margin-bottom:10px;border:0px;height:auto;width:auto;float:left;}

p {color:#000;background-color:transparent;font-size:9pt;line-height:12pt;padding-bottom:.8em;}

.gallery {width:320px;}

.row {width:320px;clear:both;} 

.row_top {display:none;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:9pt;line-height:12pt;padding-bottom:.8em;}

h2.second {font-weight:bold;color:#fff;background-color:transparent;font-size:9pt;line-height:12pt;padding-top:.8em;padding-bottom:.8em;}

h3.first {margin-top:-.8em;padding-bottom:.8em;}

h3 {font-weight:bold;color:#000;background-color:transparent;font-size:9pt;line-height:12pt;padding-top:.8em;padding-bottom:.8em;}

#right {float:right;width:440px;background-color:#000;}

#right.about {background-color:transparent;height:100%;}

.return_gallery {display:none;}

.about {height:100%;}

footer { color:#fff; background-color:transparent;font-size:1.2em;line-height:1.8em; width:800px;text-align:center;margin: 0 auto;margin-top:10px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:inline;margin-right:20px;}

.footer_nav_address li {list-style:none;display:inline;margin-right:25px;word-spacing:5em;}

}