/* =Global Reset
----------------------------------------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, em, img,  strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
/* Optional and Usually Not Used */
abbr, acronym, address, applet, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, tt, var {
	margin: 0;
	outline: 0;
	padding: 0;
}
body {
	color: #414141;
	font-family: arial, helvetica, sans-serif;
	line-height: 1;
}
ul, dl {
	list-style: none;
}

/* Prevents Firefox from collapsing partially loaded images. */
ul.carousel li img {
    display: block;
}


/* =Global Generic Styles
----------------------------------------------------------------------------------------------------*/
.displayNone { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }



/* =Module Structure, Text & Links
----------------------------------------------------------------------------------------------------*/
.module {
	font-size: 11px;
	padding: 0 0 10px 0;
	position: relative;
	text-align: left;
	z-index: 50;
}

.width730, .modWidth730 .module {
/*	background: url("http://www.hermanmiller.com/DotCom/img/global/moduleBorders.png") -3205px 100% no-repeat; */
	width: 725px;
}

/* =Buttons
----------------------------------------------------------------------------------------------------*/
/* ----- Small Circle Button Used in Top Right Corner of Modules ----- */
/* ----- Circular Carousel Buttons ----- */
a.btnCarousel {
	background: url("/gallery_files/arrows.png") 0 0 no-repeat;
	display: block;
	height: 20px;
	text-indent: -999.9em;
	width: 26px;
}
a.prev {
	background-position: 0 0;
}
a.prev:hover {
	background-position: 0 -19px;
}
a.next {
	background-position: -30px 0;
}
a.next:hover {
	background-position: -30px -19px;
}


/* ----- Slideshow Oval Arrow Buttons and Dot Buttons ----- */
.carouselControls {
	position: absolute;
	right: 8px;
	top: 8px;
}
.carouselControls li {
	float: left;
}
.carouselControls li.selected a {
    background-position:-171px -25px;
}
.carouselControls a.btnCarousel {
/*	background: url("/gallery_files/buttons.png") -100px 0 no-repeat; */
	float: left;
	height: 25px;
	text-indent: -999.9em;
	width: 30px;
}
.carouselControls a.prev {
	background-position: -200px 0;
}
.carouselControls a.prev:hover {
	background-position: -100px -25px;
}
.carouselControls a.next {
	background-position: -130px 0;
	width: 28px;
}
.carouselControls a.next:hover {
	background-position: -130px -25px;
}
.carouselControls a.dot {
	background-position: -179px 0;
	_display: inline;
	height: 8px;
	margin: 8px 12px 0 0;
	width: 8px;
}
.carouselControls a.dot:hover {
	background-position: -179px -25px;
}
.carouselControls li.selected a.dot {
	background-position: -179px -50px;
}


/* ----- Side Nav Scroll Pane & Buttons ----- */
.sideNav .scrollPane {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}
.sideNav .scrollPane ul {
	*zoom: 1; /* Forces IE7 to display the list items */
}
#btnsScroll {
	clear: both;
	float: left;
	height: 36px;
	margin-bottom: -10px;
	_margin-bottom: -14px;
	margin-top: 10px;
	width: 250px;
}
#btnsScroll a {
/*	background: url("/gallery_files/buttonsBigScroll.png") 0 0 no-repeat; */
	float: left;
	height: 36px;
	text-indent: -999.9em;
	width: 250px;
}
#btnsScroll a.up {
	background-position: 0 0;
	width: 126px;
}
#btnsScroll a.down {
	background-position: -126px 0;
	width: 124px;
}
#btnsScroll a.up:hover { background-position: 0 -36px; }
#btnsScroll a.down:hover { background-position: -126px -36px; }
#btnsScroll a.disabledUp, #btnsScroll a.disabledUp:hover { background-position: 0 -72px; cursor: default; }
#btnsScroll a.disabledDown, #btnsScroll a.disabledDown:hover { background-position: -126px -72px; cursor: default; }




/* =Photo Gallery Module  -- keep
----------------------------------------------------------------------------------------------------*/
#carouselGallery {
	margin: 30px auto 0 auto !important;
	overflow: hidden;
	position: relative;
	width: 540px;
}
.photoGallery .carousel {
	position: relative;
	margin:0px auto;
}
.photoGallery .carousel li {
	display: inline;
	float: left;
	padding: 0 3px;
}
.photoGallery .carousel li img {
	border: 1px solid #e5e5e5;
}
.photoGallery a.prev {
	left: 7px;
	position: absolute;
	top: 50px;
}
.photoGallery a.next {
	position: absolute;
	right: 7px;
	top: 50px;
}

/*----- Override for 730px Width -----*/
.container730 #carouselGallery {
	margin: 20px auto 10px auto;
	width: 636px;
}
.container730 .photoGallery .carousel li {
	padding: 0 15px;
}
.container730 .photoGallery a.prev,
.container730 .photoGallery a.next {
	top: 50px;
}


/* =DOM Windows 
----------------------------------------------------------------------------------------------------*/	
.jqmOverlay {
    background: url("/gallery_files/gray_back.png") 0 0 repeat;
    *background-image: none;
    *background-color: #000;
    *filter:alpha(opacity=60) !important;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
#popupContent {
    position: absolute;
    top:200px !important;
}
.domWindow h2 {
	background: none;
	border: 0;
	color: #414141;
	font-size: 14px;
	padding: 0 0 14px 0;
}
.domWindow h2 span {
	color: #414141;
	font-size: 14px;
	font-weight: normal;
}

/* ----- Close Button ----- */
a.btnClose {
	background: url("/gallery_files/close_button.gif") -8px -6px no-repeat;
	display: block;
	height: 21px;
	position: absolute;
	right: 22px;
	text-indent: -999.9em;
	top: -7px;
	width: 23px;
}
a.btnClose:hover {
	background-position: -40px -6px;
}

/* ----- Content Container and Shadows ----- */
.domContent {
	position: relative;
	padding: 20px 32px 0 32px;
	width: 802px;
}
.shadowBg {
	background: url("/gallery_files/pop_shadow_back.png") 0 0 repeat-y;
	width: 866px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_back.png', sizingMethod='scale');
	_background:none;
}
.shadowTop {
	background: url("/gallery_files/pop_shadow_top.png") 0 0 no-repeat;
	height: 25px;
	width: 866px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_top.png', sizingMethod='crop');
	_background:none;
}
.shadowBtm {
	background: url("/gallery_files/pop_shadow_bott.png") 0 0 no-repeat;
	height: 25px;
	width: 866px;
	/* IE6 PNG Filter*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_bott.png', sizingMethod='crop'); 
	_background:none;
}
/* Adjustments for Medium DOM Window */
.medium .domContent {
	width: 452px;
}
.medium .shadowBg {
	background: url("/gallery_files/pop_shadow_narrow_back.png") 0 0 repeat-y;
	width: 516px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_narrow_back.png', sizingMethod='scale');
	_background:none;
}
.medium .shadowTop {
	background: url("/gallery_files/pop_shadow_narrow_top.png") 0 0 no-repeat;
	width: 516px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_narrow_top.png', sizingMethod='crop');
	_background:none;
}
.medium .shadowBtm {
	background: url("/gallery_files/pop_shadow_narrow_bott.png") 0 0 no-repeat;
	width: 516px;
	/* IE6 PNG Filter*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_narrow_bott.png', sizingMethod='crop'); 
	_background:none;
}
/* Adjustments for Narrow DOM Window */
.narrow .domContent {
	width: 310px;
}
.narrow .shadowBg {
	background: url("/gallery_files/pop_shadow_small_back.png") 0 0 repeat-y;
	width: 374px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_small_back.png', sizingMethod='scale');
	_background:none;
}
.narrow .shadowTop {
	background: url("/gallery_files/pop_shadow_small_top.png") 0 0 no-repeat;
	width: 374px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_small_top.png', sizingMethod='crop');
	_background:none;
}
.narrow .shadowBtm {
	background: url("/gallery_files/pop_shadow_small_bott.png") 0 0 no-repeat;
	width: 374px;
	/* IE6 PNG Filter*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gallery_files/pop_shadow_small_bott.png', sizingMethod='crop'); 
	_background:none;
}

/* ----- Photo Gallery DOM Window ----- */
.domWindow .photoGallery .module,.domEmbed .photoGallery .module {
	padding-bottom: 15px;
	width: 800px;
}
.domWindow .photoGallery #mainImg, .domEmbed .photoGallery #mainImg {
	border-bottom: 1px solid #e5e5e5;
	display: block;
	*display: inline-block;
	padding-bottom: 10px;
	position: relative;
}
.domWindow .noCarousel #mainImg,.domEmbed .noCarousel #mainImg {
	border: 0;
	padding-bottom: 5px;
}
.domWindow .photoGallery #mainImg img, .domEmbed .photoGallery #mainImg img {
	border: 1px solid #e5e5e5;
	display: block;
}
.domWindow .photoGallery #mainImg a, .domEmbed .photoGallery #mainImg a {
	background: url("/gallery_files/img_arrows.png") 0 0 no-repeat; /* Defined here and hidden so IE6 to recognize hit states */
	display: none;
	height: 27px;
	left: 0;
	position: absolute;
	text-indent: -999.9em;
	top: 255px;
	width: 35px;
}
.domWindow .photoGallery #mainImg a.next, .domEmbed .photoGallery #mainImg a.next {
	background-position: 0 -27px;
	left: 765px;
}
.domWindow .photoGallery #mainImg a.show, .domEmbed .photoGallery #mainImg a.show {
	display: block;
}

.main_img_arrows{
	display:none;
	float:left;
	width:100%;
	height:450px;
	margin-bottom:-450px;
	position:relative;
	z-index:100;

}
.main_img_arrows div{
	background: url("/gallery_files/img_arrows.png") 0 0 no-repeat; /* Defined here and hidden so IE6 to recognize hit states */
	display: inherit;
	height: 27px;
	width: 35px;
}

.main_img_arrows #left_arrow{
	float:left;
	margin-top:200px;
}

.main_img_arrows #right_arrow{
	background-position: 0 -27px;
	float:right;
	margin-top:200px;
}

#carouselGalleryDOM {
	clear: both;
	margin: 20px 0 0 32px;
	*position: relative;
	overflow: hidden;
	width: 760px;
}
.domWindow .photoGallery .carousel li {
	display: inline;
	margin: 0 9px 0 9px;
	padding: 0;
	width: 129px;
}
.domWindow .photoGallery .carousel li a.selected img {  
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20); /* IE6&7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
}
.domWindow .photoGallery a.prev,
.domWindow .photoGallery a.next {
	top: 50px;
	*top: 70px;
}

/* loader graphic for carousels */
img.loader {
    margin: 50%;
}


/* =sIFR 
----------------------------------------------------------------------------------------------------*/	
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	
	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	}
}

@media print {
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	} 
	.sIFR-alternate {
		visibility : visible !important;
		display    : block   !important;
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active .productNav h1 {
		font-size: 24px;
		padding: 0;
		visibility: hidden;
	}
	.sIFR-active #caseStudyCarousel li div h1,
	.sIFR-active #section h1 {
		font-size: 22px;
		padding: 0;
		visibility: hidden;
		width: 295px;
	}
	.sIFR-active .main #hero .title {
		font-size: 14px;
		visibility: hidden;
	}
	.sIFR-active .main #hero .infoBlock h2 {
		font-size: 20px;
		visibility: hidden;
	}
	.sIFR-active .square h2 {
		font-size: 14px;
		padding-bottom: 5px;
		padding-top: 10px;
		visibility: hidden;
	}
}