@charset "utf-8";

/* robertjuniper.css

   Look, learn, but please do not steal. */

/* For Layout, see:
   /includes/robertjuniper.css

   For IE 6 + 7, see:
   /includes/robertjuniper-ie-7.css

   For IE 6, see:
   /includes/robertjuniper-ie-6.css

   For PRINT Layout, see:
   /includes/robertjuniper-print.css */

/* GENERIC */

* { padding: 0;
	margin: 0; }

html { background: #5d5242 url('/images/layout/html-flow.gif') repeat-y 50% 0; /* IE 6 + 7 */
	color: #333; font: 12px Tahoma, Geneva, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; /* IE 6 + 7 */ }
html#page-gallery { background-image: url('/images/layout/html-flow-gallery.gif'); /* IE 6 + 7 */ }

body { width: 768px;
	margin: 0px auto; 
	padding-left:1px;}

h1, 
h2, 
h3 { margin: 0.8571em 0;
	font-size: 1.75em;
	font-weight: 100;
	text-align: left; }
h2 { margin: 1em 0;
	font-size: 1.5em; }
h3 { margin: 1.125em 0;
	font-size: 1.3334em; }
h4, 
h5, 
h6 { margin: 1.5em 0;
	font-size: 1em;
	font-weight: 800;
	text-align: left; }
h4 { margin: 1.2857em 0;
	font-size: 1.1667em; }

p, 
ul, 
ol, 
dl, 
table, 
blockquote { margin: 1em 0; }

ul,
ol { margin-left: 2.5em; }

dl dt { margin-top: 0.5em;
	font-weight: 800; }

blockquote { margin-right: 3.3334em;
	margin-left: 3.3334em; }

acronym, 
abbr { border-bottom: 1px dashed #444;
	cursor: help; }

a acronym, 
a abbr { border-bottom-width: 0; }

address { font-style: normal; }
address span { display: block; }


/* code to fix word formating */

p.MsoNormal { margin: 0px;  padding: 0px; }

/* TEMP */

.highlight { padding: 0 2px;
	background-color: #fff;
	border: 2px dashed #c00;
	color: #f00;
	font-weight: 800; }

/* SEMI-GENERIC + CUSTOM */
/* ACCESSIBLE */
div#menu-accessibility, 
div#menu h1, 
div#content .accessible, 
div#footer h2 { position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font-size: 1px; }
/* EO.ACCESSIBLE */

/* CLEAR */
div#shell:after, 
div#content:after { display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ' '; }
/* EO.CLEAR */

/* HEADER Layout
   div#entirety */
div#header { height: 115px;
	background: #6a3023 url('/images/layout/header.jpg') no-repeat 0 0; /* IE 6 + 7 */ }

html#page-gallery div#header { background-image: url('/images/layout/header-gallery.jpg'); }
/* EO.HEADER Layout */

/* MENU Layout
   div#entirety div#shell */
div#menu { position: absolute;
	left: 50%;
	top: 0;
	width: 768px;
	margin-left: -384px; }
div#menu ul { margin: 0;
	list-style-type: none; }
div#menu ul li { display: inline; }
div#menu ul li a { position: absolute;
	margin-top: 32px;
	outline-width: 0;
	font-size: 1px;
	text-decoration: none;
	text-indent: -8888em; }
div#menu ul li a:focus, 
div#menu ul li a:hover, 
div#menu ul li a:active { background: url('/images/layout/menu-ro.png') repeat-x 0 24px; /* IE 6 */ }

div#menu ul li#menu-home a { width: 244px;
	height: 111px;
	margin-top: 3px;
	margin-left: 524px;
	background-image: none; }

div#menu ul li#menu-about a { width: 69px;
	height: 26px;
	margin-left: 48px; }
div#menu ul li#menu-gallery a { width: 81px;
	height: 34px;
	margin-left: 138px; }
div#menu ul li#menu-contact a { width: 91px;
	height: 26px;
	margin-left: 239px; }

/* SUBMENU Layout */
div#menu ul li ul { visibility: hidden;
	margin-left: -130px; }
html#page-gallery div#menu ul li ul { visibility: visible; }

html#page-gallery div#menu ul li ul li a { width: 32px;
	height: 132px;
	margin-top: 111px;
	background-image: url('/images/layout/submenu/recent-works.jpg');
	background-repeat: no-repeat;
	background-position: 0 0; }
html#page-gallery div#menu ul li ul li.submenu-active a, 
html#page-gallery div#menu ul li ul li.submenu-active a:focus, 
html#page-gallery div#menu ul li ul li.submenu-active a:hover, 
html#page-gallery div#menu ul li ul li.submenu-active a:active { background-position: -32px 0; }
html#page-gallery div#menu ul li ul li a:focus, 
html#page-gallery div#menu ul li ul li a:hover, 
html#page-gallery div#menu ul li ul li a:active { background-repeat: no-repeat;
	background-position: -32px 0; }

html#page-gallery div#menu ul li ul li#submenu-sale-works a, 
html#page-gallery div#menu ul li ul li#submenu-sale-works a:focus, 
html#page-gallery div#menu ul li ul li#submenu-sale-works a:hover, 
html#page-gallery div#menu ul li ul li#submenu-sale-works a:active { height: 111px; 
	background-image: url('/images/layout/submenu/sale-works.jpg'); }

html#page-gallery div#menu ul li ul li#submenu-sale-prints a, 
html#page-gallery div#menu ul li ul li#submenu-sale-prints a:focus, 
html#page-gallery div#menu ul li ul li#submenu-sale-prints a:hover, 
html#page-gallery div#menu ul li ul li#submenu-sale-prints a:active { height: 111px; margin-top: 567px;
	background-image: url('/images/layout/submenu/sale-prints.jpg'); }

html#page-gallery div#menu ul li ul li#submenu-sculptures a, 
html#page-gallery div#menu ul li ul li#submenu-sculptures a:focus, 
html#page-gallery div#menu ul li ul li#submenu-sculptures a:hover, 
html#page-gallery div#menu ul li ul li#submenu-sculptures a:active { height: 111px; margin-top: 453px; 
	background-image: url('/images/layout/submenu/sculptures.jpg'); }
	
html#page-gallery div#menu ul li ul li#submenu-giclee a, 
html#page-gallery div#menu ul li ul li#submenu-giclee a:focus, 
html#page-gallery div#menu ul li ul li#submenu-giclee a:hover, 
html#page-gallery div#menu ul li ul li#submenu-giclee a:active { height: 111px; margin-top: 225px;
	background-image: url('/images/layout/submenu/giclee.jpg'); }

html#page-gallery div#menu ul li ul li#submenu-etchings a, 
html#page-gallery div#menu ul li ul li#submenu-etchings a:focus, 
html#page-gallery div#menu ul li ul li#submenu-etchings a:hover, 
html#page-gallery div#menu ul li ul li#submenu-etchings a:active { height: 111px; margin-top: 339px;
	background-image: url('/images/layout/submenu/etchings.jpg'); }
/* EO.SUBMENU Layout */
/* EO.MENU Layout */

/* CONTENT Layout
   div#entirety div#shell */
div#content { float: right;
	display: inline;
	width: 404px;
	margin-right: 334px;
	margin-left: -434px;
	padding: 1px 15px;
	line-height: 1.5; }
html#page-gallery div#content { width: 494px;
	margin-right: 0;
	margin-left: 0; }

/* SEMI-GLOBALS */
div#content .left { text-align: left; }
div#content .center { text-align: center; }
div#content .right { text-align: right; }
div#content .justify { text-align: justify; }
div#content .big { font-size: 1.1667em; }
div#content .small { font-size: 0.9167em; }
div#content .faux-strong { font-weight: 800; }
div#content .faux-em { font-style: italic; }
/* EO.SEMI-GLOBALS */

div#content a { color: #5e251a; }
div#content a:focus, 
div#content a:hover, 
div#content a:active { color: #5d5242; }

div#content div#gallery-box { position: absolute;
	display:block;
	left: 50%;
	top: 110px;
	bottom:0px;
	margin: 0 0 0 -330px; 
	/*border: 2px solid #f00;*/
	overflow:hidden;
	width: 188px;
	overflow:auto;}

div#content ul#gallery {
	display:block;
	position: relative;
	top:-1px;
	margin: 0 0 0;
	list-style-type: none;
	/*height: 100px;*/
	/*position: absolute;
	left: 50%;
	top: 111px;
	margin: 0 0 0 -325px;
	list-style-type: none; */}

div#content ul#gallery li { margin: 2px 0; }

div#content ul#gallery li a img { border: 4px solid #fff; }
/*div#content ul#gallery li a:hover img { border-color: #48211a; }*/
div#content ul#gallery li.gallery-active a img { border-color: #48211a; }

div#content dl.frame dt { text-align: center; }
div#content dl.frame dd { margin: 5px 0; }
div#content dl.frame dd.title { font-size: 1.33334em;
	text-align: right; margin-right: 20px; }
/* EO.CONTENT Layout */

/* SECONDARY CONTENT Layout */
div#content-secondary { float: right;
	width: 282px;
	margin-right: -304px; /* IE 6 + 7 */
	padding: 1px 0;
	color: #fff;
	font-size: 0.91667em; }

div#content-secondary dl dt { text-align: center; }
div#content-secondary dl dt img { vertical-align: bottom; border: 8px solid #fff; }
div#content-secondary dl dd { margin: 5px 0 0;
	text-align: right; }
/* EO.SECONDARY CONTENT Layout */

/* FOOTER Layout
   div#entirety */
div#footer ul { margin: 0;
	padding: 0.5em 0;
	list-style-type: none;
	font-size: 0.91667em; }
div#footer ul li { display: inline;
	margin: 0 47px; }
html#page-gallery div#footer ul li { margin-left: 344px; }
div#footer ul li a { border-bottom: 1px dashed #222;
	color: #333;
	text-decoration: none; }
div#footer ul li a:focus, 
div#footer ul li a:hover, 
div#footer ul li a:active { border-bottom-style: solid; }
/* EO.FOOTER Layout */