/* gallery styles
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	}
	
body{
	padding: 0;
	margin: 0;
	font: 11px Verdana, arial, helvetica;
	color: #999;
	background-color: #333;
	text-align: center;		/* centers content in IE5.5 and earlier */
	}


#wrapper{
	width: 704px;
	margin: 0 auto;
	text-align: left;
	}


a{	color: #999; text-decoration: none;}
a:hover{ color: #fff; }

img,	
a img{ border: 0;	}

p{	margin-bottom: 12px;}

h1{
	font-size: 2.0em;
	letter-spacing: -0.05em;
	font-weight: normal;
	}

h2{
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -0.05em;
	}

h3{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.7em;
	}

/* masthead
----------------------------------------------- */
#masthead{
	width: 100%;
	background-color: #666;
	margin-bottom: 25px;
	height: 35px;
	}
	
#masthead #logo{
	float: left;
	padding-top: 0.4em;
	padding-left: 20px;
	}

#masthead #event{
	float: right;
	padding-top: 0.7em;
	padding-right: 20px;
	}




/* footer
----------------------------------------------- */
#footer{
	clear: both;
	width: 100%;
	background-color: #666;
	height: 30px;
	}
	
#footer #copyright{
	float: left;
	padding-top: 0.6em;
	padding-left: 20px;
	}

#footer #credits{
	float: right;
	padding-top: 0.7em;
	padding-right: 20px;
	}
	
	

/* fullsize images
----------------------------------------------- */


#imagebox {
	margin: 20px auto 0 auto;
	text-align: left;
	position: relative; 
	}

#main #nav{
	text-align: center;
	margin-bottom: 5px;
	}

#main #image {
	background-color:#fff;
	padding: 10px;
	display: block;
	clear: both;
  }
#imageinfo{
	padding-top: 5px;
	} 
#caption{
	float: left;
	padding-bottom: 10px;
	}
#caption h2{
	font-size: 1.5em;
	color:#ccc;
	padding: 0;
	margin: 0;
	}	
#caption h2:hover{
	color: #ccc;
	}		
#number{
	float:right;
	text-align: right;
	padding-right: 3px;
	}	

#navleft{
			display: none;
			position: absolute;
			left: 5px;
			z-layer: 50;
	}

#navright{
			display: none;
			position: absolute;
			right: 8px;
			z-layer: 50;
	}
#theend{
			display: none;
			position: absolute;
			right: 8px;
			z-layer: 50;
	}			
	
	
	
	
/* thumbnail page
----------------------------------------------- */

#thumbnails{
	width: 704px;
	margin-bottom: 30px;
	}

.thumbnail{
	width: 150px;	/* Opera 5 */
	\width: 176px;	/* IE5Win */
	w\idth: 150px;	/* Others */
	padding: 3px 3px 1px 3px;
	margin: 0 20px 20px 0;
	background-color: #666;
	float: left;
	}


/* marketing
----------------------------------------------- */
#marketing{
	clear: both;
	border: 2px solid #555;
	padding: 10px;
	margin: 75px 0 20px 0;
	background-color: #444;
	}

#marketing-image{
	float: left;
	margin-bottom: 10px;
	padding-right: 15px;
	}
	
#marketing-text{
	float: right;
	width: 450px;
	}

#marketing-text p{
	line-height: 1.4em;
	}
	
/* clearing
----------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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