/*
  Title # stodio J
  Date  # 6 February 2010
*/

body{ padding:0px; margin:0px; background:#FFFFFF; }


#wrap{
      width:1000px;
	  margin:auto;
	  text-align:left;
	  }
	  
#wrap2{
       width:1000px;
	   padding:0px 0px 0px 0px;
	   background-color:#FFFFFF;
	   float:left;
	   position:relative;
	   }
	   
#top{
	float:left;
	position:relative;
	width:1000px;

}
.header{
	float:left;
	position:relative;
	width:1000px;
	height:227px;
	background:url(images/top_header.jpg) no-repeat;


}
.top_logo{
	float:left;
	position:absolute;
	top:-227px;
	left:442px;
	z-index:200;
}
.nav{
	float:left;
	position:relative;
	width:1000px;
	height:54px;
	background:url(images/nav.gif) repeat-x;
	z-index:999;
}


.nav_sub{
	float:left;
	position:absolute;
	width:100%;
	height:54px;
	left:0px;
	top:0px;
	z-index:1000;
}

.nav ul
	{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
	padding-top:12px;
	padding-bottom:12px;
	}
	
.page_item
	{
	background-image:url(images/nav_bar.gif);
	background-repeat:no-repeat;
	background-position:14px 6px;
	position: relative;
	display: inline;
	float: left;
	padding-left: 28px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:21px; 
	font-weight:normal; 
	color:#9D9D9D;
	}
	
.page-item-3{
	background:none;
	position: relative;
	display: inline;
	float: left;
	padding-left: 28px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:21px; 
	font-weight:normal; 
	color:#9D9D9D;


}
		
	
	 
		
/*=============================================================*/

.nav li a, .nav li a:link, .nav li a:visited {
	/*background: none;*/
	display: block;
	/*font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;*/
    margin: 0px;
	color:#9D9D9D; 
	text-decoration:none;
	}

.nav li a:hover, .nav li a:active {
	
	color:#FFFFFF;
	display: block;
	/*font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;*/
	text-decoration: none;
    margin-top: 0px;
	/*padding: 0px 0px 10px 0px;*/
	}
	
.nav li li a, .nav li li a:link, .nav li li a:visited {
	background:#0D0D0D;
	color: #9D9D9D;
	width: 150px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
	text-transform: capitalize;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-top: 1px solid #1D1D1D;
	border-bottom: 1px solid #1D1D1D;
	border-left: 1px solid #1D1D1D;
	border-right: 1px solid #1D1D1D;
	}
	
.nav li li a:hover, .nav li li a:active {
	background:#0A0A0A;
	color: #FFFFFF;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	}

.nav li ul {

	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	margin: 0 0 0 -12px;
	}
	
	/*my*/
.nav li ul li{

	float: left;
	list-style: none;
	background: none;
 	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:21px; 
	font-weight:normal; 
	color:#FFFFFF; 
	padding-left:11px; 
	padding-right:4px; 
	display:inline;
	}
	
	/*my*/
	
	

.nav li li { 
	}

.nav li ul a { 
	width: 140px;
	}

.nav li ul a:hover, .nav li ul a:active { 
	}

.nav li ul ul {
	margin: -35px 0 0 161px;
	}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
	}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
	left: auto;
	}

.nav li:hover, .nav li.sfhover { 
	position: static;
	}
	






/*=============================================================*/
#main_body{
	float:left;
	position:relative;
	width:1000px;
	background:#0A0A0A;
	border-top:#1D1D1D 1px solid;
	*z-index:-1;
	
}
.body{
	float:left;
	position:relative;
	width:920px;
	padding:30px 40px 0px 40px;
	background:url(images/badyback.gif) repeat-y;
	padding-bottom:30px;
}
.page{
	float:left;
	position:relative;
	margin-left:29px;
	width:863px;
	
}
.page_header{
	float:left;
	position:relative;
	width:863px;
}
.page_body{
	float:left;
	position:relative;

	width:863px;
	padding-top:20px;
	border-bottom:#1D1D1D 1px solid;
	padding-bottom:26px;


}
.recent_photo{
	float:left;
	position:relative;
	margin-left:29px;
	width:863px;
}
.photo_header{
	float:left;
	position:relative;
	width:831px;
	margin-top:25px;
	padding-left:32px;
	background:url(images/flim2.gif) no-repeat;
	background-position:0px 3px;
}
.gallery{
	float:left;
	position:relative;
	width:856px;
	height:326px;
	background:#131313;
	/*border:#252525 1px solid;*/
	margin-top:12px;
}

.footer{
	float:left;
	position:relative;
	margin-left:29px;
	width:863px;

}

.footer_left{
	float:left;
	position:relative;
	width:567px;
	border-bottom:#202020 1px solid;
	height:32px;
	/*padding-top:32px;*/
	
}

.footer_right{
	float:left;
	position:relative;
	width:296px;
	text-align:right;
	padding-top:23px;
	
}


	   
.font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#828282; }	   
	.font a{ color:#FFA800; text-decoration:none; }
		.font a:hover{ color:#FFA800; text-decoration:underline; }
	   
.font2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#ffffff; }	   
.font3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; color:#FFA800; }	   
/************************************************************************/

div#page {
	width: 856px;
	background-color: #131313;
	margin: 0 auto;
	text-align: left;
	border: #252525 1px solid;
	
}
div#container {
	padding: 14px;
}


div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 525px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 302px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 544px;
	height: 302px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 544px;
	height: 302px; /* This should be set to be at least the height of the largest image in the slideshow */
	/*line-height: 302px;*/ /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}


div.slideshow img {
	vertical-align: middle;
	border: 1px solid #454343;
	height:302px;
}

div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 0px 10px 10px;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	border: 1px solid #4C494A;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	float:right;
	margin-top: 24px;
	background:#171717;
	width: 255px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	border-left:#1C1C1C 5px solid;
	border-right:#1C1C1C 5px solid;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	/*display: block;
	float: left;*/
	margin-right: 2px;
	padding: 4px 5px 2px 5px;
	background:#171717;
	/*border: 1px solid #ccc;*/
}
div.pagination a:hover {
	background-color: #171717;
	text-decoration: none;
	font-weight: bold;
	color:#f7f7f7;
}
div.pagination span.current {
	font-weight: bold;
	color: #F1A104;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}