html  { overflow-x: hidden; }
html, body	{min-height: 100%; height:100%; margin:0; padding:0; width:100%;}
body, html, textarea, input, td, select, button { font-family:verdana, 'sans-serif'; font-size:11px; color: #666;line-height:150%; }
map, a, object { outline:none; -moz-outline:none; }
img, a img  { border:none; }
p   { padding:0; margin:0 }
input  { vertical-align:middle; }
h1, h2,h3 {margin:0;}

.print  { display:none; }

a:link, a:visited {
	color: #ae9962;
	font-weight: bold;
	text-decoration: none;
}

li {
	list-style: square;
	color: #ae9962;
}

li span {
	color: #666;
}

a:hover {color: #666}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
 * html .clearfix { height: 1%; }
.clear {clear: both;float:none !important}

html {
	background: #efebe1 url(../images/bg.png) center center no-repeat;
}

#footer-container {
    clear: both;
    color: #8F8F8F;
    height: 58px;
    line-height: 14px;
    position: relative;
    width: 100%;
    z-index: 6;
	border-top: 1px solid #e3d6b8;
	background: url(../images/bg_dots.png);
	font-size: 10px;
}
#footer-inner-container {
	border-top: 1px solid #ffffff;
	
	height: 57px;
	background: url(../images/bg_footer.png);
}

#outer-container {
    height: auto !important;
    margin: auto auto -59px;
    min-height: 100%;
    text-align: left;
    width: 100%;
	background: url(../images/bg_dots.png);
}

#footer-inner {
	margin: auto;
	width: 990px;
}

#top-container {
	width: 990px;
	margin: auto;
}

.fl-right {
	float: right;
}

.fl-left {
	float: left;
}

#footer-menu {
	text-transform: uppercase;
	padding-top: 25px;
	color: #666;
}

#footer-menu a {
	float: left;
	color: #666;
	font-weight: normal;
	
}

#footer-menu a:hover {color: #ae9962}

#footer-menu .separator{
	width: 2px;
	height: 16px;
	float: left;
	margin: 0 8px;
	float: left;
	background: url(../images/separator.gif);
}

#facebook {
	padding-left: 26px;
	padding-top: 1px;
	height: 15px;
	margin-top: -1px;
	margin-left: 20px;
	background: url(../images/facebook.png) no-repeat;
}

#top-container {
	padding-top: 20px;
	padding-bottom: 100px;
}

.navigation, .sub-navigation {
	padding: 0;
	margin: 0;
}

.navigation li {
	float: left;
	margin-right: 10px;
	list-style: none;
}

#news-container {
	margin-top: -40px;
}

.news-box {
	width: 315px;
	height: 90px;
	background: url(../images/bg_news.png);
	float: left;
}
.news-box-content {
	width: 0;
	height: 90px;
	background: url(../images/bg_news_dark.png);
	float: left;
	display:none;
}

.news-box a {
	display: block;
	background: url(../images/arrow.gif) no-repeat 12px 38px;
	padding-left: 30px;
	padding-top: 30px;
	height: 60px;
}

.news-item {
	border-right: 1px solid #fff;
	padding: 12px 20px;
	width: 359px;
	color: #666;
}

.news-item h3 {
	margin:0;
	margin-top: 6px;
}

.news-item .image img {
	border: 1px solid #ae9962;
	margin-right: 10px;
}

#ribbon-container {
	padding-top: 100px;
/*	overflow-x: hidden;*/
}

#crown-layer {
	background: url(../images/bg_crown.png) top right;
	height: 69px;
	width: 50%;
	margin-left: -495px;
}

#ribbon {
	width: 100%;
	height: 69px;
	background: #ae9962;
	margin-right: -495px;
	margin-left: 1px;
}

#content {
	width: 990px;
	margin: auto;
	position: relative;
}

#start .contentheader {
	position: absolute;
	top: -141px;
	left: 0;
}

#start .text {
	padding-left: 245px;
	padding-top: 25px;
	width: 475px;
}

#start .scrollable-container {
	position: absolute;
	left: 0;
	top: -69px;
}

.scrollable .items {
	width: 20000em;
}
#start .scrollable {height: 69px;}
#start .scrollable .scrollitem, #nomenu .scrollable .scrollitem, .next-references .scrollitem {
	padding: 10px 15px;
	width: 162px;
	border-right: 1px solid #fff;
	height: 49px;
	overflow: hidden;
}

.scrollable, .vertical-scrollable {
    overflow: hidden;
    position: relative;
}

.scrollable .items {
    position: absolute;
    width: 20000em;
}

.vertical-scrollable {
	height: 600px;
	width: 376px;
	top: -50px;
}

.vertical-scrollable .scrollitem {
	margin-bottom: 1px;
	opacity: 0.15;
	width: 376px;
	height:214px;
	padding-left: 3px;
}

.vertical-scrollable .scrollitem.active {
	opacity: 1.0;
}

.reference-title {
	display: none;
}

.vertical-scrollable .scrollitem.active .reference-title {
	display: block;
}

.scrollitem a {
	display: block;
}

.vertical-scrollable .items {position: absolute;height: 20000em;}

.scrollable-container a, .next-references a {display: block;height: 49px;}

a.browse {
	width: 21px;
	height: 21px;
	background: url(../images/arrow_scrollable.gif);
	position: absolute;
	z-index: 99;
}

.scrollable-container a.next{
	top:24px;
	left:182px;
	display: none;
}

.scrollable-container a.prev  {
	top:24px;
	left:-11px;
	background-position: 0 -21px;
	display: none;
}

.reference-text {
	margin-left: 410px;
	margin-top: 20px;
	width: 370px;
	min-height: 220px;
}

.reference-text h2 {
	margin-bottom: 15px;
}

.vertical-scrollable-container {
	position: absolute;
	top: -330px;
	left:-2px;
	z-index: 99;
	height: 580px;
	overflow: hidden;
}

.vertical-scrollable-container a.prev {
	background-position: 0 -42px;
    left: 176px;
    top: 156px;
    z-index: 99;
}

.vertical-scrollable-container a.next {
	background-position: 0 -63px;
    left: 176px;
    top: 369px;
    z-index: 99;
}

#start .reference-text .scrollable-container {
	left: 374px;
    position: absolute;
    top: -89px;
	border-left: 1px solid #fff;
}

a.close{
	background: url(../images/arrow_scrollable.gif) 0 -84px;
    left: 374px;
    top: -165px;
    z-index: 99;
	width: 21px;
	height: 17px;
	position: absolute;
	display: block;
}

a.disabled {
	display: none;
}

.clear-button { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.ref-banner {
	background: transparent url(../images/bg_reftextright.png) no-repeat scroll right 4px;
    color: #fff;
    display: block;
    float: left;
    height: 25px;
    text-decoration: none;
	padding-top: 2px;
	padding-right: 31px;
}

a.ref-banner span.banner-inner {
	background: transparent url(../images/bg_reftext.png) no-repeat;
    display: block;
    line-height: 14px;
    height: 15px;
    padding: 3px 0 5px 12px;
	border:none;
}

.reference-title {
	position: absolute;
	top:-35px;
	left:-3px;
}

#sub-content {
	width: 990px;
}

#menu #ribbon, #nomenu #ribbon {
	margin-right: -1455px;
	margin-top: 65px;
}

#menu #crown-layer, #nomenu #crown-layer {
	margin-top: 65px;
}

#menu #ribbon-container, #nomenu #ribbon-container {
	padding: 0;
}

#sub-content #content {
	width: 624px;
	min-height: 65px;
	margin-left: 1px;
}

#nomenu #sub-content  #content {
	width: 990px;
	margin-left: 1px;
}

#sub-content #submenu {
	margin-top: 65px;
}

#sub-content .contentheader {
	height: 74px;
	margin-top: -9px;
}

#sub-content .text {
	width: 480px;
	clear: both;
}

#sub-content .images div {
	float: left;
	margin-right: 10px;
}
#sub-content .images {
	margin-bottom: 30px;
}

.sub-navigation li {
	list-style: none;
	border-bottom: 1px solid #e3d6b8;
	height: 33px;
	background: url(../images/arrow-menu.gif) no-repeat 18px 8px;
}

.sub-navigation {
	margin-left: 2px;
	border-top: 1px solid #e3d6b8;
}

.event-item {
	margin-right: 11px;
	margin-bottom: 12px;
}

.event-item h3 {
	margin-top: 11px;
	margin-bottom: 3px;
}

.event-item .date{
	text-align: right;
}

.gallery-thumb {
	margin: 0 18px 20px 0;
}

a.link {
	padding-left: 22px;
	padding-top: 1px;
	display: block;
	height: 22px;
	background: url(../images/arrow-menu.gif) no-repeat 0 4px;
}

a.link.back {
	background-position: 0 -42px;
}

.column {
	width: 317px;
}

#nomenu .scrollable, #nomenu .scrollable-container {
	height: 69px;
	background: #ae9962;
}

#nomenu .scrollable-container a.browse {
	top: 94px;
	z-index: 99;
}

.reference-detail-text {
	width: 579px;
	margin-left: 35px;
}

.placeholder {
	height: 95px;
	position: relative;
}

.reference-gallery {
	margin-top: 25px;
}

.reference-gallery .gallery-thumb {
	margin: 0 5px 5px 0;
}
.reference-gallery .gallery{margin-top: 5px;}
.reference-gallery .gallery img {border: 1px solid #ae9962;}
.placeholder a.close {
	left: -35px;
    top: -65px;
}
.placeholder a.prev {
	background-position: 0 -21px;
	left:-423px;
	top:24px;
	z-index: 99;
}

.placeholder a.next {
	left: -45px;
	top: 24px;
	z-index: 99;
}

.next-references {
	left: -34px;
	position: relative;
	width: 614px;
	background: #ae9962;
	height:69px;
}

.reference-switcher {
	position: absolute;
	top:25px;
	right:0;
}

.reference-az {
	margin-left: 254px;
	margin-top: 23px;
	width: 580px;
}

.reference-az h2 {
	margin-left: 14px;
	margin-bottom: 7px;
}

.contentTable td {
	padding: 3px 15px;
	border-bottom: 1px solid #fff;
	background:url(../images/bg_table.png)
}

.contentTable td a {
	float: right;
}

.contentTable td.alt {
	background:url(../images/bg_table_alt.png)
}

.next-references .active {
	top: -10px; 
	background: none repeat scroll 0% 0% rgb(174, 153, 98);
	position: relative;
	height: 69px;
	width: 187px;
}

#sub-content .reference-az-container .contentheader {
	height: 74px;
	margin-top: -9px;
}

.reference-az-container .reference-switcher {
	top: 36px;
}

#start {
	padding-bottom: 65px;
}

#sub-content #content {
	padding-bottom: 65px;
}

.events-container {
	margin-top: -35px;
}

#sub-content .events-container .contentheader {
	height: 65px;
}