/*---------------------------------------------------------------------------------------- Element styles */
html {width:100%;height:100%;margin:0;overflow:auto;}
body{background:#ffffff;color:#575757;font-family:Verdana,sans-serif;font-size:13px;font-weight:bold;margin:20px;padding:0;}
a{color:#fff;text-decoration:none;}   
h1,h2{text-indent:-9999px;}       
h2{clear:both;position:relative;display:block;height:44px; width:100%; margin:30px 0 15px -3px ;}  
h2.expositions{background:url("../_img/title_expositions.jpg") no-repeat; }
h2.about{background:url("../_img/title_about.jpg") no-repeat; }
h2.contact{background:url("../_img/title_contact.jpg") no-repeat; }    
h3{color:#fff; font-size:14px;letter-spacing:0.1em; margin:30px 0 15px 0;}     
p{width:550px; line-height:1.9em; margin-bottom:30px;}
                                
/*---------------------------------------------------------------------------------------- Layout styles */
#main{position:relative;width:100%;}
#header{width:100%;}
#logo{background:url("../_img/logo.png") no-repeat;height:26px;float:left;text-indent:-9999px;width:215px;}     
#logo a{display:block;height:26px;width:215px;}     
#footer{float:left;font-size:10px; font-weight:normal;margin-top:10px;font-family:Arial,sans-serif; height:20px;}

/*---------------------------------------------------------------------------------------- Photo slider styles */ 
#photoSlider{height:500px;overflow:hidden;clear:both;position:relative;;margin-top:15px;}
#photoWrapper{width:99999px;position:relative;left:0}    
#photoWrapper ul{position:absolute;left:-200px;margin:0;padding:0;}
#photoWrapper li{float:left;margin-right:10px;}
#scrollContainer{background:url("../_img/scrollbar_bg2.png") repeat-x;float:left;height:13px;margin-top:15px;position:relative;width:100%;white-space:nowrap;}
#scrollHandle{background:#cccccc;width:144px;height:13px;cursor:pointer;z-index:10;}     
.scrollLeft,
.scrollRight{background:url("../_img/scrollbar_corners.png") no-repeat;display:block;position:absolute;width:13px;height:13px;}            
.scrollLeft{}
.scrollRight{background-position:right;position:absolute;right:-1px;top:0;}
#handleWrapper{padding:0 13px;}

#categories {float:right; margin-top:15px;}
#categories a{display:block; float:left; margin-left:4px;width:19px; height:19px;} 
a.cat1{background:url("../_img/btn_1.gif") no-repeat;}
a.cat2{background:url("../_img/btn_2.gif") no-repeat;}
a.cat3{background:url("../_img/btn_3.gif") no-repeat;}
a.cat4{background:url("../_img/btn_4.gif") no-repeat;}
a.cat5{background:url("../_img/btn_5.gif") no-repeat;}
a.cat6{background:url("../_img/btn_6.gif") no-repeat;}
a.cat7{background:url("../_img/btn_7.gif") no-repeat;}
a.cat8{background:url("../_img/btn_8.gif") no-repeat;}
a.cat9{background:url("../_img/btn_9.gif") no-repeat;}

#categories a:hover{background-position: 0 -19px;}  
#categories a.active{background-position: 0 -19px;}  

.caption {position:absolute; color:#fff; font-size:11px; height:35px; top:467px; right:11px; z-index:10;}
.caption span{display:block; height:35px; position:absolute; top:0;}
.caption span.title{background:url("../_img/caption_bg.gif") repeat-x; margin:0 11px; padding:11px 0 0; position:relative;left:0;}
.caption span.lCorner{background:url("../_img/caption_left.png"); left:0; width:11px;}
.caption span.rCorner{background:url("../_img/caption_right.png"); right:0; width:11px;}

/*---------------------------------------------------------------------------------------- Menu styles */
#menu{position:relative;float:right;margin-top:15px;}
#menu li{float:left;margin-left:10px;}
#menu li a{background-position:0 0;display:block;height:11px;overflow:hidden;}
#menu li.photography a{background:url("../_img/btn_photography.png") no-repeat;width:96px;}
#menu li.expositions a{background:url("../_img/btn_expositions.png") no-repeat;width:81px;}
#menu li.about a{background:url("../_img/btn_about.png") no-repeat;width:44px;}
#menu li.contact a{background:url("../_img/btn_contact.png") no-repeat;width:61px;}
#menu li a:hover{background-position:0 -11px;}
#menu li a.active{background-position:0 -11px;}  

/*---------------------------------------------------------------------------------------- Contact form styles */  
#contactForm {font-size:12px; font-weight:normal;}                                  
#contactForm ul li{margin-bottom:15px;vertical-align:top; width:402px;}  
#contactForm label{display:block; float:left; width:90px;}    
#contactForm input,
#contactForm textarea{border:1px solid #575757; width:300px; background:#fff; color:#181818; padding:3px; font-family:Verdana,sans-serif;font-size:12px;}
#contactForm textarea{ height:140px;}  
#contactForm .succes, 
#contactForm .error{display:block;color:#d53200;margin-bottom:15px;line-height:1.4em;} 
#contactForm .succes{color:#81b908;}  
#contactForm .submit{display:block;border:0; background:url("../_img/submit.gif") no-repeat; width:65px; height:27px;}  
#contactForm .submit:hover{background-position:0 -27px;}  

/*---------------------------------------------------------------------------------------- Misc styles */
#flash p{margin:20px;}  
#flashWrapper {display:block;cursor:pointer;width:100%; height:100%;}                                                   
#flashWrapper object {position:absolute; z-index:10; width:100%; height:100%; bottom:0; right:0;}                                                   
a.enter{ width:100%; height:100%; display:block; z-index:10; position:absolute; top:0;}  
table#expositions { line-height:1.9em; }                                                      
table#expositions td{ color:#575757; padding-right:15px; }                                                      
table#expositions td + td + td + td{ color:#878787; }                                                                                                           
table#expositions td + td + td + td + td{ color:#b7b7b7; }   
                                                        
span.white {color:black;padding-right:4px;}