/**
 * specific styles applied to the homepage
 */

.page_inspiration #contain {
	margin-top : 20px;
}

/*  slide show */
#slideshow {
	width : 100%;
	padding : 0;
	margin : 0;
	border : none;
	position : relative;
	top : 0;
	left : 0;
}

#slideshow #docker {
	position : absolute;
	margin : 0;
	width: 100%;
	bottom : 60px;
	z-index : 20000;
	visibility : hidden;
	text-align : center;
	font-weight : normal;
}

#slideshow #docker #dock {
	display : inline-block;
	width : 960px;
	text-align : left;
}

#slideshow #docker #dock .jqDockWrap {}

#slideshow #docker #dock a:hover,
#slideshow #docker #dock a {
	text-decoration : none;
}

#slideshow #docker #dock .jqDockLabelText {
	padding : 2px 10px;
	white-space : nowrap;
	text-align : center;
	color : #333;
	font-size : 1.2em;
	font-weight : bold;
	background-color : rgba(255,255,255,0.5);
	border-radius : 3px;
	margin : 0 auto;
}

#slideshow #docker #dock .jqDockLabel {
	bottom : -15px !important;
}

#slideshow #docker #dock .jqDock {
	left : -7px !important;
}

#slides {
	width : 100%;
	padding : 0;
	margin : 0;
	overflow : hidden;
}

#slides ul {
	margin : 0;
	padding : 0;
	position : relative;
	left : 0;
	top : 0;
}

#slides ul,
#slides .slide,
#slides .slide .image_box,
#slides .slide .focus,
#slides .slide .lbg,
#multislides,
#multislides ul {
	height : 378px;
}

#slides ul {
	visibility : hidden;
}

#slides .slide {
	display : block;
	margin : 0;
	padding : 0;
	background-color : transparent;
	border : none;
	float : none;
	width : 100%;
	overflow : hidden;
	background-repeat : repeat-x;
	background-position : right top;
	background-color : #fff;
}

#slides .slide-first {
	display : block;
}

#slides .slide .lbg {
	background-repeat : repeat-x;
	background-position : left top;
	width : 50%;
	float :left;
	position : relative;
	top : 0;
	left : 0;
	z-index : 0;
}

#slides .slide .image_box {
	width : 100%;
	padding : 0;
	background-position : center top;
	background-repeat : no-repeat;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 1;
}

#slides .slide .image_box .focus {
	padding : 0px;
	margin : 0 auto;
	width : 960px;
	text-align : center;
	position : relative;
	top : 0;
	left : 0;
	z-index : 1;
}

#slides .slide .image_box .focus .overlay {
	position : absolute;
	top : 0;
	left : 0;
	text-align : left;
	width : 480px;
	padding : 31px 0 0 0;
	color : #000;
	z-index : 3;
}

#slides .slide .image_box_right .focus .overlay {
	right : 0;
	left : auto;
}

#slides .slide .image_box .focus .flash {
	/* swf can be wider than this : see inline styles in Slideshow template */
	width : 960px;
	height : 378px;
	background : none;
	position : absolute;
	top : 0;
	left : 0;
}

#slides .slide .image_box .focus .flash object,
#slides .slide .image_box .focus .flash embed {
	position : absolute;
	top : 0;
	z-index : 1;
}

#slides .slide .image_box .flash object,
#slides .slide .image_box .flash embed {
	left : 0;
}

#slides .slide .image_box_right .flash object,
#slides .slide .image_box_right .flash embed {
	right : 0;
	left : auto;
}

#slides .slide .overlay h2,
#slides .slide .overlay a,
#slides .slide .overlay p {
	color : #000;
}

#slides .slide .overlay-white h2,
#slides .slide .overlay-white a,
#slides .slide .overlay-white p {
	color : #fff;
}

#slides .slide .overlay h2 {
	font-size : 3.85em;
	line-height : 1em;
	text-transform : uppercase;
	padding : 0;
	margin : 0;
	letter-spacing : -1px;
	font-weight : bold;
	font-style : normal;
}

#slides .slide .overlay a,
#slides .slide .overlay a:hover {
	text-decoration : none;
}

#slides .slide .overlay p {
	font-weight : bold;
	font-size : 1.9em;
	padding : 0px 20px 0 0;
	line-height : 100%;
	margin : 0.75em 0 0 0;
	letter-spacing : -1px;
}

#slides .slide .overlay p span,
#slides .slide .overlay p a {
	vertical-align : middle;
}

#slides .slide .overlay p span.linkto {
	margin : 3px 0 0 6px;
}

#slides .slide .overlay .ui-button-small a {
	display : inline-block;
}

#slides .slide .overlay-white .ui-button-small a {
	background-image : url('../images/buttons/butt_arrow_white.png');
}

#slides .slide .overlay .feature,
#slides .slide .overlay .ui-button-small {
	vertical-align : middle;
}

#slideshow #progress {
	text-align : center;
	padding : 0px;
	position : relative;
	z-index : 1000;
	top : 0;
	left : 0;
}

#slideshow #progress ul {
	display : block;
	padding : 15px 0 0 0;
}

#slideshow #progress .ui-pica {
	display : inline-block;
	text-align : center;
	margin : 0 7px 0 0;
	padding : 0px;
	list-style-type : none;
	vertical-align : middle;
	border : none;
	width : auto;
	height : auto;
	text-indent : -9000px;
	background : url('../images/spots/slide_spot_off.png') no-repeat 50% 50%;
	padding : 0;
	line-height : 100%;
	width : 11px;
	height : 11px;
	text-indent : 0;
	cursor : pointer;
}

#slideshow #progress .ui-pica_cs_blue {
	background-image : url('../images/spots/slide_spot_on_blue.png');
}

#slideshow #progress .ui-pica_cs_orange {
	background-image : url('../images/spots/slide_spot_on_orang.png');
}

.slides-actions {
	padding : 1em;
	width : 960px;
	margin : 0 auto;
}

.slides-actions .slide-button {
	margin-right : 4px;
	color : #333;
	font-weight : bold;
	cursor : pointer;
	text-align :center;
	font-size : 1.4em;
	text-transform : uppercase;
	padding : 2px;
	display : inline;
	cursor : pointer;
}

.slides-actions .slide-button-on {
	background-color : #c30;
	color : #fff;
}

.slides-actions .slide-next,
.slides-actions .slide-previous {
	font-size : 2em;
	vertical-align : middle;
}

/* multi slides */
#slideshow-multi-container {
	width : 100%;
	overflow : hidden;
}

#slideshow-multi {
	height : 378px;
	visibility : visible;
	position : relative;
	left : auto;
	right : -50%;
	white-space : nowrap;
	float : left;
}

#multislides-container {
	margin : 0;
	position : relative;
	left : -50%;
}

#multislides ul {
	background-color : #fff;
	width: 1953px;
	margin: 0;
}

#multislides li {
	margin : 0;
	padding : 0;
	display : block;
	width : 651px;
	height: 378px;
	float: left;
}

#multislides ul.details {
	display : none
}

#multislides li.slide a {
	display : block;
}

#multislides li img {
	margin : 0 1px 0 0;
	padding : 0;
	display : block;
}

#slideshow-multi #slidecaption {
	width : 100%;
	background-color : rgba(54,54,54,0.95);
	position : absolute;
	bottom : 0;
	height : 72px;
	z-index : 15000;
}

#slideshow-multi #slidecaption .inner {
	margin : 0 auto;
	padding : 0;
	width : 770px;
	overflow : hidden;
}

#slideshow-multi #slidecaption .inner .slide-nav {
	text-indent : -9000px;
	display : block;
	width : 60px;
	height : 72px;
	float : left;
	background-position : 50% 50%;
	background-repeat : no-repeat;
	cursor : pointer;
	text-align : center;
}

#slideshow-multi #slidecaption .inner .slide-prev {
	background-image : url(../images/buttons/designer_gal_arrow_left.png);
}

#slideshow-multi #slidecaption .inner .slide-next {
	background-image : url(../images/buttons/designer_gal_arrow_right.png);
}

#slideshow-multi #slidecaption .inner .slide-prev:hover {
	background-image : url(../images/buttons/designer_gal_arrow_left-over.png);
}

#slideshow-multi #slidecaption .inner .slide-next:hover {
	background-image : url(../images/buttons/designer_gal_arrow_right-over.png);
}

#slideshow-multi #slidecaption .inner .slide-linkoff {
	width : 650px;
	float : left;
	overflow : hidden;
}

#slideshow-multi #slidecaption .inner .slide-linkoff .icon {
	width : 137px;
	height : 72px;
	display : block;
	float : left;
	overflow : hidden;
	background : #fff;
}

#slideshow-multi #slidecaption .inner .slide-linkoff .icon img {
	margin : 0 auto;
	display : block;
}

#slideshow-multi #slidecaption .inner .slide-linkoff .text {
	display : block;
	float : left;
	padding : 14px 20px 0px 20px;
	width : 470px;
	overflow : hidden;
	
}

#slideshow-multi #slidecaption .inner .slide-linkoff .text h4 {
	color : #fff;
	text-transform : uppercase;
	font-weight : bold;
	line-height : 100%;
	font-size : 1.65em;
	margin : 0;
}

#slideshow-multi #slidecaption .inner .slide-linkoff .text p {
	color : #00BDF5;
	text-transform : uppercase;
	font-weight : bold;
	line-height : 100%;
	font-size : 1.3em;
}

#slideshow-multi #slidecaption .inner .slide-linkoff .text a {
	text-decoration : none;
	color : #00BDF5;
}

#slideshow-multi #slidecaption .inner .slide-linkoff .text p span,
#slideshow-multi #slidecaption .inner .slide-linkoff .text p img {
	vertical-align : middle;
	display : inline;
}

/* spot images */
#spots {
	width : 100%;
	padding : 0;
}

#spots .ui-spot {
	width : 308px;
	height : 178px;
	position : relative;
	margin-right : 14px;
	margin-bottom: -7px;
	overflow : hidden;
	color :  #333;
	vertical-align : top;
}

#spots .ui-spot .overlay {
	background-color : transparent;
	background : url('../images/bg/sub_feat_grad_blue.png') no-repeat top left;
	height : 153px;
	width : 310px;
	position : absolute;
	bottom : 0;
	left : 0;
	z-index : 12;
}

#spots .ui-spot .text {
	position : absolute;
	width : 145px;
	padding : 10px 10px 0 0;
	right : 0;
	top : 28px;
	z-index : 10;
}

#spots .ui-spot .text h4 {
	font-size : 1.7em;
	line-height : 0.915em;
	letter-spacing : 0px;
	font-weight : bold;
	margin : 0 0 15px 0;
}

#spots .ui-spot .image {
	position : absolute;
	bottom : 0;
	z-index : 6;
}

#spots .ui-spot .ui-button-small {
	position : absolute;
	z-index : 10;
	width : 24px;
	height : 23px;
	bottom : 15px;
	right : 19px;
}

#spots .ui-spot .ui-form {
	width : 135px;
	position : absolute;
	z-index : 10;
	bottom : 15px;
	right : 19px;
}

#spots .ui-spot-last {
	margin-right : 0;
}

#spots .ui-spot .rotatable {
	display : none;
}