/* Start of CMSMS style sheet 'fotograffic' */
body {
	font-family:georgia;
}	

/*MENU*/

#menu {
	position:relative;
	left:0px;
	top:0px;
	width:650px;
	height:26px;
}

#people_ {
	position:absolute;
	left:170px;
	top:0px;
	width:70px;
	height:26px;
}

#places_ {
	position:absolute;
	left:240px;
	top:0px;
	width:67px;
	height:26px;
}

#things_ {
	position:absolute;
	left:307px;
	top:0px;
	width:73px;
	height:26px;
}

#food_ {
	position:absolute;
	left:380px;
	top:0px;
	width:59px;
	height:26px;
}

#contact_ {
	position:absolute;
	left:439px;
	top:0px;
	width:89px;
	height:26px;
}

#about_ {
	position:absolute;
	left:528px;
	top:0px;
	width:89px;
	height:26px;
}

/*GALLERY*/

#heading {
     font-family:'Trebuchet MS', helvetica, arial, sans-serif;
     font-size:16px;
     font-weight:bold;
     color:#A6A6A6;
}

#contents {
     width:610px;
     min-height:490px;
     font-family:'Trebuchet MS', helvetica, arial, sans-serif;
     font-size:13px;
     color:#3B3B3B;
}

#gallery {
	width:610px;
	margin:50px auto 0px auto;
}	

#main_image_wrapper{
	position:relative;
	border:1px solid #CCC;
	width:610px;
	height:399px;
	background:#FFF url(rsrc/loading_image.gif) no-repeat 50% 50%;
	}
#imgloader{
	text-align:center;
	vertical-align:middle;
	}
#thumbbox{
	background:#F1F1F1;
	border:solid 1px #CCC;
	text-align:center;
	width:590px;
	position:relative;
	padding:5px;
	}
#thumb_container{
	position:relative;
	overflow:hidden;
	width:526px;
	height:105px;
	margin:0 0 0 32px;
	}
#thumbs img{
	margin-right:3px;
	vertical-align:top;
	}
#thumbs a img{
	border:1px solid #CCC;
	}
#thumbs a:hover img{
	border:1px solid #333;
	}
#thumbs a:hover{color:red;}
#photocount{
	font-family:'Trebuchet MS', helvetica, arial, sans-serif;
	font-size:13px;
	color:#A6A6A6;
	float:left;
	width:120px;
	text-align:right;
	left:0;
	}
#back{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	z-index:1001;
	}
#more{
	position:absolute;
	top:0;
	left:585px;
	float:right;
	z-index:1001;
	}
.morelink:hover{
	font-size:11px;
	color:#036;
	text-decoration:underline;
	}
#thumbgall{
	position:absolute;
	left:0;
	top:0;
	white-space:nowrap;
	z-index:1000;
	}
#widthbox{
	position:relative;
	display:inline;
	left:0;
	top:0;
	padding:1px;
	}
#imgbox{
	width:80px;
	height:80px;
	display:inline;
	position:absolute;
	text-align:center;
	}
#iptc_btn{
	width:100%;
	text-align:right;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	}
#iptc_info{
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	width:100%;
	background-color:#000;
	color:#CCC;
	font-size:10px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
.iptc_left{
	float:left;
	text-align:right;
	width:18%;
	color:#0CF;
	padding:0 0 0 2%;
	}
.iptc_right{
	float:right;
	text-align:left;
	width:79%;
	}
#rightmore li a{
	background:url(rsrc/right_more.gif);
	display:block;
	color:#fff;
	text-decoration:none;
	width:100%;
	padding:0;
	}
#rightmore li a:hover{
	background:url(rsrc/right_more_over.gif);
	color:#fff;
	height:115px;
	}
#leftmore li a{
	background:url(rsrc/left_more.gif);
	display:block;
	color:#fff;
	text-decoration:none;
	width:100%;
	padding:0;
	}
#leftmore li a:hover{
	background:url(rsrc/left_more_over.gif);
	color:#fff;
	height:115px;
	}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{
	font-size:11px;
	color:#069;
	text-decoration:none;
	}
#rightmore,#leftmore{
	color:#333;
	height:115px;
	width:15px;
	padding:0;
	}
#rightmore ul,#leftmore ul{
	list-style:none;
	border:none;
	height:115px;
	margin:0;
	padding:0;
	}
#rightmore li,#leftmore li{
	height:115px;
	margin:0;
	}
html>body #rightmore li a,html>body 
#leftmore li a{
	width:auto;
	}
#pn_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:998;
	}
#prev,#next{
	width:25px;
	height:25px;
	background:transparent url(rsrc/blank.gif) no-repeat;
	outline:none;
	}
#prev{
	width:25px;
	height:25px;
	float:left;
	outline:none;
	-moz-outline:none;
	visibility:hidden;
	background:url(rsrc/prev.gif) ;
	}
#next{
	float:right;
	outline:none;
	-moz-outline:none;
	background:url(rsrc/next.gif) ;
	}
#prev:hover,#prev:visited:hover{
	background:url(rsrc/prev.gif);}
#next:hover,#next:visited:hover{
	background:url(rsrc/next.gif);}
#imgtitle{
	font-family:'Trebuchet MS', helvetica, arial, sans-serif;
	width:240px;
	font-size:13px;
	color:#A6A6A6;
	text-align:center;
	}
#imgtitle h2{
	font-size:1.3em;
	margin:0;
	padding:0;
	}
#thumbtoggler{
	text-align:right;
	float:right;
	right:0;
	z-index:1100;
	font-size:13px;
	color:#A6A6A6;
	}
#img_nav {
	text-align:right;
	float:right;
	width:60px;
	right:0;
	z-index:1100;
	}
#thumbdisplay{
	position:absolute;
	left:235px;
	top:75px;
	width:424px;
	}
.clear{clear:both;}
#e2link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	text-align:left;
	width:600px;
	padding:5px 0;
	}
#e2link a{
	color:#000;
	text-decoration:none;
	}
.tooltip{
	color:#fff;
	width:150px;
	z-index:15000;
	text-align:left;
	}
.tooltip h4{
	font-weight:700;
	font-size:12px;
	background:#000;
	margin:0;
	padding:8px 8px 2px;
	}
.tooltip p{
	font-size:11px;
	background:#000;
	margin:0;
	padding:1px 8px 8px;
	}
#thumbhide{position:relative;}

#bottom_bar{
	position:relative;
	width:660px;
	height:120px;
	background:url(images/logo.gif) no-repeat;
	margin-left:-50px;
	margin-top:-70px;
}	

/*FOOTER*/
#footer {
	position:relative;
	width:610px;
	height:20px;
	text-align:right;
	font-family:'Trebuchet MS', helvetica, arial, sans-serif;
	color:#3B3B3B;
	font-size:11px;
	font-weight:bold;
}	
/* End of 'fotograffic' */