/* created by yogi */ 
html, body{ 
margin:0; 
padding:0; 
background:#626060; 
color:#2d7dac; 
font-family:sans-serif; 
font-size:small; 
text-align:center; 
} 


#pagewidth{ 
width:848px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
margin-top:5px;
position:relative;
font-size:small; 
}
 
/*------------------------------------------header--------------------------------------*/

#header{
position:relative; 
width:100%;
height:132px;
background: url(../images/dividertop.png) bottom center no-repeat #626060;
} 

#topnav{
background-color:#000;}

#header_image{
clear:both;
background-image:url(../images/header_image.png); 
height:200px; 
}
#wrapper {
min-height:410px;
height:auto !important;
height:410px;
background: url(../images/background.png) repeat-y top center #626060;
}

#col1{
float:left;
display:inline;
margin-left:20px;
width:180px;
padding-top:180px;
}


#col2{
width:602px;
float:right;
display:inline;
margin-right:25px;
}

/*------------------------------------------classes--------------------------------------*/
p, a, table {
font-size:12px;
color:#2d7dac;
}

P{
line-height:110%;
margin:0px; 
padding:3px 9px;
}

.indented{
text-indent:10px;}
.grey{
color:#626060;
}

h3, h2{
font-size: 13px;
line-height:15px;
vertical-align:middle;
margin:0px;
padding:3px;
font-weight:100;
}

h2{
text-transform:uppercase;}

#title{
width:100%;
}

.title{
width:100%;
}
 
.clear{
clear:both;}

.hide {
display:none;}

/*.padding {
padding:15px;
}
*/
a {
font-weight:bold;}

a:hover {
color:orange;}

img {
padding:0px;
border:0px;}

ul, ol{
padding:5px 5px 5px 10px;
margin:0px;
list-style-type:none;}

li{
margin:0px;
padding:3px 0px;}



/*----------------------------------------Main NAVIGATION------------------------------------*/
#navcontainer
{
position: absolute;
margin:95px 20px 0px 213px;
}

    #tabs1 {
      float:left;}
	  
    #tabs1 ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
      }
	  
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
    #tabs1 a {
      float:left;
      margin:0;
    	 padding:0px;
	text-align:center;
      text-decoration:none;
	  width:83px;
	  height:22px;
	  line-height:28px !important;
	  ine-height:22px;
	  background:url("../images/nav_up.jpg") no-repeat left top;

      }
 	#tabs1 #first a {
	  background:url("../images/nav_first_up.jpg") no-repeat left top;

      }
 	#tabs1 #end a {
	  background:url("../images/nav_end_up.jpg") no-repeat left top;
	  width:92px;
      }
	   	#tabs1 #end a.current {
	  background:url("../images/nav_end_down.jpg") no-repeat left top;
	  width:92px;
      }

	  #tabs1 a.current, #tabs1 #first a.current {
	  background:url("../images/nav_down.jpg") no-repeat left top;

      }
	  #tabs1 a span {
	  padding-bottom:5px;
      }


/*----------------------------------------polaroid NAVIGATION------------------------------------*/

#menu a {
  position: absolute;
  height: 38px;
  width: 88px;
  text-decoration: none;
  background:url(transparentpixel.gif);
  }
  
  #menu a i { visibility: hidden; }
  
  a#listings { 
  left:156px;
top:196px; }
a#map { 
left:120px;
top:240px;}
a#diary {
left:30px;
top:250px; }


/*----------------------------------------doenolad------------------------------------*/

#download{
/*background:url(../images/downloadback.gif) no-repeat top center;

min-height:150px;
height:auto !important;
height:150px;*/
padding:8px;}

div.topBack, div.bottomBack{
width:100%;
height:4px;}

div.topBack{
background:url(../images/titleback.gif) no-repeat top center;
}
div.bottomBack{
background:url(../images/titleback.gif) no-repeat bottom center;
}

#listing_description{
width:350px !important;
width:330px;
float:right; 
margin:4px 10px 4px 0px !important;
margin:0px 10px 0px 0px;

padding-left:20px; 
}

#listing_details {
width:200px; 
float:left; 
margin:4px 10px 4px 10px !important;
margin:0px 10px 0px 10px;
border-right:solid #aad3eb 1px; 
min-height:350px;
height:auto !important;
height:350px;  
}

#listing_description p{
color: #626060;}

hr {
background-color:#aad3eb;
border:0pt none;
margin:0px;
clear:both;
color:#aad3eb;
height:1px;
}


/*----------------------------------------gallery------------------------------------*/



#gallery  img {border:0; }

#gallery {position:relative; margin:0.78em; margin-bottom:0px;}
#gallery a:visited, #gallery a {text-decoration:none; color:#d00; font-weight:bold; float:left; margin:3px;}
#gallery a:visited img, #gallery a img{filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}
#gallery a:hover {background-color:transparent; color:#06a;}
#gallery a:hover img { 
 filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;}


 /* -----------------------------------------footer  ----------------------------------------------*/
 #footer{ 
	width:848px; 
	margin: 0px auto;
	text-align:left;
	background: url(../images/footer_background.png) repeat-y top center #626060;
	position:relative;
} 
#footer a{
text-decoration:none;
padding:none;
margin:none;
border:none;
}

#footer_top{ 
height:22px;
background: url(../images/footertop.png) repeat-y top center #626060;
margin-bottom:5px;
} 
 
#footer_bottom{
height:12px;
background: url(../images/footerbottom.png) no-repeat top center #626060;
margin-top:5px;
} 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/*-----------------------------------
		CSS TABLE GALLERY
		STYLESHEET: CLEAR BLUE
		AUTHOR: ROBERT HARTL
------------------------------------*/

#diaryTable {
	line-height:1.2em;
	background-color:#fff;
	border-collapse:collapse;}
	
#diaryTable{
background:url(../images/titleback_top.gif) no-repeat top center;
padding-top:4px;
}

#diaryTable thead{
color:#626060; 
background:url(../images/titleback_bottom.gif) no-repeat bottom center  #AAD3EB;
}



#diaryTable td, {
	padding:4px;
}

 #diaryTable tbody tr td {
	border-bottom: 1px solid #AAD3EB;
}

#diaryTable tbody tr:hover td{
	border-bottom: 1px solid #333;
}

.odd {
	background: #e3e3f4;
}

#diaryTable tbody tr:hover {
	color: #333;
	background: orange;
}


#diaryTable tbody tr{background:#fff;color:#333;hover:expression(this.onmouseover=new Function("this.style.background='orange';"),this.onmouseout=new Function("this.style.background='#fff';"));}


#diaryTable table a:visited {
	text-decoration: line-through;
	color:#ccc;
}

/*-------info pages------------------------------------*/
  #paticipatinggalleries, #participating_photographers{
  display:inline;
  padding:0px 9px 5px 9px;}
  
  #paticipatinggalleries li, #participating_photographers li{
  padding-left:9px;
  width:190px;
  float:left;
  display:inline;}