
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color:#6e6e6e;
	margin:0;
	background-color:#4f5051;
}

.back{
	padding-left:30px;
}

.next{
	padding-right:30px;
}

#notes{
	font-size: 11pt;
	color: #e3438e;
	text-align:right;
}

.clear {
    clear: both;
    font-size: 1px;
}

    
/**** FOTOPAGE ****/

    #photoContainer {
        overflow: hidden;
        height: 364px;
        width: 445px;
		padding-right:30px;
    }
    
/**** ALBUMPAGE ****/
	#albumContainer {
		padding-right:25px;
	}
	
	#albumContainer p{
		text-align:right;
		padding-right:5px;
	}

	
    #albumContainer .imageContainer {
        text-align:right;
        float: left;
        padding: 5px;
    }
    
    #albumContainer .image {
        overflow: hidden;
        width: 100px;
        height: 100px;
        text-align: center;
    }
    
/**** LIGHTBOX ****/

    #lightbox{
    	position: absolute;
    	top: 40px;
    	left: 0;
    	width: 100%;
    	z-index: 150;
    	text-align: center;
    }
    
    #lightbox a img { border: none; }
	
	#outerImageContainer {
    	position: relative;
    	background-color: #fff;
    	width: 450px;
    	height: 450px;
    	margin: 0 auto;
    }
    
    #imageContainer {
    	padding: 5px;
    }
    
    #loading {
    	position: absolute;
    	top: 40%;
    	left: 0%;
    	height: 25%;
    	width: 100%;
    	text-align: center;
    }
    
    #hoverNav, #portfolioHoverNav {
    	position: absolute;
    	top: 0;
    	left: 0;
    	height: 100%;
    	width: 100%;
    	z-index: 10;
    	}
    #imageContainer>#hoverNav { left: 0;}
    #imageContainer>#portfolioHoverNav { left: 0;}
    
    #hoverNav a { outline: none;}
    #portfolioHoverNav a { outline: none;}
    
    #prevLink, #nextLink, #portfolioPrevLink, #portfolioNextLink {
    	width: 49%;
    	height: 100%;
    	background: transparent url(../images/zerobyte.gif) no-repeat; /* Trick IE into showing hover */
    	display: block;
    }
    #prevLink, #portfolioPrevLink { left: 0; float: left; }
    #nextLink, #portfolioNextLink { right: 0; float: right; }
    #prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 53%; background-repeat:no-repeat;}
    #nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 53%; background-repeat:no-repeat;}
    #portfolioPrevLink:hover, #portfolioPrevLink:visited:hover { background: url(../images/prev.gif) left 53%; background-repeat:no-repeat; }
    #portfolioNextLink:hover, #portfolioNextLink:visited:hover { background: url(../images/next.gif) right 53%; background-repeat:no-repeat; }
    
    
    
    #imageDataContainer {
    	font: 16px Verdana, Helvetica, sans-serif;
    	background-color: #fff;
    	margin: 0 auto;
    	line-height: 1.4em;
    	height: 38px;
    }
    
    #imageData {
    	padding:0 10px;
    }
    
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
    #imageData #caption{ font-weight: bold; color: #000;	}
    #imageData #numberDisplay{ display: block; clear: left;	color: #000;}			
    #imageData #bottomNavClose{ width: 115px; float: right;	}	
    		
    #overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 90;
    	width: 100%;
    	height: 500px;
    	background-color: #000;
		filter:alpha(opacity=60);
  		opacity:0.6;
    }
	
	.signature, .signature a {
		text-decoration: none;
		font-size: 8pt;
		color: #9cb5c0;
		text-align: center;
		background: none;
		background-image: none;
	}
	
	.signature a:hover {
		text-decoration: underline;
		color: #fff;
	}

#footer {
	background-image: url("../images/footer.gif");
	width: 1024px;
	height: 78px;
}

#copyright a {
	color:#ffffff;
}

#copyright {
	padding-top:5px;
	padding-bottom:5px;
	color:#999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align:right;
}

#header {	
}

#wrapper {
	width:1024px;
	margin:0 auto;
	
}

table{
width:1024px;
background-color:#ffffff;
}

th {
vertical-align:top;
}

.clear {
	clear:both;
}

#content {
    text-align: left;
	width:1024px;
	background-color:#ffffff;
	padding-bottom:5px;
}

#content p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:normal;
	color:#6e6e6e;
	line-height: 150%;
}

#content a {
	text-decoration:none;
	color:#4ea2d8;
}

#content a:hover {
	color:#e3448e;
}

#content h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight:normal;
	color:#838384;
}

#text {
 	width:450px;
	text-align:left;
    position:relative;
	left:30px;		    
}

#text1 {
 	width:800px;
	text-align:left;
    position:relative;
	left:30px;		    
}

#text2 {
 	width:950px;
	text-align:left;
    position:relative;
	left:30px;		    
}

#video {
	margin-right:30px;	   
}

#video1 {
	margin-right:30px;	   
	border-style:solid;
	border-width:2px;
	border-color:#e3448e;
}

#text2 {
	margin-right:30px;	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;	   	
}

#map {
	margin-right:30px;		   
}

#map1 {
	margin-top:20px;
	margin-right:30px;
	margin-left:30px;
	text-align:left;	   
}

#logo {
background-image: url("../images/header.gif");
width: 1024px;
height: 171px;
text-align: center;
}

#lang {
		text-align:right;
		padding-right:25px;
}

.more {
      display: none;
}
	  
a.showLink, a.hideLink {
	font-size:9pt;
	text-decoration:none;

}

.name{
	font-size: 9pt;
	text-align:left;
}

