html{height:100%; }
body{height:100%; font-family: Arial, Helvetica, sans-serif; background:#212222;}

/* example: font-family: 'CaeciliaLTStd75Bold', Georgia, "Times New Roman", Times, serif; */

/* general fixes */
strong, b{font-weight:bold !important;}
em, i {font-style:italic !important;}
small{font-size:10px !important; line-height:12px !important;}
.hide{visibility:hidden; display:none;}
.fix{font-size:0px; line-height:0px; height:0px; clear:both; width:1%;}
.fl{float:left;}
.fr{float:right;}

/* common trick to absolute middle center elements, h and v */
.midtable{display: table; height: 100%; width:100%; overflow: hidden;}
	.midtableInn{ display: table-cell; vertical-align: middle;}

/* main div holding anything */
#main{height:100%; position:relative; min-width:1024px; overflow:hidden;}
	#main .mainbg{position:absolute; width:100%; height:100%; background:transparent url(../images/layout/mainbg.png) repeat-x center center; z-index:1;}

/* main navigation hydra box */
#hydrabox{color:#efefef; font-size:12px; line-height:15px; position:absolute; width:168px; top:25px; left:34px; z-index:25;}
	#hydrabox h1{border-bottom:1px solid #c0bfbf;}
	#hydrabox a{color:#efefef; text-decoration:none;}
		#hydrabox a:hover{color:#fff;}
	#hydrabox p{border-bottom:1px solid #c0bfbf; padding:6px 0;}


/* shadows part (the ones on the left and right) */	
#shadows{}
	#shadows .fl{width: 50%; height:100%; background:transparent url(../images/layout/bgshadow-l.png) repeat-y left;}
	#shadows .fr{width: 50%; height:100%; background:transparent url(../images/layout/bgshadow-r.png) repeat-y right;}

/* preloader part */		
#loader{position:absolute; height:100%; width:100%; z-index:9999; }
	#loader .midtable{min-height:600px;}
	#loader .cont{width:119px; height:119px; margin:0px auto 0 auto; background:transparent url(../images/layout/loading-bg.gif) no-repeat;}

/* image holder part */		
#imgHolderMain{position:absolute; height:100%; width:100%; z-index:21; }
	#imgHolderMain .tabled{display: table; min-height:600px; height: 100%; width:100%; overflow: hidden;}
	#imgHolderMain .tabledInn{display: table-cell; vertical-align: middle;}
	#imgHolderMain .tabledInnSub{width:100%;}
	
		#imgHolderMain .img{visibility:hidden; position:absolute;}
		#imgHolderMain .info{visibility:hidden; text-align:left; position:absolute; left:820px; bottom:75px; width:201px; overflow:visible;}	
			#imgHolderMain h2{font-size:32px;  line-height:29px; font-family: 'CaeciliaLTStd75Bold', Georgia, "Times New Roman", Times, serif; padding-bottom:3px; font-weight:normal !important; padding:3px 0; width:401px;}
			#imgHolderMain p{color:#585858; font-size:11px; line-height:14px; padding:3px 0;}
			#imgHolderMain a{font-weight:bold; color:#ca1c1f; text-decoration:none;}
	
	#imgHolderMain .element{margin:0 auto; text-align:center; position:relative; width:100%; height:675px;}		
	
	#imgHolderMain #imgSlider{}
	
		#imgHolderMain  .imgSliderHolder{position:absolute; width:1028px; height:675px; left:0;}
		/*#imgHolderMain  .imgSliderHolder{border:2px solid #ff0;}*/
		
#arrows{}
	#arrows .fl{visibility:hidden;}
	#arrows .fr{visibility:hidden;}
	#arrows .bt-close{height:106px; width:106px; display:block;}

/* overview part */		
#overviewbg{z-index:30; position:absolute; width:100%; height:100%; visibility:hidden; background:#01B2F5/*#01B2F5*/;}
#overview{z-index:31; position:absolute; width:100%; height:100%; visibility:hidden; font-size:14px; line-height:16px; color:#fff;}
	#overview .wrap{width:647px; margin: 24px auto; }
	#overview .wrap .fl{width:517px;}
	#overview .wrap h2{font-size:36px; line-height:40px; font-family: 'CaeciliaLTStd75Bold', Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #fff; padding-bottom:3px; font-weight:normal;}
	#overview .wrap p{padding:8px 0;}
	#overview .wrap ul{padding:12px 0;}
	#overview .wrap p.b{}
	#overview .wrap p.b img{ }
	
	#overview a{color:#efefef; text-decoration:none;}
	#overview a:hover{color:#fff;}