@charset "utf-8";
/* CSS Document */

* {margin:0;padding: 0;}
body {font-size: 62.5%;font-family: Arial, Helvetica, sans-serif;background: #b6cbc6;}
img, fieldset {border: none;}
ul {list-style: none;}
ul.shows {font-size: 1.3em;}
p {font-size: 1.3em;}

a {
	text-decoration: none;
	color: #525c5a;
}

a:visited {

}

a:hover {
	text-decoration: underline;
}

a:active {

}
form .field {width:500px;}
h1, h2, h3, h4, h5, h6 {
	color: #748380;
	margin-bottom: .8em;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h3.norm {
	color: #000;
	margin-bottom: 0;
}

h4 {
	font-size: 1.4em;
}

h5 { 
	font-size: 1.4em;
}

h6 {
	font-size: 1.4em;
}

p {
	margin-bottom: .8em;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.inviz {
	position: absolute !important;
	left: -9999px !important;
	height: 1px !important;
}

/*layout*/

#wrapper {
	width: 751px;
	margin: 0 auto;
}

#header {
	height: 100px;
	background: url(https://www.lunarboygallery.com/images/header.gif) top left no-repeat;
	position: relative;
}

#mainnav {
	height: 32px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 49%;
}

#mainnav li {
	display: inline;
}

#mainnav a {
	display: block;
	float: left;
	height: 32px;
	background-image: url(https://www.lunarboygallery.com/images/nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

a#home {
	width: 53px;
	background-position: top left;
}

a#gallery {
	width: 81px;
	background-position: -54px 0px;
}

a#show {
	width: 101px;
	background-position: -135px 0px;
}

a#artists {
	width: 51px;
	background-position: -237px 0px;
}

a#contact {
	width: 80px;
	background-position: top right;
}

a#home:hover {
	background-position: bottom left;
}

a#gallery:hover {
	background-position: -54px -33px;
}

a#show:hover {
	background-position: -135px -33px;
}

a#artists:hover {
	background-position: -237px -33px;
}

a#contact:hover {
	background-position: bottom right;
}


#nav {height: 24px;width: 750px;}
#nav a#featured,#nav a#products,#nav a#catalog,#nav a#submissions,#nav a#cart {display: block;float: left;height: 24px;background-image: url(https://www.lunarboygallery.com/images/subnav.gif);background-repeat: no-repeat;text-indent: -9999px;}

ul#nav {position: relative;}
ul#nav li {display: inline;position: relative;z-index: 99;}
ul#nav a, ul#nav a:visited {}
ul#nav a:hover, ul#nav a:active, ul#nav a.active {}
ul#nav ul {position:absolute;display:inline;display: none;background:#74827f;width: 200px;top:34px;left:-580px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#nav ul {top:24px;left:-180px;}
}
ul#nav ul a {padding:3px 3px 3px 15px;text-decoration:none;font-size:1.2em;color:#fff;display:block !important;}
ul#nav ul a:hover {background:#b6cbc6;display:block !important;}
ul#nav.hover ul {display: none !important;}
ul#nav li:hover ul, ul#nav li.open ul {display: block !important;}

a#featured {width: 333px;background-position: top left;}
a#products {width: 104px;background-position: -333px 0px;}
a#catalog {width: 143px;background-position: -437px 0px;}
a#submissions {width: 100px;background-position: -580px 0px;}
a#cart {width: 70px;background-position: top right;}
a#featured:hover {background-position: bottom left;}
a#products:hover {background-position: -333px -24px;}
a#catalog:hover {background-position: -437px -24px;}
a#submissions:hover {background-position: -580px -24px;}
a#cart:hover {background-position: bottom right;}



#page {
	overflow: hidden;
	_overflow: visible;
	clear:both;
}

#sidebar {
	width: 230px;
	float: left;
	padding-top: 25px;
	font-size: 1.2em;
}

.artwork #sidebar {
	width: 350px;
	float: left;
	padding-top: 25px;
	font-size: 1.2em;
}


.current #sidebar {
	width: 49%;
}

#artwork {
}

ul#artwork li {
	float: left;
	padding: 10px;
	position: relative;
}

ul#artwork a {
	display: block;
	position: relative;
}

ul#artwork img {
	height: 48px;
	width: 48px;
}

ul#artwork img.active, ul#artwork a:hover img {
	border: 3px solid #B6CBC6;
	height: 42px;
	width: 42px;
}

.artwork #sidebar h4 {
	padding-left: 16px;
}

#main {
	width: 500px;
	float: right;
	padding-top: 25px;
}

.artwork #main {
	width: 400px;
	float: right;
	padding-top: 25px;
}

.artwork #main img {
	display: block;
	margin: 0 auto;
	
}

.artwork #main div {
	text-align: center;
}

.artwork #main p {
	font-size: 1.2em;
}

.current #main {
	width: 49%;
}

ul.list {
	line-height: 1.8em;
	font-size: 1.2em;
	display: block;
	width: 200px;
	float: left;
}

ul#list1 {
	
}

ul#list2 {
	padding-top: 3em;
}

.list a {
	color: #000;
}

/*page specific details*/

.artists #sidebar img {
	position: relative;
	top: 45px;
	display: block;
	margin: 0 auto;
	width: 128px;
}

.art_products {
	width:375px;
	float:left;
	height:120px;
}

.right_column {
	width:335px;
}

.art_products img,.lb_products img {
	margin-right:20px;
}
.addtocart {
	color: #fff;
	background:#74827f;
	padding:2px 4px;
	font-weight: bold;
	display: table;
	width:70px;
}
.addtocart:hover{
	background:#cccccc;
}

.addtocart a{
	color:#fff;
	font-size:1.2em;
	text-decoration: none;
}

td {
	font-size: 1.2em;
	padding:3px;
}

.lb_products {
	width:239px;
	height:250px;
	float:left;
}

.endrow {clear: both;clear:all;}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 6%;
    left: 50%;
    
    margin-left: -390px;
    width: 750px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}