/* container for slides */
img.mobile-masthead-image { 
    width:100%;
}
.images {
	float: left;
	/*background:#fff url(/img/global/gradient/h300.png) repeat-x;
	//border:1px solid #ccc;
	//height:300px;
	
	//width:650px;
	//float:left;	
	//margin:15px;
	//cursor:pointer;	*/
	
	/* CSS3 tweaks for modern browsers */
	/*-moz-border-radius:5px;
	//-webkit-border-radius:5px;
	//-moz-box-shadow:0 0 25px #666;
	//-webkit-box-shadow:0 0 25px #666;	*/
}
#masthead-container img {
	float:left;
	clear:left;
}

div#carousel-container {
	margin: auto;
    overflow: hidden;
    /*width: 1262px;*/
    width: 1200px;
    padding-top:100px;
}
div#carousel-container-overlay {
	left: 332px;
    position: absolute;
   	top: 40px;
}

li.carousel-back {
	/*margin: auto;
    width: 1180px;
    */
}

li.carousel-back img {
	/*width:423px;*/
	/*width:400px;*/
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	filter: gray; 
	filter: grayscale(100%);
	filter: url(desaturate.svg#pictureFilter);
	
	width:380px;
	height:305px;
	margin:10px;
	box-shadow: 4px 4px 6px #000000;
	-moz-box-shadow:4px 4px 10px #000000;
	-webkit-box-shadow:4px 4px 10px #000000;	
}

li.carousel-back.sepia img { 
	filter: blur(1px) sepia(100%);
	-webkit-filter: blur(1px) sepia(100%); 
	-moz-filter: blur(1px) sepia(100%);
	-ms-filter: blur(1px) sepia(100%); 
	-o-filter: blur(1px) sepia(100%); 
}

li.carousel-front img {
	width:720px;
	/*height:440px;*/
	height:475px;
	
	margin-left:8px;
	margin-right:8px;
	box-shadow: 0 0 10px #000000;
	-moz-box-shadow:0 0 10px #000000;
	-webkit-box-shadow:0 0 10px #000000;	
}

/****************/
/* single slide */
/* .images div {*/
.masthead-element {
	display:none;
	position:absolute;
	top:0px;
	right:0;
}

.masthead-description {
	float:left;
	margin-top:25px;
	margin-right:10px;
	clear:left;
	width:477px;
}
.masthead-element img {
	/*float:left;*/
	display:block;
	margin:auto;
}



/* tabs (those little circles below slides) */
.slidetabs {
	clear: both;
	position:absolute;
	top:491px;
	left:0px;
	/*position:relative;*/
	margin-left: 2px;
	overflow: hidden; 
	
}

#slidetabs_portfolio {
	clear: both;
	position:absolute;
	top:500px;
	left:0px;
	/*position:relative;*/
	margin-left: 2px;
	overflow: hidden; 
	
}
#slidetabs_inspiration {
	clear: both;
	position:absolute;
	top:100px;
	left:0px;
	/*position:relative;*/
	margin-left: 2px;
	overflow: hidden; 
	width:440px;
	
}


/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/action-tabs.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

.slidetabs_inspiration a {
	margin-right:10px;
	float:left;
	margin:5px;
	display:block;
}


/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	




/* prev and next buttons */
#button-prev {
	bottom: 17px;
    cursor: pointer;
    left: 80px;
    position: absolute;
    z-index: 2000;
}

#button-next {
	bottom: 17px;
	cursor: pointer;
    right: 80px;
    position: absolute;
    z-index: 2000;
}

div#masthead-container-mobile #button-prev,
div#masthead-container-mobile #button-next {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    z-index: 2000;
}

div#masthead-container-mobile #button-prev { left: -15px; }
div#masthead-container-mobile #button-next { right: -15px; }


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}
div#caption { 
	background-color: #F3ECE0;
    border-bottom: 1px solid #B9B4AA;
    border-top: 1px solid #605F54;
    bottom: 0;
    height: 35px;
    left: 0;
    margin-left: 10px;
    padding: 10px 140px;
    position: absolute;
    text-align: left;
    width: 440px;
    z-index: 500;
}
div#masthead-container-mobile div#caption-bar {
	background-color: #000000;
    border: medium none;
    bottom: 0;
    color: #FFFFFF;
    height: 29px;
    margin: auto;
    padding: 0;
    position: relative;
    top: -16px;
    width: 260px;
    z-index: 500;
}
div#masthead-container-mobile div#caption {
	background-color: #000000;
    border: medium none;
    bottom: 0;
    color: #FFFFFF;
    font-size: 15px;
    height: 29px;
    line-height: 30px;
    margin: auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 260px;
    z-index: 500;
}