@charset "UTF-8";


/* ------------------------------------------------------------------------------ NEW GALLERY STYLES --------------------------- */

#gallery1 #rightColumn, #gallery2 #rightColumn, #gallery3 #rightColumn, #gallery4 #rightColumn, #gallery5 #rightColumn {
	float: left;
	width: 780px;	
	padding-top:40px;
}
#gallery1 #portraitWrap, #gallery2 #portraitWrap, #gallery3 #portraitWrap, #gallery4 #portraitWrap, #gallery5 #portraitWrap {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/plain_background.jpg);
	width: 100%;	
}

#gallery1 #navMain, #gallery2 #navMain, #gallery3 #navMain, #gallery4 #navMain, #gallery5 #navMain {
	height: 20px;
	width: 580px;
	margin-left:0px;
	margin-top:203px;
	z-index: 20;	
}

/* _____________ SUBNAV GALLERY NEW! _______________________________________*/

#gallery1 #listNavSub li a, #gallery2 #listNavSub li a, #gallery3 #listNavSub li a, #gallery4 #listNavSub li a, #gallery5 #listNavSub li a {
	display:block;
	float: left;
	text-indent: 0px;
	overflow: hidden;
	font-size: 11px;
	line-height:13px;
	background-repeat: no-repeat;
	height:33px;
	width:157px;
	color: #666;
	text-decoration:none;
	padding-top:27px;
	padding-left:3px;
}

#gallery1 #listNavSub li a, #gallery2 #listNavSub li a, #gallery3 #listNavSub li a, #gallery4 #listNavSub li a, #gallery5 #listNavSub li a {
	background-image: url(../images/subnav_gallery.png);
}

#gallerySubNav1 a {
	background-position: 0px 0px;
}
#gallerySubNav2 a {
	background-position: 0px -60px;
}
#gallerySubNav3 a {
	background-position: 0px -120px;
}
#gallerySubNav4 a {
	background-position: 0px -180px;
}
#gallerySubNav5 a {
	background-position: 0px -240px;
}




#gallerySubNav1 a:hover, #gallerySubNav1 a.selected, #gallery1 #gallerySubNav1 a {
	background-position: -160px 0px;	color: #CCC;
}
#gallerySubNav2 a:hover, #gallerySubNav2 a.selected, #gallery2 #gallerySubNav2 a {
	background-position: -160px -60px;	 color: #CCC;
}
#gallerySubNav3 a:hover, #gallerySubNav3 a.selected, #gallery3 #gallerySubNav3 a {
	background-position: -160px -120px;	color: #CCC;
}
#gallerySubNav4 a:hover, #gallerySubNav4 a.selected, #gallery4 #gallerySubNav4 a {
	background-position: -160px -180px;	color: #CCC;
}
#gallerySubNav5 a:hover, #gallerySubNav5 a.selected, #gallery5 #gallerySubNav5 a {
	background-position: -160px -240px;	color: #CCC;
}


#listNavSub li a:hover, #listNavSub li a:active, #gallery1 #gallerySubNav1 a, #gallery2 #gallerySubNav2 a, #gallery3 #gallerySubNav3 a, #gallery4 #gallerySubNav4 a, #gallery5 #gallerySubNav5 a  {
	color: #CCC !important;	
}



/* _____________ JAVASCRIPT STEPCAROUSEL STYLES (GALLERY)  ______________________________________________________________________*/

.galleryWrapper {
	float: left;
	height: 600px;
	width: 745px;
	
	background-image: url(../images/gallery-panel-780.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left:35px;
display: inline;
	overflow:hidden;
}

#leftColumn {
display: inline;
	overflow:hidden;
}

#galleryNav {
	height: 24px;
	width: 708px;
	margin-left:6px;
	margin-top:15px;
	z-index: 30;
	position: absolute;
	
}
#galleryNav a {
	display:block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-image: url(../images/pagination_dots.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	
	margin-top:12px;
}
#galleryNav a.selected {
	background-position: -24px 0px;	
}
#galleryNav a:hover {
	background-position: -48px 0px;	
}


.galleryWrapper .stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 708px; /*Width of Carousel Viewer itself*/
	height: 510px; /*Height should enough to fit largest content's height*/
	
}

.galleryWrapper .stepcarousel .gallerybelt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	margin-top: 50px;
	
	
}

.galleryWrapper .stepcarousel .gallerypanel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 708px;
margin:0px;
	
	
}



.gallerypanel img {
	float:left;
	margin-right:13px;
	margin-left:13px;
	margin-bottom:13px;
	margin-top:13px;
	border: 1px solid #666;
}

#galleryZoomFrame {
	
	background-image: url(../images/iw_gallery_logo.png);
	background-position: 686px 16px;
	background-repeat: no-repeat;
}
.galleryZoomImage {
	width:600px;
	height:550px;
	float:left;
	display:block;
	margin-top: 10px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
}
.galleryImageCaption {
	font-size: 1.8em;
	line-height:1.6em;
	color:#666;
	
}
.gallerySideRule {
	background-image: url(../images/contact_form_rule.png);
	background-repeat: repeat-x;
	height:10px;
	width: 155px;
}
.galleryImageCredit {
	font-size: 1.4em;
	line-height:1.3em;
	color:#333;
	text-transform: uppercase;
}
.hidden {
	display:none;
}