@charset "utf-8";
/* CSS Document */

body {
font-family: Verdana, sans-serif;
margin: 0 auto;
background: url(images/bg.gif) top center no-repeat #eef1e9;
}
h1 {
font-size: 24px;
font-weight: 400;
}
.main {
	width: 808px;
	margin: 0 auto;
}
/* main_content provides the space above the footer so it stays at the bottom of the page */
#main_content {
	min-height: 100%;
	width: 808px;
	margin: 0 auto;
	text-align: left;
	}
* html #main_content {
	height: 100%;
	width: 70%;
	margin: 0 auto;
	}
#main_content_space_top {
	height: 20px;
	clear: both;
	}
#main_content_space_bottom {
	height: 0px;
	clear: both;
	}
.content {
	width: 794px;
	min-height: 100%;
	float: left;
	margin: 0 auto;
	padding-top: 14px;
	padding-left: 14px;
	background: url(images/bg_content.png) no-repeat;
}
.content_copy {
	width: 782px;
	min-height: 100%;
	/*padding: 5px 15px 0 15px;*/
	float: left;
	margin: 0 auto;
	margin-top: 0px;
	margin-left: -2px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(images/submenu.png) top repeat-x #eef1e9;
	border-top: 0px solid #ccc;
}
.projectposs_container {width: 155px; height: 17px; margin-top: -1px;}
#menu_projectposs .button {width: 155px; height: 17px; float: left;}
#menu_projectposs {width: 155px; height: 17px; margin-left: 2px; position: absolute;}
#menu_projectposs a {width: 155px; height: 17px; margin-left: 2px; position: absolute; background: url(images/projectposs.png) no-repeat; background-position: 0px -17px;}
#menu_projectposs a:hover {width: 155px; height: 17px; margin-left: 2px; position: absolute; background: url(images/projectposs.png) no-repeat; background-position: 0px 0px;}
#menu_projectposs1 .button {width: 155px; height: 17px; float: left;}
#menu_projectposs1 {width: 155px; height: 17px; margin-left: 2px; position: absolute;}
#menu_projectposs1 a {width: 155px; height: 17px; margin-left: 2px; position: absolute; background: url(images/projectposs.png) no-repeat; background-position: 0px 0px;}

/*MENU CONTAINER AND BUTTONS*/

.menu {width: 808px; height: 44px; float: left; margin-bottom: -44px; }
#menu_oneline {width: 96px; height: 44px; margin-top: -22px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat; background-position: -96px 0;}
#menu_twoline {width: 96px; height: 44px; margin-top: -22px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat; background-position: -96px 0;}
#menu_l {width: 96px; height: 44px; margin-top: -22px; margin-left: 14px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat;}
#menu_r {width: 96px; height: 44px; margin-top: -22px; margin-left: 494px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat; background-position: -480px 0;}
#menu_blog {width: 96px; height: 44px; margin-top: -22px; margin-left: 603px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat;}
#menu_home {width: 96px; height: 44px; margin-top: -22px; margin-left: 699px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat; background-position: -480px 0;}
#menu_l .button {width: 95px; height: 36px; margin-right: 1px; float: left;}
#menu .button {width: 95px; height: 36px; margin-right: 1px; float: left;}
#menu_r .button {width: 95px; height: 36px; margin-right: 1px; float: left;}
#menu_blog .button {width: 95px; height: 36px; margin-right: 1px; float: left;}
#menu_home .button {width: 95px; height: 36px; float: left;}
.submenu {width: 782px; height: 20px; margin-left: 10px; text-align: left; padding-top: 3px; font-size: 11px;}

#menu_custtest {width: 155px; height: 17px; margin-top: 16px; margin-left: 623px; position: absolute; text-align: center; background: url(images/custtest.png) no-repeat; background-position: 0px -17px;}
#menu_custtest .button {width: 155px; height: 17px; float: left;}


/*MENU LINKS A*/

#menu_l a {width: 95px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; color: #000; font-size: 12px; text-shadow: #bbb 1px 1px;}
#menu_oneline a {width: 95px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; background-position: -96px 0; color: #000; font-size: 12px; text-shadow: #bbb 1px 1px;}
#menu_twoline a {width: 95px; height: 34px; padding-top: 2px; margin-right: 1px; float: left; text-decoration: none; background-position: -96px 0; color: #000; font-size: 12px; text-shadow: #bbb 1px 1px;}
#menu_r a {width: 95px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none;	background-position: -480px 0; color: #000;	font-size: 12px; text-shadow: #bbb 1px 1px;}
#menu_blog a {width: 95px; height: 26px; padding-top: 10px;	margin-right: 1px; float: left; text-decoration: none; color: #000; font-size: 12px; text-shadow: #bbb 1px 1px;}
#menu_home a {width: 95px; height: 26px; padding-top: 10px;	margin-right: 1px; float: left; text-decoration: none; background-position: -480px 0; color: #000; font-size: 12px; text-shadow: #bbb 1px 1px;}
.submenu a {width: 780px; height: 20px; text-decoration: none; color: #fff; font-size: 11px;}
#menu_custtest a {width: 155px; height: 17px; float: left; text-decoration: none; font-size: 6px; background-position: 0px -17px;}

/*MENU LINKS HOVER*/

#menu_l a:hover {width: 95px; height: 36px;	margin-right: 1px; float: left;	text-decoration: none; background: url(images/tabs_on2.png) no-repeat; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#menu_oneline a:hover {width: 95px;	height: 36px; margin-right: 1px; float: left; text-decoration: none; background: url(images/tabs_on2.png) no-repeat; background-position: -96px 0; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#menu_twoline a:hover {width: 95px; height: 36px; margin-right: 1px; float: left; text-decoration: none; background: url(images/tabs_on2.png) no-repeat; background-position: -96px 0; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#menu_r a:hover {width: 95px; height: 36px; margin-right: 1px; float: left; text-decoration: none; background: url(images/tabs_on2.png) no-repeat; background-position: -480px 0; color: #fff;	font-size: 12px; text-shadow: #333 1px 1px;}
#menu_blog a:hover {width: 95px; height: 36px; margin-right: 1px; float: left; text-decoration: none; background: url(images/tabs_on2.png) no-repeat; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#menu_home a:hover {width: 95px; height: 36px; margin-right: 1px; float: left; text-decoration: none; background: url(images/tabs_on2.png) no-repeat; background-position: -480px 0; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
.submenu a:hover {width: 780px;	height: 20px; text-decoration: none; color: #000; font-size: 11px;}
#menu_custtest a:hover {width: 155px; height: 17px; background: url(images/custtest.png) no-repeat; background-position: 0px 0px; text-decoration: none; font-size: 6px;}

/*MENU LINKS CURRENT PAGE*/

#current_l {width: 96px; height: 44px; margin-top: -22px; margin-left: 14px; position: absolute; text-align: center; background: url(images/tabs_on2.png) no-repeat;}
#current_l a {width: 96px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#current_oneline {width: 96px; height: 44px; margin-top: -22px; margin-right: 1px; position: absolute; text-decoration: none; text-align: center; background: url(images/tabs_on2.png) no-repeat; background-position: -96px 0;}
#current_oneline a {width: 96px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#current_twoline {width: 96px; height: 44px; margin-top: -22px; margin-right: 1px; position: absolute; text-decoration: none; text-align: center; background: url(images/tabs_on2.png) no-repeat; background-position: -96px 0;}
#current_twoline a {width: 96px; height: 26px; padding-top: 2px; margin-right: 1px; float: left; text-decoration: none; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#current_r {width: 96px; height: 44px; margin-top: -22px; margin-left: 494px; position: absolute; text-align: center; background: url(images/tabs_on2.png) no-repeat; background-position: -480px 0;}
#current_r a {width: 96px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#current_blog {width: 96px; height: 44px; margin-top: -22px; margin-left: 603px; position: absolute; text-align: center; background: url(images/tabs_off.png) no-repeat;}
#current_blog a {width: 95px; height: 26px; padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; background: url(images/tabs_on2.png) no-repeat; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#current_home {width: 96px;	height: 44px; margin-top: -22px; margin-left: 699px; position: absolute; text-align: center; background: url(images/tabs_on2.png) no-repeat; background-position: -480px 0;}
#current_home a {width: 96px; height: 26px;	padding-top: 10px; margin-right: 1px; float: left; text-decoration: none; color: #fff; font-size: 12px; text-shadow: #333 1px 1px;}
#current_custtest {width: 155px; height: 17px; margin-top: 16px; margin-left: 623px; position: absolute; text-align: center; background: url(images/custtest.png) no-repeat; background-position: 0px 0px; text-decoration: none; font-size: 6px;}
#current_custtest a {width: 155px; height: 17px; float: left; background: url(images/custtest.png) no-repeat; background-position: 0px 0px; text-decoration: none; font-size: 6px;}
/*#current_custtest a:hover {width: 155px; height: 17px; float: left; background: url(images/custtest.png) no-repeat; background-position: 0px 0px; text-decoration: none; font-size: 6px;}*/


/* FOOTER */
.footer {
	width: 808px;
	height: 66px;
	margin: 0 auto;
	padding-top: 0px;
	background: url(images/bg_footer.png) no-repeat;
	font-size: 11px;
	text-align: center;
	
}
.footer_content {
	width: 782px;
	height: 28px;
	margin: 0 auto;
	padding-top: 21px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.video_container_left { width: 355px; margin: 5px 0 10px 15px; float: left; border-top: 3px solid #728aaa; border-bottom: 1px solid #728aaa; padding: 5px 5px 10px 5px; text-align: center; background: #dedede; }
.video_container_right { width: 355px; margin: 5px 15px 10px 0px; float: right; border-top: 3px solid #728aaa; border-bottom: 1px solid #728aaa; padding: 5px 5px 10px 5px; text-align: center; background: #dedede; }
.video_container_center { width: 650px; margin: 5px 0 10px 64px; float: left; border-top: 3px solid #728aaa; border-bottom: 1px solid #728aaa; padding: 5px 5px 10px 5px; text-align: center; background: #dedede; }

#gototop { display:none; position:fixed; right:0px; bottom:0px; width: 96px; height: 36px; background: url(images/topbg.png) bottom right no-repeat; line-height: 33px; text-align: center; font-size: 11px; color: #fff; text-shadow: #333 1px 1px;}

.press_item_container { float: left; width: 100%; margin-bottom: 10px; }
#press_thumb { float: left; width: 94px; min-height: 90px; padding: 5px 5px 5px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: -1px; }
#press_blurb { float: left; width: 560px; min-height: 70px; padding: 10px 10px 10px 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #e5e8df; }
#press_title { font-weight: bold; }
#press_date { font-style: italic; font-size: 11px; }

/*Showcase Slideshow*/
	:focus { outline: 0; }
	#slideshow { width: 808px; height: 328px; margin: 0 auto; margin-top: -10px; margin-bottom: 16px; background: url(images/bg_showcase1.png) no-repeat; overflow: hidden; border: 0px solid #000; }
	#showcase { width: 580px; height: 300px; margin-left: 14px; margin-top: 14px; overflow: hidden; float: left; background: #000; z-index: 1; }
	#showcase-sideshadow { width: 580px; height: 300px; overflow: hidden; float: left; z-index: 2; position: absolute; text-align: right; }
	#showcase-loader img { margin: 134px 274px; }
	#showcase .bigimage, #showcase-loader { position: absolute; width: 580px; height: 300px; overflow: hidden; }
	#showcase .text { width: 581px; position: absolute; left: 0; bottom: -1px; background: url(images/background_transparent.png) 0 0 repeat; overflow: hidden; }
	#showcase .text h2 { color: #ccc; font-size: 18px; line-height: 18px; font-weight: 800; margin: 20px 20px 0 20px; }
	#showcase .text p { color: #ccc; font-size: 11px; line-height: 17px; margin: 10px 20px 20px 20px; }
	#showcase .text a { color: #ccc; text-shadow: #fff -1px -1px; }
	#showcase-nav { width: 199px; height: 300px; background: url(images/bg_feature.jpg) #202020; border-left: 1px solid #000; margin-right: 14px; margin-top: 14px; overflow: hidden; float: right;}
	#showcase-nav ul { list-style: none; padding: 0; margin: 0; }
	#showcase-nav li { float: left; clear: both; margin: 0; padding: 0; } 
	#showcase-nav a { display: block; width: 200px; height: 75px; padding: 0px 0; overflow: hidden; border-bottom: 0px solid #555; text-decoration: none; }
	#showcase-nav a:hover { background: url(images/bg_feature_hover.jpg); }
	#showcase-nav .thumbnail { display: block; width: 74px; overflow: hidden; float: right;}
	#showcase-nav .thumbnail img { border: 0px solid #EEE; margin: 2px 0 0 0;}
	#showcase-nav .text { display: block; font-size: 11px; font-weight: 800; color: #ccc; width: 100px; overflow: hidden; float: left; margin: 22px 0 0 15px; text-shadow: #333 1px 1px; }
	#showcase-nav .last a { border: 0; }
	#showcase-nav .active a { background: url(images/bg_feature_on.jpg); }
	#showcase-nav .active a .text { color: #333; text-shadow: #aaa 1px 1px;}
/* end Showcase Slideshow */

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	left: 50%;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* pagination */

.paginationstyle{ /*Style for demo pagination divs*/
width: 690px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
font-size: 11px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 5px 10px;
text-decoration: none;
width: 15px;
height: 15px;
color: #666;
border: 1px solid #ccc;
font-size: 11px;
background:#fff url(images/pagegradient.gif) repeat-x 0 -20px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #333;
border: 1px solid #a84444;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{

border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
}

.image_thumb { float: left; width: 150px; height: 130px; margin: 8px; border: 3px solid #fff;  }

.slideshow_container { padding: 10px 0 0 0;	height: 400px; }

/* Content borders */

#block-wrap { clear:left; /* margin: 0px auto; */ }
#content-wrap { padding:10px 16px; font-size: 13px; }

#hdr-content { height: 8px; }
	#hdr-content div { background-repeat: no-repeat; float: left; height:8px; width:8px; }
	#hdr-content .sprite_topright_content { float: right; }

#content-buttons { float:right; height:8px; position:relative; white-space:nowrap; }
#btm-wrapper { clear: both; height: 10px; }
	#btm-wrapper div { background-repeat: no-repeat; float: left; height:10px; width:10px; }
	#btm-wrapper .sprite_btm_corner_right { float: right; }

/* sprite-main.png */
.main_sprite_container { background: url('images/content_sprite.png') no-repeat top right; }

.sprite_btm_corner_left { background-position: 0 -36px; } 
.sprite_btm_corner_right { background-position: 0 -56px; } 
.sprite_topleft_content {  background-position: 0 0; } 
.sprite_topright_content { background-position: 0 -18px; } /* right */

/* tile-x sprite */
.tilex_sprite_container { background: url('images/content_sprite_tilex.png') repeat-x top right; }
.sprite_tile_bottom_wrap { background-position: 0 -9px; } 
.sprite_tile_top { background-position: 0 0px; } 

/* tile-y sprite */
.tiley_sprite_container { background: url('images/content_sprite_tiley.png') repeat-y top right; }
.sprite_tile_block_wrap { background: url('images/content_sprite_tiley_l.png') repeat-y top left; } 
.sprite_tile_content_wrap { background: url('images/content_sprite_tiley_r.png') repeat-y top right; }