html, body, #main{
	height: 100%
}

::-moz-selection{
	background:#E79D00; color:#ffffff
}  

::selection{
	background:#E79D00; color:#ffffff
}

body{
	background-color: #000; font-family: 'Raleway', sans-serif;
}
body, a{
	color: #9D9D9D
}
#main{
	overflow: hidden; position: absolute; min-height: 305px; width: 100%
}
#main.home{
	height: 300px; top: 50%; margin-top: -155px
}
#header, #footer{
	position: absolute; width: 100%; text-align: center; z-index: 2; background-color: #000;
}
h1{
	background: url(../img/logo17.jpg) no-repeat 0 2px; display: block; width: 109px; height: 78px; text-indent: -9999px; position: absolute; left: 50%; margin-left: -30px; z-index: 3;
}
h1 a{
	width: 100%; height: 100%; display: block; cursor: pointer
}
.loading, .bx-loading{
	background-color: #E79D00; height: 2px; opacity: 0; width: 0; position: absolute
}

.start h1{
	width: 59px; overflow: hidden; display: none; top: 50%
}
.start .menu{
	width: 0; overflow: hidden
}
.start #content #wrapper{
	height: 0; overflow: hidden; top: 50%; position: absolute; width: 100%
}
.animation{
	position: relative; _top: -85px; overflow: hidden; height: 100%;
}
.start .loading{
	top: 220px
}
#wrapper{
	overflow: hidden
}

.menu{
	display: inline-block; white-space: nowrap
}
.menu li{
	display: inline-block; background: url(../img/sep.gif) no-repeat right center; padding-right: 14px; margin-right: 8px; height: 19px
}
.menu li.nosep{
	background: none; padding-right: 0; margin-right: 0
}
.menu a{
	color: #FFF; text-transform: uppercase; font-size: 12px; cursor: pointer; vertical-align: top
}
.menu a, div.submenu{
	display: inline-block
}
#main .menu a:hover{
	color: #E79D00
}
div.submenu{
	opacity: .3; width: 1px; vertical-align: top; overflow: hidden; height: 43px
}
.menu .submenu a{
	color: #9D9D9D; padding-left: 9px; margin-left: 6px; background: url(../img/sep2.gif) no-repeat left center; font-size: 11px
}
.menu .submenu div a:first-child{
	background: none
}
.menu a.selected{
	color: #D47F00
}
.submenu div, .submenu ul{
	position: relative; white-space: nowrap; display: inline-block
}
.submenu div{
	position: absolute; left: 0; top: 30px; display: none
}
.menu .submenu li{
	background: none; padding: 0; margin: 0; position: relative
}
#header{
	top: 0; height: 105px
}
#header ul.menu{
	margin-top: 81px
}
#footer{
	bottom: 0; height: 30px
}
#footer ul.menu{
	margin-top: 5px
}
#content{
	padding-top: 105px; overflow: hidden; position: relative;
}
div.section {
	height: 100%; position: relative
}
div.section div.content{
	height: 100%; position: relative
}
div.image, div.slide div{
	text-align: center; overflow: hidden; position: relative
}
div.image img, div.slide div{
	vertical-align: middle
}
div.text{
	line-height: 22px; font-size: 12px; -webkit-text-size-adjust: none; text-align: justify
}
div.text div.download{
	text-align: center
}
div.download a, a.download{
	font-size: 10px; background: url(../img/download.gif) no-repeat right -23px; padding-right: 29px; height: 19px; display: inline-block; line-height: 20px
}
div.download a:hover, a.download:hover{
	background-position: right -1px; color: #E79D00
}
.info div.text{
	height: 40%; width: 700px; position: absolute; bottom: 25px; left: 50%; margin-left: -350px
}
.info div.image{
	height: 50%
}
/*
.info div.bx-wrapper{
	padding: 30px 0 0
}
.info div.bx-wrapper{
	height: 35%
}
.info div.bx-wrapper .bx-viewport, .info div.bx-wrapper .bx-viewport .slide{
	height: 100%
}
*/
div.slide div img, div.image img{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto
}
div.image img, div.info div.slide div img{
	height: 100%
}
div.slide div iframe, div.slide div embed{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto
}
div.list{
	margin: 0 60px 0 0; padding: 40px 0 0; display: inline-block
}
div.list div.item{
	float: left; margin: 0 0 60px 51px
}
#contact div.text div.col{
	width: 172px; float: left; text-align: center
}
#brochures{
	text-align: center
}
#brochures h2{
	color: #E79D00; font-weight: normal; font-size: 13px; margin-top: 12px
}
#brochures p{
	margin: 15px 0; font-size: 11px
}
#brochures a.img{
	width: 130px; height: 70px; display: block; overflow: hidden
}
#brochures a img{
	width: 100%
}
div.thumbnails{
	position: absolute; width: 100%; bottom: 1px; text-align: center; padding: 0 30px; max-width: 950px; margin: auto; left: 0; right: 0; z-index: 999
}
/*
div.thumbnails ul{
	display: inline-block
}
div.thumbnails ul li{
	float: left
}
*/
div.thumbnails a{
	height: 76px; display: block; text-align: center; color: #E79D00; font-size: 12px; position: relative; cursor: pointer; z-index: 99
}
div.thumbnails a span{
	position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 16px; line-height: 15px
}
div.thumbnails a div.box{
	background-color: #E79D00; height: 100%; position: absolute; bottom: 0; width: 100%; display: none
}
div.thumbnails a:hover span, div.thumbnails a.active span{
	color: #000
}
div.thumbnails a div h3{
	font-size: 10px; text-transform: uppercase; padding-top: 6px; font-weight: normal; color: #000; display: none
}
div.thumbnails a div.box div{
	width: 100%; height: 60px; overflow: hidden; display: inline-block; position: absolute; left: 0; right: 0; margin: auto; top: 0; background-color: #000
}
/*
div.thumbnails a div.box div img{
	max-width: 100%
}
*/
div.thumbnails div.bx-wrapper{
	margin: 0 auto
}
div.thumbnails a.active span{
	background-color: #E79D00
}
div.bx-controls-direction a{
	background: url(../img/slide-arrows2.png) no-repeat 0 center;
	width:200px; height: 100%; position: absolute; top: 0; z-index: 99999; display: block; text-indent: -9999px; opacity: 0
}
div.bx-controls-direction a:hover{
	opacity: .8
}
div.bx-controls-direction a:active{
	opacity: 1
}
div.bx-controls-direction a.bx-next{
	right: 0; background-position: right center
}
#services div.images{
	position: relative; width: 100%; display: table
}
#services div.images div.strip{
	margin: auto; width: 100%; display: table-cell; vertical-align: middle; text-align: center
}
#services .info div.text{
	height: 30%;
}
div.images img, div.images .video-wrapper{
	display: inline-block
}
div.images img{
	width: 33.3%
}
div.images .video-wrapper{
	width: 33.3%;
	max-width: 480px;
	position: relative;
	overflow: hidden
}
.video-wrapper embed, .video-wrapper iframe, .video-wrapper object, .video-wrapper video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
div#services h2{
	font-size: 13px; color: #E79D00; text-align: center; font-weight: normal; margin: 15px 0
}
div#services div.text{
	height: 35%
}
/*
.small-arrow{
	width: 22px; height: 33px; position: absolute; bottom: -4px; z-index: 999; display: block; text-indent: -9999px; cursor: pointer
}
.small-arrow a{
	background: url(../img/small-slide-arrows.png) no-repeat 0 0; width: 100%!important; height: 100%!important
}
*/
.small-arrow{
	width: 29px; height: 25px; position: absolute; bottom: -2px; z-index: 999; display: block; text-indent: -9999px; cursor: pointer
}
.small-arrow a{
	background: url(../img/slide-arrows.png) no-repeat 0 0; width: 100%!important; height: 100%!important; opacity: .7
}
.small-arrow a.disabled, .bx-controls-direction a.disabled{
	opacity: 0!important; cursor: default
}
#thumb-prev{
	left: 0
}
#thumb-next{
	right: 0
}
#thumb-next a{
	background-position: right 0
}
/*
.thumbnails .bx-wrapper .bx-loading {
	background: none
}
*/
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
#footer .loading{
	top: -1px
}
div.bios{
	height: 50px
}
div.bios h2, div.bios h3{
	font-weight: normal; text-transform: uppercase; text-align: center
}
div.bios h2{
	font-size: 12px; line-height: 30px
}
div.bios h3{
	font-size: 11px
}
div.bios a{
	cursor: pointer
}
div.bios a.selected{
	color: #D47F00
}
.bx-wrapper{
	margin: auto; position: relative
}
div#related div.bx-wrapper{
	padding: 30px 0
}
div#principals div.avatar{
	padding: 50px 0 30px
}
div#principals div.text{
	height: 35%
}
div.assets h2{
	position: absolute; top: 0; width: 100%; text-align: center; color: #E79D00; z-index: 99; font-size: 14px; font-weight: normal; line-height: 20px; height: 50%
}
div.assets h2 label{
	display: block; padding: 4px 0; position: relative; width: 100%
}
.bg{
	width: 100%; height: 100%; background-color: #000; opacity: .3; position: absolute; z-index: -1; display: block; top: 0
}
div#around div.imageflow{
	display: inline-block; margin-top: 140px
}
div#around div.imageflow .caption{
	color: #E79D00; position: absolute; top: 250px
}
.imageflow .navigation {
    /*position: absolute;*/
    top: 20px;
    /*height: 100%!important*/
}
a#slideshow-button{
	background:url(../img/slideshow.png) no-repeat 0 -46px; width: 45px; height: 44px; display: block; position: absolute; left: 50%; top: 50%; margin: auto; left: 0; right: 0; z-index: 9999; display: block; text-indent: -9999px; cursor: pointer
}
a#slideshow-button.stop{
	background-position: 0 0
}
/*
.imageflow .scrollbar{
	margin-top: 320px!important
}
*/