/* ALL */

html {
/* background: url(../images/logo-bg.jpg) center center no-repeat fixed, url(../images/texture2.jpg);	 */
background-color: #dadad8;
height: 100%;
}
*{
	-webkit-fontsmoothing:antialias;
}
/* MENU */
.ui-bar-a {
	font-size: 20px;
}
.cslogo{
	background: url(../images/logo.gif) no-repeat center center fixed;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:100%;
	height: 70px;
}

.ui-li-heading{
	padding-top: 0.35em;
	font-family: "FranklinGothicURW-Medium-Condensed", Helvetica, sans-serif;
}
.ui-li-count.ui-btn-up-a.ui-btn-corner-all.ui-btn-up-c{
	font-family: "FranklinGothicURW-Book", Helvetica, sans-serif;
	padding: .4em 1em !important;
	background-color: #f0f0f0 !important;
	background-image: none !important;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;

}
.ui-listview.ui-listview-inset{
	border: none !important;
}
.ui-li-desc, .ui-link-inherit, .ui-btn-right{
	font-family: "FranklinGothicURW-Book", Helvetica, sans-serif;
	color: #95979e;
}


.ui-btn-text{
	text-shadow: none;
	color: #b1b2ae;
}


.gallery .ui-btn-text h3.fixie{
	margin-top: 1.4em
}

.gallery .ui-btn-text h3.fixie2{
	margin-top: 1.1em
}


.ui-btn-inner{
	border: none !important;
}
.ui-btn-text{
	font-family: "FranklinGothicURW-Medium-Condensed", Helvetica, sans-serif !important;
	font-size: 14px;
}
.ui-btn-up-b, .ui-btn-hover-b,.ui-btn-down-b{
	border: none;
 	background-color: #eef1ec !important;
 	background-image: none;
}
.ui-btn-hover-b{
	background-color: rgba(255,255,255,.3);
}

.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{
border: none;
border-bottom: 1px #d8d8d2 solid;
}
.ui-navbar{
-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.4);
margin-bottom: 10px;
display: table;
width: 100%

}

.ui-shadow{
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.4);
}
.ui-bar-a{
	border: none;
}
.norightborder{
	border-left:1px solid #ffffff !important;
}
.ui-header.ui-bar-a, .ui-footer{
	border-bottom: none;
 	background-image: none;
 	background-color: #eef1ec;
 	padding-top: 12px;
 	height: 60px;
}

.ui-footer{
	margin-top: 100px;
 	padding-top: 25px;
	height:40px;
	background-color: white;
	padding-bottom: 5px; 
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: top;
}
.cslogo,.mlogo{
	display: table-cell;
}
.cslogo{
	padding-left: 12px;
}

.mlogo{
	padding-right: 12px;
}
.h1main h1{
	padding-left: 5px  !important;
	margin: 0 !important;
	padding-top: 20px;
	color: #555555;
}

.desc p, h1{
	font-family: "FranklinGothicURW-Medium-Condensed", Helvetica, sans-serif !important;
	padding: 0 10px;
	font-size: 27px;
	text-shadow: none;
}

.desc p{
	font-size: 15px;
	line-height: 1.5em;
	font-family: "FranklinGothicURW-Book", Helvetica, sans-serif !important;	
	font-weight: normal;
	color: #888;
}
.desc p.fgBookItal{
	font-family: "FranklinGothicURW-Book-Italic", Helvetica, sans-serif !important;
}

.desc p.fgDemi{
	font-family: "FranklinGothicURW-Medium-Condensed", Helvetica, sans-serif !important;	
}
#iconchange li div span{
	background-position:-504px 50%;
}
#iconchange .iconinfo div span{
	background-position:-540px 50%;
}
#iconplay li div span{
	background-position:-288px 50%;
}
hr{
	border: 0;
	height: 1px;
	background-color: #babab7;
	margin: 40px 10px 20px 10px;
}
#credits{
	max-width: 300px;
}
.ui-body-a{
	border: none;
background: rgb(239,240,235); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,240,235,1) 0%, rgba(218,218,216,1) 56%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,240,235,1)), color-stop(56%,rgba(218,218,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* IE10+ */
background: linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0eb', endColorstr='#dadad8',GradientType=0 ); /* IE6-9 */
}


.makewhite {
	background-color: white !important;
	background-image: none;
	text-shadow: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.makewhite span span {
	color: #444444;
}
.audioAbout{
	text-align: center;
	margin: 40px 8px;
	margin-bottom: 30px;
	padding: 15px;
	padding-bottom: 10px;
	padding-left: 10px;;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	background: -moz-linear-gradient(top,  rgba(216,216,212,1) 0%, rgba(216,216,212,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,212,1)), color-stop(100%,rgba(216,216,212,0)));
	background: -webkit-linear-gradient(top,  rgba(216,216,212,1) 0%,rgba(216,216,212,0) 100%);
	background: -o-linear-gradient(top,  rgba(216,216,212,1) 0%,rgba(216,216,212,0) 100%);
	background: -ms-linear-gradient(top,  rgba(216,216,212,1) 0%,rgba(216,216,212,0) 100%);
	background: linear-gradient(top,  rgba(216,216,212,1) 0%,rgba(216,216,212,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d4', endColorstr='#00d8d8d4',GradientType=0);
}
#slider{
	position:absolute; z-index:41;
	width:100%;
	overflow:auto;
	margin:0;
	margin-top: -10px;
	border-top: 15px solid white;
	background-color: #fff

}
#scroller {
	max-height: 80px;
	float:left;
	padding:0;
	white-space: nowrap;
}
.gallery.ui-content, #slider a{
	padding: 0;
	margin: 0;	
}
#slider a img {
	padding: 0;
	margin: 0;
	margin-left: -4px;
	border-right: 4px solid white;
}
#content-holder{
	position: absolute;
	top:162px;
	width: 100%;
	text-align: center;
background: rgb(239,240,235); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,240,235,1) 0%, rgba(218,218,216,1) 56%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,240,235,1)), color-stop(56%,rgba(218,218,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* IE10+ */
background: linear-gradient(top,  rgba(239,240,235,1) 0%,rgba(218,218,216,1) 56%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0eb', endColorstr='#dadad8',GradientType=0 ); /* IE6-9 */
padding-bottom: 40px  !important;
}
#content-holder img{
	padding:0;
	margin-left:10%;
	margin-right:10%;
	max-width: 80%;
	margin-top: 90px;
	-webkit-box-shadow: 4px 4px 10px rgba(189, 192, 205, 0.4);
	-moz-box-shadow:    4px 4px 10px rgba(189, 192, 205, 0.4);
	box-shadow:         4px 4px 10px rgba(189, 192, 205, 0.4);
}
.audiovideo img{
margin-top: 50px !important;}
#content-holder h3{
	font-size: 1.25em;
	color: #6c7275;
}
#content-holder a img{
	width: 33px;
	height:34px;
	padding: 0;
	margin: 0;	
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	text-align: center !important
}
#content-holder p{
	font-family: "FranklinGothicURW-Book", Helvetica, sans-serif !important;
	font-size: .85em;
	line-height: 1.25em;
	padding:0 10%;
	width: 80%;
	color: #7e8589;
	text-align: center;
	-webkit-font-smoothing:antialias;
	text-shadow:0px 1px 0px #FFFFFF !important;
}
.fgBookItal{
	font-family: "FranklinGothicURW-Book-Italic", Helvetica, sans-serif !important;
}
.fgDemiItal{
	font-family: "FranklinGothicURW-Medium-Condensed-Italic", Helvetica, sans-serif !important;
}
.fgDemi{
	font-family: "FranklinGothicURW-Medium-Condensed", Helvetica, sans-serif  !important;
}
.hrline{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	min-height: 2px !important;	
	max-height: 2px !important;	
	-webkit-box-shadow: none !important;
	-moz-box-shadow:    none !important;
	box-shadow:         none !important;
}
.galleryAudio{
	top: 100px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.galleryAudioArtwork{
	padding-top: 30px;
	text-align: center;
	width: 100%;
}
#carousel-shadow{
	position: absolute;
	background-image: url(../images/carousel-shadow.png);
	height:104px;
	width: 100%;
	top: 122px;
	z-index: 3;

}
#centerme{
	width: 100%;
	text-align: center;
}
#galDesc{
	top: 50px;
	position: absolute;
	display: block;
	font-size: 17px !important;
	line-height: 1.5em !important;
	margin-bottom: 50px !important;

}
.galDescAudio{
	top:125px !important;
}
.gal1{
	width: 850px;
}
.gal2{
	width: 6850px;
}
.gal3{
	width: 790px;
}
.gal4{
	width: 2080px;
}
.gal5{
	width: 840px;
}
.gal6{
	width: 840px;
}
.gal7{
	width: 1460px;
}
.gal8{
	width: 870px;
}
.gal9{
	width: 740px;
}
.gal10{
	width: 540px;
}
.gal11{
	width: 1040px;
}
.mural{
	width: 1090px;
}
.y1975{
	width: 8400px;
}
.y1980{
	width: 4690px;
}
.y1989{
	width: 768px;
}
.y2000{
	width: 3450px;
}
.y2010{
	width: 800px;
}
#noshade{
	-webkit-box-shadow: none !important;
	-moz-box-shadow:    none !important;
	box-shadow:         none !important;	
}
.audiovideo{
	background-image: url(../images/gradient.png) !important;
	background-position: top;
	background-repeat: repeat-x !important;
	top:109px !important;
}
#hint{
background-image: url(../images/arrow.png);
background-position: center center;
background-repeat: no-repeat;
height: 80px;
width: 40px;
background-color: transparent;
position:absolute; z-index:42;
right: 0;
margin-top: 5px;
}