/* -------------------------------------------------------------- 
   13. =CAROUSEL
-------------------------------------------------------------- */    

div.image_gallery {
    position: relative;
    float: left;
    width: 930px;
	background-color:#c9c9bb;
	padding:0 0px 10px 0px;
	min-height:218px;

}

div.image_gallery h3 {
	color:#333333;
	font-weight:100;
	font-size:1.2em;
	margin:0;
	padding:8px 15px;
}
div.image_gallery img {
	border-bottom:5px solid #818176;
}
div.image_gallery a, div.image_gallery a:visited {
	color:#333333;
	text-decoration:none;
}
div.image_gallery h3 a:hover {
	text-decoration:underline;
}

div.image_gallery p {
    margin-bottom: 3px;
    
}

div.gallery_main {
    position: relative;
  
   width: 928px;
    float: left;
    clear: both;
     height: 250px; 
    padding: 1px;

}



div.scrollable { 
    position:relative; 
    overflow:hidden; 
    margin: 0px 28px  0px 32px;
    padding: 0;
    width: 870px;
    height:260px;
    
} 
 
div.scrollable ul.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 

div.scrollable ul.items li { 
    float:left;
	list-style-type: none;
	width:205px;
height:230px;
	float:left;
	background-color:#9b9b8d;
	margin-right:15px;
	-webkit-box-shadow: 3px 3px 3px #666;
	-moz-box-shadow: 3px 3px 3px #666;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#888888, offX=3, offY=3, positive=true); 

} 

div.scrollable ul.items li img { 
	margin-top: 0px;
margin-bottom:0;
} 
 

div.scrollable {
	float:left;	
}

a.prev,  a.prevPage  {
	display:block;
	width:22px;
	height:225px;
	background: url(/css/images/gal_left.gif) left center no-repeat #9f9f9f;
	position: absolute;
	bottom: 7px;
	left: 1px;
	cursor:pointer;
	font-size:1px;
    display: block !important;
}



a.disabled {
	visibility:hidden !important;		
}

a.next{
	background: url(/css/images/gal_right.gif) left center no-repeat #9f9f9f;
    position:absolute;
	right: 1px;
    bottom: 7px;	
	display:block;
	width:22px;
	cursor: pointer;
	height:225px;
display: block !important;
}


div.main_image {
    background: url(/css/images/gal_image_bg.jpg) bottom left no-repeat;
    width: 627px;
    padding: 15px;
    overflow: hidden;
    text-align: center;
}

div.main_image img {
    max-width: 620px;
}

/*********** navigator ***********/

div.navi {
	margin-left:240px;
	width:210px;
	display: none;
	height:20px;
}

div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:10px 3px 0px 3px;
	background: url(/css/images/navigator.png) 0 0 no-repeat;
	display:block;

	font-size:1px;
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	/* background-position:0 -16px;      */
} 	

div.main_image {
	display:none;
}

p.photo_desc {
position: absolute;
left: 580px;
 top: 0px;
width: 130px;
}

div.main_project_image {
	height: 385px;
	width: 575px;
	position:relative;
	text-align: center;
	background: #dddddd url(/css/images/2ajax-loader.gif) center center no-repeat;
}


div.main_project_image img {

}

img.hiding {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#member_signout {
	text-align: right;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	width: 711px;
}


div#member_signout a {
	color: white;
}


































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */