/* Containers */

body {
	margin: 0;
	padding: 0;
	background-color: #262626;
}
#container {
	margin: 30px 0 0 0;
	padding: 20px;
	overflow: hidden;
	width: 880px;
	height: 700px;
	text-align: center;
}
#banner {
	height: 40px;
	width: 660px;
	margin: 5px 0 5px 20px;
	padding: 0px;
	text-align: left;
}
#sidebar {
	width: 128px;
	height: 620px;
	margin: 0 0 0 20px;
	padding: 0px;
}
#main-column {
	margin: 0;
	padding: 0;
	width: 670px;
	height: 620px;
	float: right;
}
.main-column-holder{
	background: url(images/bg-scroll-area.gif) no-repeat;
	float: right;
	width:664px;
}
#main-column-bracket {
	margin: 0;
	padding: 0;
	width: 663px;
	height: 581px;
	float: right;
	background: url(images/bg-scroll-area.gif) no-repeat 0 100%;
}
#baseline {
	display: block;
	overflow: hidden;
	float: right;
	height: 30px;
	width: 180px;
	margin: 20px 10px 0 0;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#4d4c4c;
	text-align: right;
}


/* Banner */

.banner-name, .banner-name a {
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 12px;
	color: #fa4717;
	letter-spacing: .1em;
	margin: 0;
	padding: 0 0 0 0;
	text-decoration: none;
}
.banner-name a:hover {
	color: #fff;
}

/* Main Column */

.image-box-main {
	margin: 5px 0 25px 25px;
	padding: 0;
	width: 640px;
	height: 360px;
	border: 1px solid #fff;
	overflow: hidden;
}
.image-box-DV {
	margin: 5px 0 25px 25px;
	padding: 0;
	width: 640px;
	height: 426px;
	border: 1px solid #fff;
	overflow: hidden;
}
.image-box-catalog {
	margin: 20px 0 25px 25px;
	padding: 0;
	width: 600px;
	display: inline;
	height: 250px;
	overflow: hidden;
	float: left;
}
.image-box-catalog .image {
	margin: 0px;
	padding: 0px;
	height: 240px;
	width: 240px;
	border: 1px solid #fff;
	float: left;
}
.image-box-catalog .text {
	display: block;
	overflow: hidden;
	float: right;
	width: 250px;
	height: auto;
	margin: 20px 30px 0 25px;
	padding: 0px 0px 0px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: left;
	color: #888;
	text-decoration: none;
}
.image-box-catalog .text .bold {
	color: #e1e1e1;
	text-align: right;
}
.image-box-catalog a {
	color: #fa4717;
	text-decoration: none;
}
.image-box-catalog a:hover { 
	color: #fff;
}


.btn {
	float: left;
	padding: 0 3px;
}
.btn a{
	float:left;
	padding: 3px 5px 1px 5px;
	font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #888;
	background-color: #444;
	text-decoration: none;
}
.btn a.active,
.btn a:hover{
	color: #fff;
}
.link-box-pdf {
	float:right;
}
.text-box-worktitle {
	display: block;
	overflow: hidden;
	float: left;
	width: 300px;
	height: auto;
	margin: -12px 0 0 25px;
	padding: 0px 0px 0px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: left;
	color: #888;
	text-decoration: none;
}
.text-box-worktitle .head {
	font-size: 1.2em;
	color: #fff;
}
.text-box-worktitle a {
	color: #fa4717;
	text-decoration: none;
}
.text-box-worktitle a:hover { 
	color: #fff;
}
.text-box-worktitle .bold {
	color: #e1e1e1;
}
.text-box-worktext {
	display: block;
	overflow: hidden;
	float: right;
	width: 300px;
	height: auto;
	margin: 3px 3px 0 0;
	padding: 0px 10px 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: right;
	color: #888;
	text-decoration: none;
}
.text-box-worktext .head {
	font-size: 1.2em;
	color: #fff;
}
.text-box-worktext .bold {color: #e1e1e1;
}
.text-box-info {
	display: block;
	overflow: hidden;
	width: 500px;
	height: auto;
	margin: 0 0 10px 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: left;
	color: #888;
	text-decoration: none;
}
.text-box-info .head {
	font-size: 1.2em;
	color: #fff;
}
.text-box-info .bold {
	color: #e1e1e1;
	text-align: right;
}
.text-box-info a {
	color: #fa4717;
	text-decoration: none;
}
.text-box-info a:hover { 
	color: #fff;
}
.text-box-catalog {
	display: block;
	overflow: hidden;
	float: right;
	width: 300px;
	height: auto;
	margin: 20px 30px 0 25px;
	padding: 0px 0px 0px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: left;
	color: #888;
	text-decoration: none;
}
.text-box-catalog .head {
	font-size: 1.2em;
	color: #fff;
}
.text-box-catalog .bold {
	color: #e1e1e1;
	text-align: right;
}
.text-box-cv {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 0 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: left;
	color: #888;
	text-decoration: none;
}
.text-box-cv .item {
	display: block;
	height: auto;
	margin: 0 0 20px 10px;
}
.text-box-cv .head {
	font-size: 1.2em;
	color: #fff;
}
.text-box-cv .bold {
	color: #e1e1e1;
	font-size: .9em;
}
.text-box-cv a {
	color: #fa4717;
	text-decoration: none;
}
.text-box-cv a:hover { 
	color: #fff;
}



/* Sidebar */

.sidebar-menu-main {
	display: block;
	overflow: hidden;
	height: 400px;
	width: 130px;
	margin: 0;
	padding: 0 0 30px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .75em;
	letter-spacing: .1em;
	text-align: left;
/*	border-bottom: 1px solid #4d4c4c;
*/}
.sidebar-main-links, .sidebar-main-links a {
	display:block;
	width: 120px;
	padding: 3px 0 13px 0;
	color: #555;
	text-decoration: none;
	text-align: left;
}
.sidebar-main-links a:hover { 
	color: #fff;
}
.sidebar-main-links a:active {
	color: #fff;
}
.sidebar-main-links .on {
	color: #fff;
	padding: 3px 0 0 0;	
}
.links{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-menu-sub {
	display: block;
	overflow: hidden;
	height: auto;
	width: 130px;
	margin: 0;
	padding: 10px 0 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	letter-spacing: 0em;	
	text-align: left;
}
.sidebar-sub-links, .sidebar-sub-links a {
	display:block;
	width: 120px;
	padding: 3px 0 7px 2px;
	color: #fa4717;
	text-decoration: none;
	text-align: left;
}
.sidebar-sub-links a:hover { 
	color: #fff;
}
.sidebar-sub-links a:active {
	color: #fff;
	font-style: italic;
}
.sidebar-sub-links .on {
	color: #fff;
	font-style: italic;
	padding: 2px 0 6px 0;	
}
.sidebar-sub-links .section {
	color: #555;
	font-style: italic;
	text-align: center;
}

/* Image Gallery */

.fade-gallery {
	position: relative;
	height:360px;
	margin: 0;
	padding: 0;
	width:640px;
}
.fade-gallery-DV {
	position: relative;
	height:426px;
	margin: 0;
	padding: 0;
	width:640px;
}
.fade-gallery ul.slide-set {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 360px
}
.fade-gallery-DV ul.slide-set {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 426px
}
.fade-gallery ul.slide-set li {
	position: absolute;
	top: 0;
	left: 0;
}
.fade-gallery-DV ul.slide-set li {
	position: absolute;
	top: 0;
	left: 0;
}
.fade-gallery ul.slide-set li.active {
	z-index: 1;
}
.fade-gallery-DV ul.slide-set li.active {
	z-index: 1;
}
.fade-gallery .gallery-nav {
	position: absolute;
	bottom:10px;
	left: 580px;
	list-style: none;
	width: 60px;
	z-index: 10;
	padding: 0;
	margin: 0;
}
.fade-gallery-DV .gallery-nav {
	position: absolute;
	bottom:10px;
	left: 580px;
	list-style: none;
	width: 60px;
	z-index: 10;
	padding: 0;
	margin: 0;
}
.fade-gallery .gallery-nav li {
	overflow: hidden;
	padding: 0 0 0 8px;
	float: left;
}
.fade-gallery-DV .gallery-nav li {
	overflow: hidden;
	padding: 0 0 0 8px;
	float: left;
}
.fade-gallery .gallery-nav a {
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 15px;
	margin: 0;
	cursor: pointer;
}
.fade-gallery-DV .gallery-nav a {
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 15px;
	margin: 0;
	cursor: pointer;
}
.fade-gallery .gallery-nav a:focus {
	outline: none;
}
.fade-gallery-DV .gallery-nav a:focus {
	outline: none;
}
.carrot-previous a {
	display:block;
	width: 15px;
	height: 30px;
	padding: 0;
	float: left;
	background: url("images/carrot-previous.png") 0 0 no-repeat;
}
.carrot-previous a:hover { 
	background-position: 0 -30px;
}
.carrot-next a {
	display:block;
	width: 15px;
	height: 30px;
	padding: 0;
	margin-left: 30px;
	background: url("images/carrot-next.png") 0 0 no-repeat;
}
.carrot-next a:hover { 
	background-position: 0 -30px;
}

/* custom scroll */
.scrollable {
	height:581px;
	overflow:hidden;
	border: solid #484b4b;
	border-width: 0 1px;
}
.vscroll-up,
.vscroll-down { 
	height:9px !important;
	left: -2px !important;
}
.vscroll-up img,
.vscroll-down img{display: none !important;}
.vscroll-up{background: url(images/bg-scroll-area.gif) no-repeat 100% 0;}
.vscroll-slider {
	width:5px !important;
	background: #ff5e03;
	cursor: pointer;
	left: 2px !important;
	height:24px;
	overflow: hidden;
}
.scroll-content {
	left: 0;
	top: 9px;
	height:563px !important;
}
