/* reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
div.clear { clear: both; }
.hide { display: none; }



/**************************************************************************************************/


html { height: 100%; }
body { background: url(../imgs/bg.jpg) repeat 0 0; }
div.wrapper { width: 930px; margin: 0 auto; border-left: 1px solid #bbc; border-right: 1px solid #bbc; border-bottom: 1px solid #bbc; background: #fff; position: relative; padding: 20px 0; }
div.left { width: 500px; float: left; }
div.right { width: 390px; float: right; }

div#header { width: 890px; height: 438px; margin: 0 20px; }
div#headertop { width: 377px; width: 890px; }
div#headertop div.left { height: 377px; }
div#headertop div.right { height: 377px; background: url(../imgs/right-head-bg.jpg) repeat-x 0 0; }
div#headerbottom { height: 61px; width: 890px; }
div#headerbottom div.left { height: 61px; }
div#headerbottom div.right { height: 61px; background: url(../imgs/right-head-bottom.jpg) no-repeat 0 0; text-align: center; }

div#content { width: 890px; margin: 20px; }
div#content div.left { background: url(../imgs/aboutus-bg.jpg) no-repeat 0 0; }
div#content div.right { text-align: center; }

ul#front-menu { width: 500px; height: 61px; }
ul#front-menu li { display: inline; }
ul#front-menu li a { display: block; float: left; height: 61px; overflow: hidden; }
ul#front-menu li a:hover { background-position: bottom left; }
a.store { background: url(../imgs/store.jpg) no-repeat 0 0; width: 173px; }
a.portfolio { background: url(../imgs/portfolio.jpg) no-repeat 0 0; width: 150px; }
a.contact { background: url(../imgs/contact.jpg) no-repeat 0 0; width: 177px; }

div.aquote { width: 330px; margin: 10px 20px; }



p, li { font: normal 13px helvetica, arial, sans-serif; color: #444; margin: 10px 20px; line-height: 1.4em; }
h2 { font: normal 22px georgia, serif; border-bottom: 1px solid #772b37; color: #772b37; margin: 5px 20px 15px 20px; }
h2 a { color: #772b37; text-decoration: none; }
h2 a:hover { color: #444; }
small { font: normal 11px helvetica, arial, sans-serif; color: #ddd; }

h3 { font: normal 20px georgia, serif; color: #fff; margin: 0 0 10px 0; }
h3 a:link, h3 a:visited { text-decoration: none; color: #eee; }
h3 a:hover { text-decoration: underline; color: #fff; }



p.copyright { font-size: .8em; padding: 12px 0; }
p.copyright-center { font-size: .8em; margin: 10px 0 0 0; text-align: center; }
ul.aboutlist li { list-style: circle inside none; margin: 5px 40px; }
p.quote { font-size: 1.05em; }
p.author { font: georgia, serif; text-align: right; font-style: italic; }
p.back { position:absolute; top: 125px; left:10px; font-size: 1em; }
p.breadcrumb { color: #772b37; }
p.contactbigger, b.capbigger { font-size:1.25em; }
b.capbigger { color: #772b37; }

a { text-decoration: underline; color: #3b386f; }
a:hover { text-decoration: none; }

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/* gallery */
div#main { width: 830px; margin: 0 auto; border-left: 1px solid #bbc; border-right: 1px solid #bbc; border-bottom: 1px solid #bbc; background: #fff; position: relative; padding: 12px 0; }
div#gallery-top { width: 790px; margin: 0 20px; height: 154px; background: url(../imgs/header-bg.jpg) repeat-x 0 0; }
a#gallery-top-left { display:block; float: left; width: 307px; height: 118px; background: url(../imgs/logo.jpg) no-repeat 0 0; }
div#gallery-top-right { width: 439px; float: right; text-align: right; }
ul#gallery-menu { width: 419px; height: 30px; background: url(../imgs/header-toolbar-bg.jpg) no-repeat 0 0; margin: 37px 0 0 0; padding: 10px 20px 0 0; }
ul#gallery-menu { float: left; }
ul#gallery-menu li { display: inline; margin: 0 6px; }
ul#gallery-menu li a { color: #fff; font-size: 1.1em; text-decoration: none; }
ul#gallery-menu li a:hover { color: #eee; }

#search { float: right; text-align: center; margin: 0 0 0 12px; }
* html #search { margin: 0; }
#search input.pushbutton { padding: 2px; font-size: 80%; }
* html #search input.pushbutton { padding: 0; font-size: 55%; }

div#padbox { background: #000; margin: 0 -20px; padding: 20px 0; }

#credit, #sort {
	margin: 0 auto;
	width: 640px;
	font-size: 85%;
	color: #96967E;
	text-align: right;
	clear: both;
}

/* Miscellaneous
------------------------------ */
#imagemetadata table {
  text-align: left;
  line-height: 1em;
  border: 1px solid #ccc;
  position: absolute;
  top: 2em;
  right: 0px;
  background-color: #fafafa;
}

#imagemetadata table td {
  border-bottom: 1px solid #f0f0f0;
  background-color: #f8f8f8;
  padding: 2px 5px;
}


/* Page Navigation
------------------------------ */
div.pagelist { text-align: center; }
ul.pagelist { clear: both; padding: 0; margin: 40px 0 0 0; list-style-type: none; }
ul.pagelist li { display: inline; font-size: 1.2em; }
ul.pagelist li a, ul.pagelist span.disabledlink { padding: 4px; color: #eee; font-size: 1.2em; }
ul.pagelist li a:hover { color: #fff; }
ul.pagelist li.current a { font-weight: bold; text-decoration: none; cursor: default; color: #5A5A4B; }
ul.pagelist li.prev { margin-right: 10px; }
ul.pagelist li.next { margin-left: 10px; }
.disabledlink { color: #ddd; cursor: default; }
.pagenav { clear: both; }
.disabled_nav { visibility: hidden; }


/* AJAX
------------------------------ */
#albumDescEditable, #albumTagsEditable { margin-bottom: 12px; }
#imageDescEditable, #albumTagsEditable { margin-top: 24px; }
#imageDesc, #exif_link { margin-bottom: 4px; }

#exif_link { float: right; }


/* Image Thumbnails
------------------------------ */
.imagethumb a { display: block; margin: 0px 20px 0 0px; }
.imagethumb { float: left; }
.albumdesc2 { line-height: 18px; }


/* Album Thumbnails
------------------------------ */
#albums { float: left; }
div.album { width: 230px; margin: 0 0 0 20px; padding: 10px; float: left; line-height: 100%; }
div.album a img, div.image a img  { border: 5px solid #333; }
div.album a:hover img, div.image a:hover img { border: 5px solid #667; }
div.album .thumb { float: left; margin-right: 6px; }
div.album p { font-size: .9px; padding: 4px 0px 0px; margin: 0px; }



/* class  */
div#images { margin: 40px 0 0 40px; }
div.image p { margin: 5px 0 20px 0; }
div.image a { text-decoration: none; color: #fff; }
div.image a:hover { text-decoration: underline; }
img.cart { margin: 0 0 -3px 0;  }
div.image a img.cart { border: 0; margin: 0 0 -3px 5px; }
div.image a:hover img.cart { border: 0; }


/* individual image */
div#image { margin:20px; line-height: 0; }
div#narrow { float: right; width: 233px; color: #eee; }
div#narrow a { color: #eee; }
ul#pricelist { margin: 0 0 30px 0; }
ul#pricelist li { color: #eee; margin: 5px 15px; }
input.checkout_button { border: 5px solid #333; margin: 15px 0 0 15px; }
input.checkout_button:hover { border: 5px solid #667; }


/* gallery page nav */
.imgnav { float: right; width: 140px; text-align: center; border: 1px solid #D5E6EE; background: #EEF5F9; margin-top: -10px; }
.imgnav .imgprevious a, .imgnav .imgnext a { display: block; width: 50%; height: 100%; float: left; padding: 4px 0; font-size: 120%; text-decoration: none; line-height: 180%; color: #237898; }
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover { background-color: #fff; text-decoration: none; color: #002E5B; }
.imgnav .imgprevious a { float: left; }
.imgnav .imgnext a { float: right; }


/* Admin Toolbox
------------------------------ */
#admin, #admin_data{ position: fixed; _position: absolute; right: 0px; top: 0px; width: 130px; border-bottom: 1px solid #E6E6DF; border-left: 1px solid #E6E6DF; background: #fff; z-index: 2; }
#admin_data{ top: 0px; padding-top: 20px; z-index: 1; line-height: 1.6em; }
#admin h3 { font-weight: normal; color: #999; margin:0; padding:0; }
#admin h3:hover { color: #036; }