/* MONDAY BY NOON Suckerfish HoverLightbox Example - Vanilla Horizontal stylesheet Version: 1.0 Last Modified 03/27/06 J. Christopher - www.MondayByNoon.com CREDITS ------- Suckerfish: Patrick Griffiths, Dan Webb http://www.alistapart.com/articles/dropdowns/ Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/ Hoverbox: Nathan Smith. Example: http://host.sonspring.com/hoverbox/ Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/ Modification by: Craig Erskine http://solardreamstudios.com/ http://solardreamstudios.com/_img/learn/css/pg/ Lightbox: Lokesh Dhakar http://www.huddletogether.com/projects/lightbox/ */

* { margin:0; border:0; padding:0; } 
body { font:12px "century gothic", "apple gothic", helvetica, verdana, sans-serif; background-color: #999; color:#aaa; margin:0px;overflow:auto;overflow-x:hidden;}
p { clear:both; }
a {color: #999; text-decoration: none; } 
a:link { color: #aaa; } 
a:visited { color: #aaa; } 
a:hover { color: #b4a76a; } 
a:active { color: #fff; } 
a:active, a:focus { outline: 0; } 
h3 a:hover {color: #b4a76a;}

/* GALLERY */ 
ul#gallery li h5 a{background-color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 0px solid #333; padding: 3px 0px 3px 0px;} 
ul#gallery li#fashion:hover {color: #b4a76a;}
ul#gallery li#beauty:hover {color: #b4a76a;} 
ul#gallery li#body:hover {color: #b4a76a;} 
ul#gallery:hover {color:#b4a76a;} 
ul#gallery ul li:hover{color:#b4a76a;} 
ul#gallery li:hover ul{color:#b4a76a;} 
ul#gallery {text-align:center; margin:0 0 0 0px; padding-top:0px;list-style:none;width:220px; } 
ul#gallery li {color:#b4a76a;display:block; position:relative;left:5px;width:55px; float:left;z-index:5;background-color:#000;
background-color:rgba(0, 0, 0, 0.6);} 
div#portfolio{position:absolute; left:465px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 0px; 
-webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; 
-moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 8px; 
-webkit-border-bottom-left-radius: 8px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:90px;text-align:center;}
div#portfolioselect{color: #b4a76a;position:absolute;top:8px;right:45px;background-color: #222; -moz-border-radius-bottomright: 8px; 
-webkit-border-bottom-right-radius:8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px;
-webkit-border-top-right-radius:8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border: 1px solid #444;
padding: 3px 0px 3px 0px;display:block; width:95px;text-align:center;} 
ul#gallery li#fashion{height:20px;background: url(../nav/fashion.png) no-repeat center;top:0px;background-color:#222;border:0px solid #777;
border-right:0px; padding: 0px 20px 3px 0px;} 
ul#gallery li#fashion:hover{border-bottom:5px solid transparent;background: url(../nav/fashionhover.png) no-repeat center;background-color:#000;} 
ul#gallery li#beauty{border:0px solid #777; padding: 0px 10px 3px 10px;height:20px;background: url(../nav/beauty.png) no-repeat center;
top:0px;background-color:#222;} 
ul#gallery li#beauty:hover{background: url(../nav/beautyhover.png) no-repeat center;background-color:#000;} 
ul#gallery li#body{border:0px solid #777; padding: 0px 0px 3px 0px;height:20px;background: url(../nav/body.png) no-repeat center;
background-color:#222;position:relative;left:0px;top:0px;} 
ul#gallery li#body:hover{background: url(../nav/bodyhover.png) no-repeat center;background-color:#000;} 
ul#gallery li#personal,#men,#music{height:20px;background: url(../nav/fashion.png);top:13px;}
ul#gallery li#personal:hover,#men:hover,#music:hover{height:20px;background: url(../nav/fashionhover.png);top:13px;} 
ul#gallery li:hover ul, ul#gallery li.sfhover ul, ul#gallery li.over ul {position:relative;left:0px;top:20px;} 
ul#gallery li:hover, ul#gallery li.over {z-index:9000001;color:#b4a76a;} 
ul#gallery li > ul {top: auto;left: auto;} 
ul#gallery li a {display:block;padding:0px 0;text-decoration:none; border-bottom:0px solid #222; } 
ul#gallery li a:hover, ul#gallery li a.over {background-color:#000;background-color:rgba(0, 0, 0, 0.8); color: #b4a76a;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} 
ul#gallery:hover {color: #b4a76a;} 
ul#gallery li ul { padding:0 0px 0px 0px; list-style:none; margin:0; width:110px; background-color:#000; position:relative; left:-999em; top:25px;} 
ul#gallery li#fashion ul li {color: #b4a76a;position:relative;left:0px;} 
ul#gallery li#beauty ul li {color: #b4a76a;position:relative;left:-85px;} 
ul#gallery li#fashion ul li a img{position:relative;left:0px;text-align:center;} 
ul#gallery li#beauty ul li a img{position:relative;left:0px;text-align:center;} 
ul#gallery li#body ul li {color: #b4a76a;position:relative;left:-145px;} 
ul#gallery li#body ul li a img{position:relative;left:0px;text-align:center;} 
ul#gallery li ul li { display:inline; text-align:center; font-size:12px; clear:none; position:static; z-index:5; width:200px; height:100%;color: #b4a76a;} 
ul#gallery li ul li a {text-align:center; margin-top:0px; border:0px solid #ccc; padding:0px; position:relative; display:none; left:0px; 
-moz-outline: none;} 
ul#gallery li:hover ul li a, ul#gallery li.over ul li a {display:block;color: #b4a76a;} 
ul#gallery li ul li a:hover, ul#gallery li ul li a.over {text-align:center; z-index:5; color: #b4a76a;} 
ul#gallery li ul li a img {text-align:center; position:relative; left:-10px; top:10px;height:40px; margin:0 auto;margin-bottom:30px;border:0px;} 
ul#gallery li ul li#last a img {margin-bottom:10px;} 
ul#gallery li ul li a:hover img, ul#gallery li ul li a.over img { color: #b4a76a;text-align:center; height:80px; left: -10px; top: 10px;
border:0px solid #777; z-index:2000; } 
#logo {position:absolute; top:0px; left:0px; background-color: transparent; height:45px; z-index:9000004;float:left;} 
#logo img {z-index:9000004;position:absolute;left:3px;}
 div#contact {position:absolute; left:805px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius:8px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:70px;text-align:center;} 
 div#bio {position:absolute; left:765px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:40px;text-align:center;} 
 div#studio {position:absolute; left:555px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:60px;text-align:center;} 
 div#login {position:absolute; left:665px; top:8px; float: left; background-color: #222; border: 1px solid #444; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; padding: 3px 0px 3px 0px;display:block; width:100px;text-align:center;}
 div#loginselect {position:absolute; left:665px; top:8px; float: left; background-color: #222; border: 1px solid #444; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; padding: 3px 0px 3px 0px;display:block; width:100px;text-align:center;color:#b4a76a;} 
 div#blog {position:absolute; left:615px; top:8px; float: left; background-color: #222; border: 1px solid #444; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; padding: 3px 0px 3px 0px;display:block; width:50px;text-align:center;}
 div.loginbox {width:870px; height:500px;overflow:auto; margin-right: auto; margin-left: auto; margin-top: 100px; margin-bottom: auto;background-color: #121212; border: 1px solid #444;} 
 div.studiobox {width:90%; height:560px;overflow:auto; margin-right: auto; margin-left: auto; margin-top:100px; overflow-y:hidden;margin-bottom: auto;background-color: #121212; border: 1px solid #444;} 
 div.studio {width:2000px; height:400px; font-size:1.3em; line-height: 200%; text-align: left; position: relative; margin-right: auto; margin-left: auto; margin-top:0px; margin-bottom: auto; background-color:#121212; padding:20px;float:left; } 
 div.studio img {position:relative;left:0px;top:0px;float:left;margin-left:10px;} div.bio {width:720px; font-size:1.3em; line-height: 200%; text-align: left; position: relative; margin-right: auto; margin-left: auto; margin-top: 100px; margin-bottom: auto; background-color:#121212; padding:20px; font:12px helvetica, arial, sans-serif; } 
 div.bio {margin:auto;margin-top:100px;color:#ddd;font:14px "century gothic", "apple gothic", verdana, sans-serif; line-height:150%; } div.form {width:500px; height:650px; font-size:1em; text-align: left; position: relative; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: auto; } 
 div#goldie { margin:0 0 0 0px; width:200px; position:absolute; right:5px; bottom:30px; float: right; } 
 /* MOOSHOW */ 
 .pagecontact { margin-right: auto; margin-left: auto; margin-top: auto; margin-bottom: auto; text-align: center; width: 1020px; height: 650px; background-color: #000000; vertical-align: middle; } 
 #box { float: right; position:absolute; right:10px; top:35px; height:200px; width:220px; background-color:#transparent; padding-right:0px;z-index:5;} 
#boxstudio { float: right; position:absolute; right:0px; top:0px; height:100%; width:180px; padding-right:0px; padding-left:5px; } 
.credit { position: absolute; top: 10px; right: 50px; text-align: right; color: #777; font: italic 9px Helvetica, Verdana, Arial, sans-serif;} 
.credit2{ position: absolute; top: 110px; right: 30px; width: 100px; z-index:5; text-align: center; color: #df1c3e; font: bold 12px Helvetica, Verdana, Arial, sans-serif;} 
.credit3 { position: relative; top: -190px; left:100px; color: #999; font: 10px Helvetica, Verdana, Arial, sans-serif;} .leightbox { color: #333; display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 1em; border: 1em solid #B8B8B8; background-color: white; text-align: left; z-index:1001; overflow: auto; } 
.mooshow { position: inherit; display: none; overflow:auto;z-index:1; } 
.mooshow a img { border: none; outline: none; -moz-outline: none; } 
.mooshow_outerContainer{ position: relative; top:0px; left: 0px; background-color: #000; color: inherit; margin: 0 auto; display: table; text-align: center; overflow:auto; overflow-y:hidden;z-index:3; } 
.mooshobox {} 
.dropShadowBorder { border-top:5px solid #000; border-right:5px solid #000; border-left:5px solid #000; border-bottom:8px solid #000; } 
.mooshow_loading{ position: absolute; bottom: 33px; left: 40%; display:none; } .mooshow_copyright{ position: absolute; top: 15px; right: 10px; color: #CCCCCC; font-size:12px; } 
.mooshow_extras{ margin: 0 auto; text-align: center; color:#666666; background-color: inherit; } 
.mooshow_topNav{ padding-top: 5px; padding-bottom: 15px; text-align: center; font-size: 18px; background-color: inherit; color:#CCCCCC; line-height: 170%; width: 100%; } .mooshow_topNav a { font-size: 14px; color:#000; } .mooshow_captions{ background-color: #444; color:#999999; margin: 0 auto; text-align: left; line-height:140%; height: 0px; width: 100%; } 
.mooshow_contentContainer{ background-color:#000; color: inherit; position: relative; text-align: center; line-height: 0.0; overflow:auto; padding:5px; overflow-y:hidden;} 
.mooshow_overlayNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0 auto; } 
.mooshow_prevLink, .mooshow_nextLink{ position: relative; width: 50%; height: 100%; background: transparent url(../nav/blank.gif) no-repeat; /* Trick IE into showing hover */ outline:none; } 
.mooshow_prevLink {left: 5px; float: left; outline: none; -moz-outline: none;} 
.mooshow_nextLink {right: 2px; float: right; outline: none; -moz-outline: none;} 
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: transparent url("../nav/prev.gif"); background-position: left; background-repeat:no-repeat; } 
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: transparent url("../nav/next.gif"); background-position: right; background-repeat:no-repeat; } 
.mooshow_IPTC{ position: absolute; bottom: 0px;left:5px; height: auto; background-color: #000; color:#fff; font-size:10px; line-height:170%; text-align:left; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; display: none; } 
.mooshow_IPTCbutton{position:absolute;right:10px;top:700px;background-color: transparent; z-index:1;} 
.mooshow_IPTCbuttonL{position:absolute;left:10px;top:50px;background-color: transparent; z-index:5;display:none;} 
.mooshow_IPTC_left{ float: left; text-align:right; width:25%; } 
.mooshow_IPTC_right{ float: right; text-align:left; width:74%; overflow:auto;} div#qTip { padding: 3px; border: 3px solid #333; display: none; background-color: #b4a76a; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; color: #000; font:9px Helvetica,Arial,sans-serif; letter-spacing: 2px;text-align: center; position: absolute; z-index: 1000; } 
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: left; line-height: 0; } #lightbox a img{ border: none; } 
#outerImageContainer{ position: relative; top: -35px; left: 50px; background-color: #111; width:250px; height:250px; margin: 0 auto; } 
#imageContainer{ padding: 10px; } 
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } 
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } 
#imageContainer>#hoverNav{ left: 0;} 
#hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 100%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } 
#prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} 
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 0% no-repeat; } 
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 0% no-repeat; } 
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: transparent; margin: 0 auto; line-height: 1.4em; } 
#imageData{ padding:0 10px; } 
#imageData #imageDetails{ width: 70%; float: left; text-align: left; visibility: hidden;} 
#imageData #caption{ font-weight: bold; visibility: hidden;} 
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; visibility: hidden;} 
#imageData #bottomNavClose{} #overlay{ position: absolute; top: 0; left: 0; z-index: 6; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contactkatie {text-align:center;line-height:150%;} #form {overflow-x:hidden; float: left; height: 550px; width: 430px; position: absolute; left: 10%; top: 70px; background-color:#222; border: 2px solid #b4a76a; -moz-border-radius: 20px; -webkit-border-radius: 20px;} div.row { clear: both; padding-top: 10px;} div.row span.formtext { float: left; text-align: right; width: 175px; } div.row span.formfield { float: right; text-align: left; width: 245px; } div.rowsubmit {clear: both; padding-top: 10px;text-align:center;width:400px;margin-left:60px;overflow-x:hidden;} .submit { background-color:#b4a76a; width:130px;-moz-border-radius: 5px;-webkit-border-radius: 5px;height:20px;} .submit:hover {background-color:#ccc;} * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } div.assist img {position:relative;left:0px;top:0px;float:left;margin-left:10px;}
div#studioselect h5 a{color:#b4a76a;}
div#bioselect h5 a{color:#b4a76a;}
div#loginselect h5 a {color:#b4a76a;}
div#blogselect h5 a{color:#b4a76a;}
div#contactselect h5 a{color:#b4a76a;}
div#contactselect {position:absolute; left:805px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius:8px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:70px;text-align:center;}
div#bioselect {color:#b4a76a;position:absolute; left:765px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:40px;text-align:center;}
div#portfolio2select {position:absolute; left:465px; top:8px; float: left; background-color: #000; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:90px;text-align:center;}
div#studioselect {color:#b4a76a;position:absolute; left:555px; top:8px; float: left; background-color: #222; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border: 1px solid #444; padding: 3px 0px 3px 0px;display:block; width:60px;text-align:center;}.mg {margin-left:35px;font:10px Helvetica,Arial,sans-serif; letter-spacing: 4px;text-align:center;}
div#blogselect {position:absolute; left:615px; top:8px; float: left; background-color: #222; border: 1px solid #444; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius:0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; padding: 3px 0px 3px 0px;display:block; width:50px;text-align:center;}
div#portfolio2select h5 a{color:#b4a76a;}
.hiddenpic {display:none;} 
div.centre { text-align:center;margin: 0 auto;} 
.next{position:absolute;right:2%;top:665px;z-index:10;}
.prev{position:absolute;left:2%;top:665px;z-index:10;} 
div.centretext {width:100%;position:absolute;left:0px;bottom:0px;text-align:center;margin: auto 0;font-size:.9em;color:#444;z-index:1;}div.copytext {width:100%;text-align:center;margin: auto 0;font-size:.9em;color:#aaa;}.catbanner{width:100%;background-color:#222;height:1px;position:absolute;top:43px;}
div#outerbox {width:95%; margin-right: auto; margin-left: auto; margin-top:60px; padding-bottom:0px;overflow-y:hidden;border: 0px solid #444;}
div#innerbox{}
div.bio2{width:720px;height:100%;overflow:auto;font-size:1.3em; line-height: 200%; text-align: left; position: relative; top:-70px;margin-right: auto; margin-left: auto; margin-bottom: auto; background-color:#222; padding:20px; font:12px helvetica, arial, sans-serif;margin:auto;margin-top:150px;color:#ddd;font:14px "century gothic", "apple gothic", verdana, sans-serif; line-height:150%; }