@charset "utf-8";
/*                                                                                                            
 *	Procreate                                                                                                    *
 *	--------------------------------------------------------------------------------------------------------- *
 *	2010                                                                                                      *
 *	Reset                                                                                                     *
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration :none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
/*****                                                                                                           */
html, body {
	padding:0px;
	margin:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:13px;
}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:984px;
}
p {
	margin:0px 0px 0px 0px;
	line-height:18px;
	padding:5px 0px;
}
hr{
	border:none;
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #fff;
}
h1 {
	color:#f8981d;
	font-size:26px;
}
h2 {
	display:block;
	color:#000;
	font-size:18px;
	padding:10px 0px 6px 0px;
}
h6 {
	/* Reserved for Quotes */
	font-family: Arial, sans-serif;
	color:#2B2B26;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}
#header-quotes {
	display:inline;
	float:left;	
	width:750px;
}
ul {
	display:block;
	list-style:square;
	list-style-position:outside;
	margin:0px 0px 14px 25px;
}
ul li {
	margin:0px 0px;
	line-height:16px;
	padding:3px 0px;
}
.content-main-right ul {
	list-style:none;
	margin:0px;
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #fff;
}
.content-main-right ul li {
	padding:7px 0px;
	border-bottom:1px solid #b9b9b9;
	border-top:1px solid #fff;
}
.content-home-news h1 {
	color:#000;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:1px solid #b9b9b9;
}
.content-home {
	float:left;
	margin-top:30px;
	width:637px;
	padding-right:20px;
}
.content-home-news {
	float:left;
	margin-top:30px;
	width:327px;
	padding-left:00px;
}
.content-main {
	float:left;
	width:700px;
}
.content-main-right {
	float:left;
	width:249px;
	padding-left:0px;
	padding-left:30px;
	padding-top:0px;
	text-transform:uppercase;
	font-size:11px;
}
.content-main-right h2 {
	text-transform:none;
}
.content-main-showcase {
	float:left;
	width:464px;
	margin-bottom:15px;
}
.content-main-showcase-right {
	float:left;
	width:502px;
	margin-left:18px;
	margin-bottom:15px;
}
.home-banner{
display:none;
}
.banner{
display:none;
}
.case-studies-categories{
	margin-top:5px;
	text-transform:uppercase;
	margin-bottom:10px;
}
.three-box{
display:none;
}
.three-box-one{
	padding:10px;float:left;background-color:#c3b47d;width:306px;height:30px;border:1px solid #ab9e6d;
}
.three-box-two{
	padding:10px;float:left;background-color:#668276;width:306px;height:30px;border:1px solid #52685e;;
}
.three-box-three{
	padding:10px;float:left;background-color:#173034;width:305px;width:306px\9;height:30px;border:1px solid #0f1e21;
}
.three-box-summary{
	display:block;padding-top:5px;font-size:11px;
}
.news-item{
	display:block;
	border-bottom:1px solid #b9b9b9;
	border-top:1px solid #fff;
	padding:3px 0px;
}	
.news-title{
		padding-left:10px;
}
.news-introtext{
	font-size:11px;
	padding-left:10px;
	display:block;
}
.news-item-container{
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #fff;
	margin-top:10px;
}
.news-item-news{
	display:block;
	border-bottom:1px solid #b9b9b9;
	border-top:1px solid #fff;
	padding:3px 0px;
}
.news-item-news .news-title{
	padding-left:0px;
}
.news-item-news .news-introtext{
	font-size:11px;
	padding-left:0px;
	display:block;
}
/***********************************************************************        LINK STYLES           */
a:link, a:visited {
	color:#668276;
	text-decoration:none;
}
a:hover {
	color:#f8981d;
}
.content-main-right li a {
	text-decoration:none;
}
.content-main-right li.active a {
	color:#000;
}
.footer a {
	text-decoration:none;
	color:#666666;
}
.footer a:hover {
	color:#000;
}
#photos{
	display:none;
}
#photos a{
	color:#f8981d;
	text-decoration:none;
	font-weight:normal;
}
#photos a:hover{
	color:#f8981d;
	text-decoration:underline;
}
.three-box a{
	color:white;
	text-decoration:none;
}
.three-box a:hover{
	text-decoration:underline;
}
.case-studies-categories a{
	color:#000;
}
.case-studies-categories a:hover{
	color:#f8981d;
}
/***************************************************************/
#image{
	height:390px;
	width:500px;
	border:1px solid #b9b9b9;
}
.thumb{
	float:left;
	width:112px;
	height:80px;
	margin-right:10px;
	margin-top:10px;
	border:1px solid #b9b9b9;
}
/***                                                                              FOOTER                */
.footer {
	float:left;
	width:984px;
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	margin-top:20px;
	color:#666666;
	font-size:11px;
	margin-bottom:20px;
}
.footer ul {
	margin:0px;
}
.footer ul li {
	float:left;
	list-style:none;
	display:inline;
	margin:5px 0px;
	border-right:1px solid #b9b9b9;
	padding:8px;
}
.copyright {
	float:right;
	margin:5px 0px;
	padding:8px;
}
/*********************************************************************************************************/
#menu_container {
	display: inline;
	float:left;
	height:151px;
	width:984px;
	margin-right:0px;
	margin-bottom:20px;
	position:relative;
	z-index:6000;
}
.menu {
display:none;
}
*html .menu {
	position:relative;
	top:0px;
	width:984px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:230px;
}
.menu ul li {
	float:left;
	height:37px;
	line-height:38px;
	padding-right:10px;
	padding-left:9px;
	padding-top:113px;
	font-size:14px;
	background-image:url(images/nav-bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin:0px;
}
.menu ul ul li {
	display: block;
	width:230px;
	height:auto;
	position: relative;
	line-height: 0;
	background-image:none;
	padding:0;
}
.menu a, .menu a:visited {
	display: block;
	float: left;
	height: 100%;
	text-decoration: none;
	color:#000;
}
.menu ul li a, .menu ul li a:visited {
	padding:0px 11px;
	text-decoration: none;
}
.menu ul li a:hover {
	background:none;
	color:#666666;
}
.menu ul li.active a, .menu ul li.active a:visited, .menu ul a.active, .menu ul a.active:visited {
	text-decoration: none;
	background:none;
	color:#f7971c;
}
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	width:220px;
	height:100%;
	line-height:20px;
	padding:6px 12px 6px 20px;
	background-color:#999999;
	font-size:11px;
	border:1px solid #b9b9b9;
	border-bottom:none;
	color:#fff;
}
.menu ul table ul a, .menu ul table ul a:visited {
	text-decoration:none;
	width:210px;
}
.menu table {
	position: absolute;
	left: 0pt;
	top: 0pt;
	z-index: 7000;
}
.menu ul ul table {
	left: 0px;
}
.menu ul ul table ul.left {
	margin-left:0px;
}
.menu li:hover {
	background-color:none;
	position: relative;
}
* html .menu a:hover {
	background-color:none;
	position: relative;
}
.menu ul ul a:hover, menu ul ul ul a:hover {
	text-decoration:none;
	background-color:none;
	background-image:none;
}
.menu ul *:hover a.sub1 {
}
.menu ul ul ul a:hover, .menu ul li table ul li ul li a:hover, .menu ul li table ul li a:hover {
}
.menu ul ul ul *:hover > a {
}
.menu ul ul ul ul a:hover {
}
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0pt;
	top: 150px;
	left: -1px;
	width:180px;
}
.menu ul ul ul {
	left:228px;
	top: 0pt;
	width:230px;
	border-left:1px solid #eeeeee;
}
.menu ul ul ul.left {
	left:230px;
}
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility: visible;
	height: auto;
	padding-bottom: 3em;
}
.menu ul *:hover ul ul {
	visibility: hidden;
}
.menu ul *:hover ul *:hover ul ul {
	visibility: hidden;
}
.menu ul *:hover ul *:hover ul {
	visibility: visible;
}
.menu ul *:hover ul *:hover ul *:hover ul {
	visibility: visible;
}
.menu *:hover > a {
	background:none;
	color:#666666;
}
.menu ul li ul li.active a, .menu ul ul a:hover, .menu ul li ul li.active a:visited, .menu ul li ul a.active, .menu ul li ul a.active:visited {
	background-image:none;
	background-color:#333;
	color:#fff;
}
.menu ul li ul li .parent {
	background:#none;
	;
}
.menu ul ul a:hover.parent {
	background:#none;
	;
	color:#fff;
}
.menu ul li ul li .active {
	background-color:#f8981d;
}
.menu ul li ul li .parent.active {
	background-color:#f8981d;
}
.menu ul li ul li .active {
	background-image:none;
	background-color:#f8981d;
}
.home-image {
	float:left;
	padding-right:20px;
	background-image:url(images/nav-bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin:0px;
	padding-top:0px;
	height:150px;
	padding-left:0px;
}
.menu ul ul li.last {
	width:254px;
	border-bottom:1px solid #b9b9b9;
}
/****************************************************************************************************************************/


/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#work {
	visibility: hidden;
}
/* GALLERY CONTAINER */
.gallery {
	background: none;
	border: 0px solid red;
	padding: 0px;
}
/* LOADING BOX */
.loader {
	background: url(images/loader.gif) center center no-repeat #fff;
}
/* GALLERY PANELS */
.panel {
}
/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay, .panel .overlay-background {
	height: 40px;
	padding:10px;
}
/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background {
	background: #000;
}
/* PANEL OVERLAY CONTENT */
.panel .panel-overlay {
	color: white;
	font-size: 14px;
}
.panel .panel-overlay a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip {
	margin: 0px;
}
/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {
}
/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap {
	border: 0px solid #aaa;
}
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap {
	border-color: #000;
	border:none;
}
/* FRAME IMAGES */
.frame img {
	border: none;
}
/* FRAME CAPTION */
.frame .caption {
	font-size: 11px;
	text-align: center;
	color: #888;
}
/* CURRENT FRAME CAPTION */
.frame.current .caption {
	color: #000;
}
/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #ccc;
}
/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
/* GALLERY CONTAINER */
.gallery {
	border: 0px solid #aaa;
	padding: 0px;
}
/* PANEL OVERLAY CONTENT */
.panel .panel-overlay {
	color: white;
	font-size: 14px;
}
/********************************************************* Search */
#ajaxSearch_form{
	display:none;
}
#ajaxSearch_input {
background:url("images/nav-search-bg.png") no-repeat scroll left top transparent;
border:medium none;
float:left;
font-size:12px;
height:15px;
margin:0;
padding:5px;
width:160px;
}
#ajaxSearch_form fieldset{
	padding-left:20px;
}
.ajaxSearch_paging{
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #b9b9b9;
}
.ajaxSearch_result{
	display:block;
	border-top:1px solid #ffffff;	
	border-bottom:1px solid #b9b9b9;
	padding:10px 0px;	
}
#ajaxSearch_submit {
background:url("images/nav-search-button.png") no-repeat scroll left top transparent;
border:medium none;
cursor:pointer;
float:left;
height:25px;
margin:0;
padding:0;
width:25px;
}
/*------------------------------------------------------------------------------------------------- Fancy Box */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9130;
	background-color:#4E4E47;
}
div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 9200;
}
div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}
div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 9190;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}
div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
}
div#fancy_content {
	margin: 0;
	z-index: 9200;
	position: absolute;
}
div#fancy_div {
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 9200;
}
img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 9200;
	width: 100%;
	height: 100%;
}
div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 9281;
	display: none;
}
#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}
#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}
a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 9211; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}
a#fancy_left {
	left: 0px; 
}
a#fancy_right {
	right: 0px; 
}
span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 9212; 
	cursor: pointer;
	display: block;
}
span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}
a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}
a#fancy_left:hover span {
	left: 20px; 
}
a#fancy_right:hover span {
	right: 20px; 
}
#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 9170;
	border: 0;
	padding: 0;
	margin: 0;
	background:url(images/fancy-bg.png) top left repeat-x #9A9A9A;
}	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 9170;
	border: 0;
	padding: 0;
	margin: 0;
}
div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
	position: absolute;
	z-index: 9200;
	display: none;
}
div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}
div#fancy_title table {
	margin: 0 auto;
}
div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}
td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
	height: 32px;
	background: transparent url('images/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_right.png') repeat-x;
}
.forprint{
	display:block;
}
.screen{
	display:none;
}