/***
	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;}
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:890px;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 -5px;padding:0px;width:100%;position:relative;z-index:2;}
#menu LI{float:left;display:inline;margin:0px;padding:0px;font-size:18px;line-height:18px;color:#999999;}
#menu LI A{float:left;display:inline;padding:4px 5px 0px 5px;}
#menu LI SPAN{float:left;display:inline;padding:4px 0px 0px 0px;}
#menu LI A SPAN{float:none;padding:0px;}
#menu LI.on A{color:#FFFFFF;}

#content{float:left;display:inline;clear:both;width:100%;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;border-top:1px solid #434343;font-size:16px;}
#content H1{font-size:24px;font-weight:normal;margin:-8px 0px -5px 0px;}
#content H2{font-size:16px;font-weight:bold;margin:10px 0px 10px 0px;}
#content P, .text LI{color:#cccccc;}
#content STRONG, .text A{color:#FFFFFF;}
#content .text{float:left;display:inline;clear:both;width:600px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#content .text H1{margin:0px 0px 15px 0px;}
#content .text H2{margin:30px 0px 10px 0px;}
#content .text .c1{float:left;width:250px;margin:15px 15px 0px 0px;}
#content .text .c1 P{margin:10px 0px 20px 0px;}
#content .text .c2{float:left;width:250px;margin:15px 15px 0px 0px;}
#content .text .c2 H2{margin:10px 0px 0px 0px;}

.img{float:right;margin:30px 0px 0px 0px;}
.img IMG{margin:30px 0px 0px 0px;}

#album{float:left;display:inline;clear:both;width:930px;;margin:20px 0px 0px -15px;}
#album A.item{display:inline;float:left;width:200px;height:200px;margin:15px 15px 15px 15px;text-align:center;}
#album A.item IMG{margin:auto;float:none;}
#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:0px;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:890px;}
#album #viewer .header{margin:71px auto 20px auto;/*visibility:hidden;*/}
#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/spinner.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;display:none;}