/* Gallery styles */

#fwg_gallery {
/*
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
	box-shadow: rgba(0,0,0,.2) 0px 2px 5px;
	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	
	border:1px solid #ffffff;
	
	*/
	/* The width of the gallery */
	background:url(../images/full-width-gallery/fwg_420_bg.jpg) no-repeat top left #ffffff;
	width:940px;
	overflow:hidden;
	position: relative;
}

#fwg_slides{
	clear: both;
	position: relative;
	height:420px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:938px;
	overflow:hidden;
	}

.fwg_slide {
	float:left;
	position: relative;
	width:940px;
	height:420px;
	}

.fwg_body {
	width:940px;
	height:420px;
	top: 5px;
	}

.fwg_title {
	display: block;
	padding: 48px 0 12px 44px;
	font-family:Myriad Pro,Arial,Helvetica,sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #363636;
	}

.fwg_text {
	display: block;
	padding: 0 0 24px 44px;
	font-size: 16px;
	font-weight: 100;
	line-height: 24px;
	color: #888888;
	width: 50%;
	}

.fwg_proxy {
	display: block;
	padding-left:44px;
	font-size: 14px;
	font-weight: 100;
	text-align: center;
	width: 50%;
	}
	
#fwg_stage {
	display: inline-block;
	position: relative;
	left: 10px;
	}

#fwg_nav {
	display: block;
	height:55px;
	margin:0px;
	padding: 0;
	text-align: center;
	border-top: solid 1px #ddd;
	/* background-color: #f0f0f0;
	border-bottom: solid 1px #ddd; */
	}
	
	ul.fwg_slides {
		display: inline-block;
		list-style-type:none;
		position: relative;
		margin: 0px;
		padding: 0px 20px 0px 20px;
		/*  -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background-color: #696969; */
		}
	
		li.fwg_slide_item {
			float:left;
			display:inline-block;
			width:26px;
			height:45px;
			background:url(../images/full-width-gallery/thumb_unselected.png) no-repeat 50% 55%;
			padding-right:0px;
			cursor:pointer;
			overflow:hidden;
			}
			
			li.fwg_slide_item a{ 
				display: block;
				width:26px;
				height:45px;
				}

			li.fwg_slide_item a img{ 
				border: none;
				/*	not so elegant hack.  to vertically align the thumbnails we need to position
					the top to 50% and then subtract 50% of the image height to make the thumbnails
					appear vertically aligned. Only works because we know the exact dimensions. SIMON
					*/ 
				position: relative;
				top: 50%;
				margin-top:-12px;
				}
						
		li.fwg_act,
		li.fwg_act a:hover {
			background:url(../images/full-width-gallery/thumb_selected.png) no-repeat 50% 55%;
			}
			
		li.fwg_inact a:hover {
			background:url(../images/full-width-gallery/thumb_hover.png) no-repeat 50% 55%;
			}

		/*
		li.fwg_first_divider {
			float:left;
			display:inline-block;
			width:2px;
			height:45px;
			}
			*/
			
/* --------- IE HACKS --------- */
.forceIEcenter {
	margin-left: auto;
	margin-right: auto;
	}