@charset "utf-8";

/* CSS Document */


#colorswicher { color:#ccc; width:925px; clear:both; padding:8px 0px 0px; text-align:right; }

/* Global styles ----------------------*/

* { margin:0px; }

body {
	margin:0px 0px 0px 150px;
	padding:0px;
	width:100%;
	height:100%;
	background: none;
	font-family:Arial, Helvetica, sans-serif; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color:#666666;
	font-size:12px;
	background-color:transparent;
}

/* The colors - for easily changing overall color sheme -------*/

h1, h2, h3, h4, a { color:#426489; }

ul.mainmenu li { background:#1b2330; }

#leftmenu { background-color:#426489; }

a { text-decoration:none; }

a:hover { text-decoration:underline; }

p { line-height:16px; margin-bottom:14px; }

ul { list-style-type:square; margin:10px 10px 10px 30px; line-height:14px; }

ol { list-style-type:decimal; margin:10px 10px 10px 30px; line-height:14px; }

h1 { font-size:200%; letter-spacing:0px; font-weight:normal; line-height:34px; }

h2 { font-weight:normal; font-size:170%; line-height:30px; }

h3 { font-weight:normal; font-size:150%; line-height:24px; }

h4 { font-weight:normal; font-size:130%; line-height:24px; }

h5 { font-size:120%; font-weight:normal; line-height:18px; }

h6 { font-size:100%; font-weight:normal; line-height:14px; font-weight:bold; }

blockquote { border-left:2px solid #000; color:#666; margin-left:40px; width:auto; line-height:14px; font-size:80%; padding-left:20px; }

.shadowLine { background:url(../images/interface/gradLine_narrow.gif) no-repeat; width:364px; height:23px; margin:30px 0px 0px; clear:both; }

.fullwidth .shadowLine { background:url(../images/interface/gradLine.gif) no-repeat; width:620px; height:23px; margin:30px 0px 0px; clear:both; }

/* Form styles -------*/

form { margin:0px; }

textarea { width:330px; }

input { border:1px solid #ccc; padding:2px 4px 2px 4px; font-size:10px; margin:0px; }

input:focus, textarea:focus { border:1px solid #666; background:#efefef; }

.searchField { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px 4px 3px 4px; width:115px; }

.searchbutton { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0px; width:60px; height:21px; }

/* SITE STRUCTURE ---------*/

#contentWrapper { width:960px; margin:0px auto 20px; }

#header { height:80px; width:960px; float:left; }

/* Left column -- All pages ---------*/
#leftWrapper {
	float:left;
	display:inline;
	width:200px;
	height:300px;
	margin:0px 10px 0px 0px;
}

#leftWrapper #logo { width:210px; height:65px; background:#000; padding-top:5px; }

#leftWrapper #search { width:190px; height:23px; padding:10px; background:#1b2330; border-top:1px solid #222832; border-bottom:1px solid #222832; }

#leftWrapper #search #searchField { font-size:80%; color:#666; height:18px; width:130px; }

#leftmenu { margin:0px; float:left; display:inline; width:210px; height:auto; }

#leftmenu h1 { background:#0b0d10; width:190px; font-size:100%; padding:4px 10px; letter-spacing:1px; margin:0px; line-height:20px; }

/* Center column -- 3-column layout only -------*/

#centerWrap {
	float:left;
	width:266px;
	height:360px;
	margin-right:15px;
	display:inline;
}

#centerWrap #centerHeader { background:#fff; height:15px; padding:10px 10px 10px 10px; }

#centerWrap #centerMenu { }

#centerContent {
	float:left;
	width:230px;
	height:360px;
	margin-right:1px;
}

#centerNav { float:left; width:35px; height:auto;/*display:none;*/ }

/* Right column -- All pages. This is the content div -------*/

#rightWrapper { float:left; width:434px; background:#FFF; margin-bottom:20px; }

#rightWrapper.fullwidth { width:680px; }

#rightHeader { background:#fff; height:15px; padding:10px 10px 9px 19px; }

#rightWrapper #content {
	width:364px;
	float:left;
	padding:0px 30px 10px 30px;
	margin-bottom:10px;
	height: 330px;
}

/* Left column in fullwidth content area -------*/
#rightWrapper #contentLeft { display:inline; float:left; margin-right:0px; width:340px; padding:0px 10px 0px 30px; height:auto; margin-bottom:20px; border-right:1px solid #ccc; }

/* Right column in fullwidth content area -------*/
#rightWrapper #contentRight { float:left; width:230px; padding:0px 20px; height:100%; margin-bottom:20px; /*background:#efefef;*/
	
}

/* Header in content area - Overlay on images -------*/
#rightWrapper p.overlay { position:relative; top:-60px; left:0px; background:url(../images/interface/transparent80.png) no-repeat; width:394px; overflow:hidden; margin-bottom:-40px; padding:10px 10px 10px 30px; color:#efefef; font-size:200%; line-height:40px; }

/* Adjusting some styles for the fullwidth pages -------*/
#rightWrapper.fullwidth #content { width:620px; }

#rightWrapper.fullwidth p.overlay { width:640px; }

#footerWrapper { float:left; width:100%; background:#CCC; }

#footerInner { padding:20px 10px 50px 30px; height:auto; }

#footerInner ul { float:left; margin:0px; padding:0px; }

#footerInner li { margin-right:8px; padding:0px; float:left; display:inline; width:auto; }

/* Misc classes -------*/

.clear { clear:both; padding-top:16px; }

h1.small { font-size:110%; margin-bottom:0px; letter-spacing:normal; }

/* This is used for date in blog posts. Lies as an overlay over image */
.date { position:absolute; background:url(../images/interface/transparent80.png) no-repeat; width:auto; height:20px; display:block; z-index:auto; padding:20px 20px 20px 30px; color:#ccc; text-align:center; font-size:120%; }

.inner { margin-bottom:1px; }

/* Lists and menus -------*/
ul.centerNav { margin:0px; padding:0px; background:#000; }

ul.centerNav li {
	list-style-type:none;
	height:80px;
	margin-bottom:1px;
	overflow:visible;
	position:relative;
}

ul.centerNav a { color:#fff; }

ul.centerNav a:hover { text-decoration:none; }

ul.centerNav a img { margin:0px; }

ul.centerNav li em { position:absolute; font-weight: normal; background:url(../images/interface/transparent80.png) no-repeat; width:210px; height:80px; top: 80px; left: 0px; padding: 10px; font-style: normal; z-index: auto; display: none; }

ul.mainmenu { margin:59px 0px 0px 0px; padding:0; float:left; }

ul.mainmenu li { float:left; width:auto; margin-right:1px; list-style:none; }

ul.mainmenu li a { display:inline; float:left; padding:4px 10px; background:#1b2330; text-decoration:none; color:#fff; font-size:11px; }

ul.mainmenu li a:hover { color:#fff; background-color:#000; text-decoration:none; }

ul.mainmenu li a.active { background:#000; color:#fff; }

ul.leftmenu { margin:0px 0px; padding:0px; line-height:24px; }

ul.leftmenu li { list-style-type:none; border-bottom:1px solid #303030; }

ul.leftmenu li a { clear:both; display:block; height:24px; width:194px; padding:4px 6px 6px 10px; color:#fff; position:relative; overflow:hidden; }

ul.leftmenu li a:hover { text-decoration:none; }

ul.leftmenu em { font-weight: normal; background:url(../images/interface/transparent30.png) no-repeat; width: 209px; height: 34px; position: absolute; top: 24px; left: 0px; display: none; }

/* Portfolio thumb list */
ul.pfThumbs { margin:16px 0px 0px; padding:0px; height:auto; float:left; clear:both; display:block; width:auto; }

ul.pfThumbs li { float:left; width:90px; list-style:none; margin-right:1px; }

ul.pfThumbs li a { width:90px; height:90px; }

/* Slideshow  -------*/

#slideshow_wrapper { position:relative; margin:0px; padding:0px; background-color:#000; }

#slideshow_container { width:680px; height:288px; overflow:hidden; }

#slideshow_wrapper { margin-bottom:20px; }

#slideshow_wrapper p.overlay2 { position:relative; top:-74px; left:0px; background:url(../images/interface/transparent80.png); width:630px; color:#efefef; margin-bottom:20px; z-index:auto; padding:18px 20px 22px 30px; font-size:140%; line-height:40px; }

.upArrow { background:url(../images/interface/arrow-up.gif) no-repeat; }

.upArrow:hover { background:url(../images/interface/arrow-up-hover.gif) no-repeat; }

.downArrow { background:url(../images/interface/arrow-down.gif) no-repeat; }

.downArrow:hover { background:url(../images/interface/arrow-down-hover.gif) no-repeat; }

.upArrow, a.downArrow { margin-bottom:1px; width:35px; height:35px; float:left; }

.pager {
	position:absolute;
	top:-2px;
	left:681px;
	width:35px;
	z-index:1001;
}

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }

#lightbox-nav-btnPrev { left: 0; float: left; }

#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }

#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }