/***
	General StyleSheet for all browsers supporting CSS.
	(Comments to lukas.vacovsky@jkd.co.uk)
***/

HTML, BODY{height:100%;padding:0px;margin:0px;}
BODY{font-family:Arial, sans-serif;color:#FFFFFF;background:#212121;font-size:75%;line-height:90%;text-align:center;padding:20px 20px 0px 20px;overflow:auto;}
A, A:link, A:visited{color:#999999;text-decoration:none;}
A.green, A.green:link, A.green:visited{color:#FFFFFF;text-decoration:underline;}
A:hover{color:#FFFFFF;}
A:active{color:#FFFFFF;}
IMG{border-width:0px;}
P {margin:8px 0px 10px 0px;line-height:1.4em;}
UL{margin:3px 0px 10px 25px;padding-left:0px;}
LI{font-size:1.0em;line-height:1.4em;list-style-image:url(../img/bullet.gif);list-style-position:outside;margin:3px 0px 3px 0px;}
TABLE{border:0px;margin:10px 0px 5px 0px;width:100%;}
CAPTION{display:none;}
TH{border-width:0px;font-size:1.0em;line-height:1.4em;padding:5px 12px 5px 12px;color:#FFA800;background-color:#3e3e3e;text-align:left;}
TD{border-width:0px;font-size:1.0em;line-height:1.4em;padding:3px 12px 4px 12px;background-color:#333333;vertical-align:top;text-align:left;}
TD.even{background-color:#2E2E2E;}
LI{font-size:1.0em;line-height:1.4em;}
DIV{text-align:left;margin:0px;padding:0px;}
HR{width:100%;clear:both;margin:10px 0px 0px 0px;height:1px;color:#3e3e3e;background-color:transparent;}
FORM{margin:0px;}
INPUT{border:1px solid #2E2E2E;}
H1{font-size:1.65em;line-height:1.65em;margin:5px 0px 5px 0px;}
H2{font-size:1.25em;line-height:1.25em;margin:15px 0px 5px 0px;}
H3{font-size:1.0em;line-height:1.1em;margin:18px 0px 5px 0px;}

/******* general classes *******/
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.cb{clear:both;}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.vat{vertical-align:top}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.hdn{display:none;}

/************* here we go *************/
#canvas{margin:0px;width:950px;padding-bottom:20px;margin:auto;background:#212121;}

#logo{float:left;display:inline;margin:10px 0px 0px -4px;padding:0px;}

#menu{float:left;display:inline;clear:both;margin:15px 0px 0px 0px;padding:0px;}
#menu LI{float:left;display:inline;margin:0px;padding:0px;}
#menu LI A{float:left;display:inline;height:24px;background:url("../img/menu.gif");}
#menu LI A SPAN{display:none;}
#menu LI A#home{width:57px;background-position:0px 0px;}
#menu LI A#home:hover, #menu LI.on A#home{background-position:0px -24px;}
#menu LI A#portraits{width:82px;background-position:-57px 0px;}
#menu LI A#portraits:hover, #menu LI.on A#portraits{background-position:-57px -24px;}
#menu LI A#beauty{width:71px;background-position:-139px 0px;}
#menu LI A#beauty:hover, #menu LI.on A#beauty{background-position:-139px -24px;}
#menu LI A#info{width:40px;background-position:-210px 0px;}
#menu LI A#info:hover, #menu LI.on A#info{background-position:-210px -24px;}

#text{float:left;display:inline;clear:both;width:100%;margin:40px 0px 0px 0px;padding:40px 0px 0px 0px;border-top:1px solid #434343;}
#text{font-size:18px;}

#album{float:left;display:inline;clear:both;width:100%;margin:20px 0px 0px 0px;}
#album A.item{display:inline;float:left;width:200px;height:200px;margin:15px 30px 15px 0px;}
#album A.item:hover{}

#viewer{float:left;display:inline;clear:both;width:100%;margin:20px 0px 0px 0px;}
#album #viewer{position:absolute;top:0px;_top:-20px;left:0px;z-index:300;display:none;background:url(../img/bg.png);}
#viewer .header{float:left;display:inline;clear:both;background:#343434;margin:0px 0px 10px 0px;color:#999999;width:950px;}
#viewer .header IMG{vertical-align:middle;}
#viewer .header P{margin:4px 10px 3px 10px;}
#viewer .header .pp{float:right;display:inline;margin:0px 0px 0px 0px;padding:3px;border-left:1px solid #262626;}
#viewer .header .fr{color:#999999;}
#viewer .header .fr SPAN{color:#999999;}
#viewer #main{text-align:center;clear:both;}
#viewer #main.loading DIV{background:url(../img/lightbox-ico-loading.gif) #FFFFFF no-repeat center 220px;/*222222*/text-align:center;}
#viewer #main DIV{text-align:center;margin:51px auto auto auto;position:relative;z-index:100;/*overflow:hidden;*/border:5px solid #FFFFFF;width:auto;background:#FFFFFF;}
#viewer #main DIV IMG{margin:auto;text-align:center;}
#close{position:absolute;z-index:400;top:30px;left:0px;}

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left;margin-left:-63px;position:relative;z-index:500;}
#lightbox-nav-btnNext{right:0;float:right;margin-right:-63px;position:relative;z-index:500;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}

.inverted{color:#212121;background:#FFFFFF;}
.inverted #canvas{background:#FFFFFF;}
.inverted #menu LI A{background:url("../img/menu-inverted.gif");}
.inverted #viewer .header{background:#FFFFFF;color:#999999;border-bottom:1px solid #CCCCCC;}
.inverted #viewer .header .pp{border-left:1px solid #FFFFFF;}
.inverted #viewer .header .fr{color:#999999;}
.inverted #viewer .header .fr SPAN{color:#999999;}
.inverted #viewer .header P{margin-left:2px;}