/* CSS Document */
* {margin:0; padding:0}
html, body {background:#000}
body {font-family:"Trebuchet MS", arial, sans-serif; font-size:81%; color:#fff; text-align:center}

#container {width:960px; border:1px solid #1f1f1f; position:relative; text-align:left; margin:0 auto; padding:142px 0 0 0; border-top:none}
#content {margin:0 30px 30px 30px; position:relative}

a#logo {position:absolute; text-indent:-9999px; width:245px; height:70px; top:44px; left:30px; background:url(../images/css/logo.jpg) bottom left}
a#logo:hover {background:url(../images/css/logo.jpg) top left; width:297px}
a#latest {background:url(../images/css/photoofthemonth.png); position:absolute; top:0; right:0; width:126px; height:127px; text-indent:-9999px; z-index:2}

div#panels {background:url(../images/css/botGradient.png); height:227px; width:902px; position:absolute; bottom:0; left:0; z-index:3}
div#panels div {width:266px; float:left; background:url(../images/css/opacity.png); margin:0 0 0 11px; padding:10px}

h1 {font-size:161%;}
body#gallery h1 {position:absolute; top:64px; right:30px}
h2 {margin:0 0 7px 0; font-size:141%}
p {line-height:160%}
a {color:#afc2db; text-decoration:none}
a:hover {background:#afc2db; color:#000}
p.center {text-align:center; color:#444}
p#footer {color:#333; margin:15px auto 0 auto; font-size:81%; padding:0; text-align:center; width:960px}
p#footer:hover {color:#ccc}

/*---------------------------- DO NOT TOUCH BELOW HERE PLEASE ----------------------------*/
/* lightbox */
#mbOverlay {position:absolute; left:0; width:100%; background:#000; z-index:100; cursor:pointer}
#mbCenter {position:absolute; z-index:101; overflow:hidden; left:50%; top:10%; background:#000; margin:0; padding:0}
.mbLoading{background:#000 url(../images/css/ajax_loader.gif) no-repeat center}
#mbImage{margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden}
.clear{clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden}
#mbBottom {color:#666; line-height:1.4em; text-align:left; padding-top:8px; margin:0}
#mbNavigation{float:right; width:27px; padding-top:3px}
#mbCount{width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:9px}
#mbCloseLink, #mbPrevLink, #mbNextLink{outline:none; display:block; float:right; height:20px; cursor:pointer}
#mbPrevLink, #mbNextLink{width:17px}
#mbPrevLink{background:transparent url(../images/css/prev.gif) no-repeat}
#mbNextLink{background:transparent url(../images/css/next.gif) no-repeat}
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover {background-position:0 -23px}
#mbCloseLink {width:20px; background:#000 url(../images/css/close.gif) no-repeat; position:absolute; top:0; right:0;}
#mbDescription{margin-right:27px; padding:0px 10px 0 0; font-weight:normal; text-align:justify}
 
/* mooflow */
.mf{visibility:hidden; z-index:1; color:#fff; font-size:14px}
.mf * {outline:none; border:none; padding:0; margin:0}
.mf div.loader{position:absolute; text-align:center; z-index:10000; margin:0 auto; top:45%; width:100%; background:url(../images/css/ajax_loader.gif) no-repeat 50% 0; padding:50px 0}
.mf div.caption {position:absolute; text-align:center; z-index:98; margin:1em auto; bottom:50px; width:100%}
.mf div.mfNav{position:absolute; z-index:99; margin:0 auto; text-align:center; width:100%; bottom:20px; font-size:1px; line-height:1px}
.mf div.autoPlayCon{float:left; width:10%; padding-left:3%; height:24px}
.mf a.play, .mf a.stop{width:27px; height:24px; float:left; cursor:pointer}
.mf a.play{background:url(../images/css/play.gif) no-repeat}
.mf a.stop{background:url(../images/css/stop.gif) no-repeat}
.mf div.sliderCon{margin-top:5px; float:left; width:74%}
.mf a.sliderNext{background:url(../images/css/left.gif) no-repeat}
.mf a.sliderPrev{background:url(../images/css/right.gif) no-repeat}
.mf a.sliderNext, a.sliderPrev{text-decoration:none; width:25px; height:16px; cursor:pointer; float:left}
.mf div.resizeCon{float:right; width:10%; padding-right:3%; height:24px}
.mf a.resize{width:34px; height:24px; float:right; cursor:pointer; background:url(../images/css/resize.gif) no-repeat}
.mf div.slider{background:url(../images/css/middle.gif) repeat-x; height:16px; position:relative; text-align:left; float:left}
.mf div.knob{height:16px; width:51px; background:url(../images/css/middle-slider.gif) repeat-x right center}
.mf div.knobleft{background:url(../images/css/left-slider.gif) repeat-x center; width:0; height:16px}