/* CSS Document */

body{
	padding:0;
	margin:0;
	background:#C3EA5E url('images/body_bg.gif') repeat-x 0 0;
	color:#000
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body---------------------*/

/*------------------------------------------------header start---------------------*/
#header{
	width:778px;
	height:49px;
	background:url('images/header2.jpg') no-repeat 0 0;
	margin:0 auto;
	position:relative; padding-left:0; padding-right:0; padding-top:290px; padding-bottom:0
}
#header a.member{
	background:#fff url('images/member_login_icon.gif') no-repeat center top;
	width:44px;
	height:17px;
	color:#0C0C0C;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left:490px;
	top:6px; font-style:normal; font-variant:normal; font-weight:bold; line-height:10px; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:23px; padding-bottom:0
}
#header a.member:hover{
	color:#607800;
	background-color:#fff;
}
#header img{
	position:absolute;
	left:209px;
	top:311px;
}
#header ul.nav{
	width:538px;
	height:28px;
	padding:0;
	margin:0 auto;
}
#header ul.nav li{
	float:left;
	padding:0;
	margin:0;
}
#header ul.nav li a{
	display:block;
	height:28px;
	padding:0 11px 0 11px;
	background-color:#FFFFEF;
	color:#523500;
	font:bold 11px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 1px 0 0;
	float:left;
}
#header ul.nav li a:hover{
	background:#FFFEEF url('images/nav_hover.gif') repeat-x 0 0;
	color:#fff
}
#header ul.nav li.home{
	display:block;
	height:28px;
	float:left;
	margin:0;
	background:#FFFEEF url('images/nav_hover.gif') repeat-x 0 0;
	color:#fff;
	text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; line-height:19px; font-size:11px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:11px; padding-right:11px; padding-top:0; padding-bottom:0
}
/*------------------------------------------------header end---------------------*/

/*------------------------------------------------body start---------------------*/
#body{
	background:url('images/body_bg_mid.gif') repeat-y 0 0;
	width:631px;
	margin:0 auto
}
#body p.top{
	display:block;
	background:url('images/body_top_bg.gif') no-repeat 0 0;
	width:631px;
	height:75px;
	float:left
}
#body p.bot{
	display:block;
	background:url('images/body_bottom_bg.gif') no-repeat 0 0;
	width:631px;
	height:78px;
	float:left
}


body, td{font:11px verdana} 
table {margin:0 auto;}
h1 { font-size: 2em; font-weight: normal;}
h1 a{color:#999}
#QuickGcontainer {background:#EEF5F9;width:600px;margin:0 auto;border:1px solid #BBB;}
#QuickGal td{padding:5px;color:#999;}
.QuickGTxt {padding-left:8px;padding-top:0;margin:0;clear:both;}

#QuickGalFooter {width:100%;background:#DAE4F4 url('images/bit.gif') bottom right no-repeat;border-top:1px solid #A8C4EA;}
#QuickGalFooter td {text-align:center;}
#QuickGalFooter #pag {font:15px arial,sans-serif;}
#QuickGalFooter #pag a {padding:0 2px;}
#QuickGalFooter #stat {color:#666}

.indextab {background:#FDFDFD url('images/gallery.gif') no-repeat 4px 4px;}

/** do not edit below (.. if you don't know exactly what you are doing) **/
/** image shadow **/
.p-shadow {
  width: 90%;
  float:left;
  background: url('images/shadow.gif') no-repeat bottom right !important;
  width:160px; margin-left:5px; margin-right:0; margin-top:10px; margin-bottom:0
  }
.p-shadow p:hover{background:#BED3EF;margin:-10px;}  

.p-shadow div {
  background: url('images/shadow2.gif') no-repeat left top !important;
  width:166px;
  padding-left:0 !important; padding-right:6px !important; padding-top:0 !important; padding-bottom:6px !important
  }

.p-shadow p {
  color: #777;
  width:150px;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }  

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	
/** Big image **/ 
 
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') no-repeat right 15%; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	}
.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 */
	}	
	


/*------------------------------------------------body end---------------------*/

/*------------------------------------------------footer start---------------------*/
#footer{
	background-position: left bottom; width:778px;
	height:207px;
	margin:0 auto;
	position:relative; padding-left:0; padding-right:0; padding-top:31px; padding-bottom:0; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
#footer ul{
	width:559px;
	margin:0;
	padding:0;
	position:absolute;
	left:148px;
	top:31px;
}
#footer ul li{
	margin:0;
	float:left;
	color:#880000;
	background-color:#FFFFD5;
	background-image:url('none');font-style:normal; font-variant:normal; font-weight:bold; line-height:14px; font-size:11px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#880000;
	background-color:#FFFFD5;
	text-decoration:none;
	padding:0 10px 0 10px;
}
#footer ul li a:hover{
	color:#000;
	background-color:#C6EC62;
}
#footer p.copyright{
	font:normal 11px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFFED0;
	position:absolute;
	left:285px;
	top:50px;
}
#footer p.design{
	display:block;
	width:194px;
	height:17px;
	border:#E1E08E solid 1px;
	padding:0 0 0 35px;
	position:absolute;
	left:291px;
	top:72px;
	font:bold 11px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#990000;
	background-color:#fff;
}
#footer a.link{
	width:85px;
	font:bold 11px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#990000;
	background-color:#fff;
	padding:0 3px;
	text-decoration:none;
	text-transform:capitalize;
}
#footer a.link:hover{
	color:#fff;
	background-color:#B50000;
}
/*------------------------------------------------footer end---------------------*/