/* Slideshows
------------------------------------------------------------------ */
body {
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

.table_content{
line-height: 18px;	
}
.slideshow {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
text-align: center;
background: #000;
z-index: 99;
}
#nav_holder {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
text-align: center;	

z-index: 99999999;	
}
#nav {
margin: auto;
height: 62px;
background: url(../site_images/top_bg.png);
text-align: left;
min-width: 980px;
width: 980px;
padding-top: 15px;
} 

.ibody{
display: block;
margin: auto;
padding: 0 10px;
background: url(../site_images/body_bg.png);
text-align: left;

} 

.body{
display: block;
margin: auto;
padding: 0 10px;
background: url(../site_images//body_bg.png);
overflow: scroll;
text-align: left;

} 
.section {
margin: auto;
min-width: 980px;
background: url(../site_images/body_bg.png);

text-align: left;
min-height: 653px;

} 

.slideshow .slide {
width: 100% !important;
height: 100% !important;
} 

.slideshow .images {
	background: #000;
width: 100% !important;
height: 100% !important;
margin: auto;
min-width: 980px;
min-height: 653px;
} 

.slideshow .images img{
min-width: 980px;
min-height: 653px;

} 

#ray {
width: 320px; height: 77px;
display: block;
}

#ray div{
margin-left:-4px;
width: 310px;
 letter-spacing: 3.8px; 
font-family: verdana, arial, sans-serif;;
font-size: 32px;
	display:block;
	padding:0 0 0 10px;
overlfow: hidden;
	text-decoration:none;
	-webkit-transition: font-size .1s linear;

}

#ray div:after {
	content:attr(title);
	display:block;
	width:100%;

	margin-top: -14px;
	opacity:.1;
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
}

#display {
position: absolute;
top: 87px;
margin: 0 10px;
bottom: 10px;
padding: 10px 5px;
overflow: auto;
text-align: center;
min-width: 950px;
background: url(../site_images/bg2.png) 0 0 repeat;
border: 1px solid #666;
}

.thumb {
 width: 230px;
 height: 153px;

background: url(../site_images/thumb_bg.png);
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
border-top: 1px solid #000;
float: left;
margin: 10px 7px;
text-align: center;
color: #fff;
font-family: verdana, arial, sans-serif;;
text-shadow: #333 1px 1px 1px;
font-face: arial;
line-height: 20px;
padding-top: 15px;
}

.thumb:hover {

background: url(../site_images/thumb_hover.png);
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
	-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;

}


.thumb img{
padding-bottom: 5px;
}


.thumb_lg {
 width: 312px;
 height: 208px;
background: url(../site_images/thumb_bg.png);
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
border-top: 1px solid #000;
float: left;
margin: 10px 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
text-shadow: #333 1px 1px 1px;
line-height: 20px;
padding-top: 15px;


font-family: verdana, arial, sans-serif;;

	
}

.thumb_lg:hover {
 width: 312px;
 height: 208px;
background: url(../site_images/thumb_hover.png);
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
float: left;
margin: 10px 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-face: arial;
line-height: 20px;
padding-top: 15px;
	-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
}


.thumb_lg img{
padding-bottom: 5px;

}

.row {
margin-left: 20px; font-family:verdana,arial; color:#000; font-size: 10px;	
}
#links {

	float:right; 
	width: 640px; 
	margin-top: -63px; 
	font-size: 12px; 
	font-family: verdana;
    letter-spacing: 0.1em;

}

.link{

	height: 22px;
	line-height: 20px;
	color: #666; 
	float: left;
	text-decoration: none;
	margin-right: 5px;
	padding: 0 40px 0 20px;
	display: block;
}


.link:hover{
	text-decoration: none;
	color: #000; 
	float: left
	-moz-border-radius: 10px;
    border-radius: 10px;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.05, rgb(178,178,178)),
    color-stop(0.53, rgb(223,222,223))
);

background-image: -moz-linear-gradient(
    center bottom,
    rgb(178,178,178) 5%,
    rgb(223,222,223) 53%
);
}

.link.active {

	height: 22px;
	line-height: 20px;
	color: #666; 
	float: left;
	text-decoration: none;
	margin-right: 5px;
	padding-left: 20px;
	display: block;
	
	text-decoration: none;
	color: #000; 
	float: left
	-moz-border-radius: 10px;
    border-radius: 10px;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.05, rgb(178,178,178)),
    color-stop(0.53, rgb(223,222,223))
);

background-image: -moz-linear-gradient(
    center bottom,
    rgb(178,178,178) 5%,
    rgb(223,222,223) 53%
);
}


.dot{
visibility: hidden;
float: left;
color: #ccc;
font-weight: bold;
width: 17px;
height: 20px;
text-shadow:0 -1px 0 rgba(0,0,0,0.15),  
0 1px 0 rgba(255,255,255,0.8) ;
overflow: hidden;
margin-left: -11px;
}

.dot.active{
visibility: visible;
float: left;
color: #ccc;
font-weight: bold;
width: 17px;
height: 20px;
text-shadow:0 -1px 0 rgba(0,0,0,0.15),  
0 1px 0 rgba(255,255,255,0.8) ;
overflow: hidden;
margin-left: -11px;
}	


.ItemHeading a:hover .dot{
float: left;
-moz-border-radius: 8px;
border-radius: 8px;
width: 8px;
height: 8px;
border-top: 1px solid #a0a1a1;
border-left: 1px solid #a0a1a1;
border-bottom: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
background: #FFF;
margin-left: -11px;
margin-top: 12px;

}
		

.section_title {
  font-family: verdana, arial, sans-serif;;
    font-size: 22px;
    font-weight: bold;
    height: 20px;
    letter-spacing: 0.8em;
	padding: 0 15px;
	line-height: 35px;
	height: 35px;
}

.sub_title {
    font-family: verdana, arial, sans-serif;;
    font-size: 14px;
    height: 20px;
    letter-spacing: 0.4em;
	line-height: 20px;
	height: 20px;
	text-shadow: #fff 1px 1px 1px;
}

.plus{
    color: #000;
	text-shadow: #fff 1px 1px 1px;
	float: left;
	width: 20px;

}

.section_content {
    color: #000000;
font-family: verdana, arial, sans-serif;;
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 0 15px;
    size: 10px;
}

.bio_image {
    margin-left: 15px; 
	float: right; 
	width: 405px; 
	height: 186px; 

	border: 1px solid;
	border-color: #fff;
		-moz-box-shadow: 3px 3px 3px #aaa;
-webkit-box-shadow: 3px 3px 3px #aaa;
box-shadow: 3px 3px 3px #aaa;
}




.shoot_name {
  width: 350px;
  float: left;
  overflow: hidden;
  
}
.description {
  width: 350px;
  float: left;
  overflow: hidden;
}
.shoot_date {
  width: 150px;
  float: left;
  overflow: hidden;
  text-align: left;
  margin-left: 10px;
}


.ItemDetail{
   margin-top: -12px;
   position: relative;
 min-height: 600px
   width: 960px;
   background-color: #fff;
   color: #000;
   overflow: auto;
   font-family: Gill Sans / Gill Sans MT, sans-serif;
   font-size: 14px;
   margin: 0 0 1px 0;
   border-left: 1px solid #666;
   border-right: 1px solid #666;
   padding-top: 8px;
   padding-left: 5px;
   
   background: url(../site_images/bg2.png) 0 0 repeat;
   }
   
#login  {
 position: absolute;
z-index: 9999999999;
top: 90px;
left: 0;
bottom: 0;
right: 0;

}

#login_box {
position: relative;
margin: 0 auto;
width: 280px;
min-height: 150px;
margin-top: 100px;
border: 1px solid #ccc;
padding: 25px;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgb(189,189,189)),
    color-stop(0.56, rgb(233,233,233))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(189,189,189) 11%,
    rgb(233,233,233) 56%
);

-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}

.shadow {
	-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}


#pass_input{
	float: left;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
width: 150px;
height: 20px;
margin-top: 10px;
background: #fff url(../site_images/grey_lines.png) 0 0 repeat-x;
padding-left: 8px;

font-size: 12px;
}
#user_input{
		float: left;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
width: 150px;
height: 20px;
background: #fff url(../site_images/grey_lines.png) 0 0 repeat-x;
padding-left: 8px;

font-size: 12px;
}

#username {
float: left;
font-family: verdana, arial, sans-serif;;
font-size: 14px;
width: 100px;
	text-shadow: #fff 1px 1px 1px;
		text-shadow:0 -1px 0 rgba(0,0,0,0.15),  
0 1px 0 rgba(255,255,255,0.8) ;
}

#password {
float: left;

clear: both;
font-family: verdana, arial, sans-serif;;
font-size: 14px;
width: 100px;
margin-top: 10px;
	text-shadow: #fff 1px 1px 1px;
		text-shadow:0 -1px 0 rgba(0,0,0,0.15),  
0 1px 0 rgba(255,255,255,0.8) ;
}
   
.modal {
 position: absolute;
z-index: 9999999999;
top: 0;
left: 0;
bottom: 0;
right: 0;
 background: url(../site_images/modal_bg.png) 0 0;
}

#modal_box {
position: relative;

margin: auto;
margin-top: 100px;

	width: 980px;
min-height: 610px;
}

#modal_box #image_holder {
border: 5px solid;
border-color: #edeeed;
	background: #edeeed;
	width: 900px;
height: 600px;
padding: none;
overflow: hidden;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
}

#modal_box img {
	float: left;
	width: 900px;
min-height: 600px;
padding: none;

}

.shoot_title {
	height: 25px;
	line-height: 22px;
	font-size: 12px;
	background: #edeeed;
	color: #000;
	padding-left: 5px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.15),  
0 1px 0 rgba(255,255,255,0.8) ;
}


#close {
	background: url(../site_images/close.png) center center no-repeat;
	background-color: #000;
	width: 28px;
	height: 28px;
border: 3px solid #edeeed;
z-index: 999999999999999;
float: left;
margin-top: -375px;
margin-left: -18px;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;

}

#close:hover {
	background: url(../site_images/close_over.png) center center no-repeat;
	width: 28px;
	height: 28px;


}

#prev {
	display: block; 
float: left; 
width: 30px; 
height: 80px; 
color: #fff; 
margin: 280px 0 0 0;
border-right: none;
border: 1px solid #ccc;
background: url(../site_images/prev.png) center center no-repeat;
background-color: #000;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
}

#prev:hover{

background: url(../site_images/prev_over.png) center center no-repeat;

}

#next {
	display: block; 
	float: left; 
	width: 30px; 
	height: 80px; 
	color: #fff; 
	margin: 280px 0 0 0;
border-left: none;
border: 1px solid #ccc;
background: url(../site_images/next.png) center center no-repeat;
background-color: #000;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
}

#next:hover{

background: url(../site_images/next_over.png) center center no-repeat;

}

#modal_box_sm {
position: relative;

margin: auto;
margin-top: 100px;
width: 799px;
min-height: 533px;


}

#modal_box_sm #image_holder {
border: 5px solid;
border-color: #edeeed;

	width: 725px;
height: 533px;
padding: none;
overflow: hidden;
background-size: 600px 400px;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
background-size: 600px 400px;
}

#modal_box_sm img {
	float: left;
	width: 725px;
min-height: 483px;
padding: none;
}



#close_sm {
	background: url(../site_images/close.png) center center no-repeat;
	background-color: #000;
	width: 28px;
	height: 28px;
border: 3px solid #fff;
z-index: 999999999999999;
float: left;
margin-top: -280px;
margin-left: -18px;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;

}

#close_sm:hover {
	background: url(../site_images/close_over.png) center center no-repeat;

}


#prev_sm {
	display: block; 
float: left; 
width: 30px; 
height: 80px; 
color: #fff; 
margin: 180px 0 0 0;
border-right: none;
border: 1px solid #ccc;
background: url(../site_images/prev.png) center center no-repeat;
background-color: #000;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
}

#prev_sm:hover{

background: url(../site_images/prev_over.png) center center no-repeat;

}

#next_sm {
	display: block; 
	float: left; 
	width: 30px; 
	height: 80px; 
	color: #fff; 
	margin: 180px 0 0 0;

border: 1px solid #ccc;
border-left: none;
background: url(../site_images/next.png) center center no-repeat;
background-color: #000;
	-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
box-shadow: 3px 3px 3px #000;
}

#next_sm:hover{

background: url(../site_images/next_over.png) center center no-repeat;

}


.ItemHeading {
border: 1px solid #eee;

background: #ddd url(../site_images/bg_bar.png) repeat-x;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
left: 5px;
right: 5px;
height: 25px;
margin: 1px 0 0 0;
line-height: 25px;
color: #333;
clear: both;
display: block;
z-index: 999999;
padding: 0 15px 0px 35px;
}

.ItemHeading.active{
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #666;
border-right: 1px solid #666;

background: #999 url(../site_images/bg_bar.png) repeat-x;
color: #eee;

}

.ItemHeading.active .dot{
float: left;
width: 8px;
height: 8px;
border-top: 1px solid #a0a1a1;
border-left: 1px solid #a0a1a1;
border-bottom: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
background-color: #000;
margin-left: -16px;
margin-top: 8px;

}	


.ItemHeading:hover {
border: 1px solid #333;

background: #fff url(../site_images/bg_bar.png) repeat-x;
color: #333;
}