@charset "UTF-8";
/* COMMON STYLES */
html, body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
		color: #484542;
        margin: 0;
        padding: 0;
        height: 100%;
}
body * {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
		color: #484542;
        margin: 0;
        padding: 0;
}

.light-header {
	color: #86807B;
	font-weight: normal;
	font-size: 9px;
	padding: 0 0 12px 0;
}

/* PRESS */

#press {
	height: 25px;
	color: #86807B;
}
#press-body {
	width: 230px;
	height: 429px;
}
#press-wrapper {
	width: 230px;
	padding-bottom: 1px;
}
#press-body h1 {
	font-weight: normal;
	font-size: 9px;
	padding: 0 0 3px 0;
	color: #484542;
}
.press {
	color: #86807B;
	line-height: 16px;
	padding-bottom: 35px;
}
.press-scroll {
	color: #86807B;
	line-height: 16px;
	padding-bottom: 11px;
}
.press-spacer {
	padding-bottom: 8px;
}
.press-link {
	color: #86807B;
	text-decoration: none;
}
.press-link:hover {
	color: #484542;
}
.press-link img {
	margin-bottom: -3px;
	_padding-bottom: 2px;
}
.dark {
	color: #484542;
}




#topstripes {
	background: url(../images/nav/topstripes.gif) 0 0 repeat-x;
}
#botstripes {
	width: 311px;
	background: url(../images/nav/botstripes.gif) 0 0 repeat-x;
}
#menu {
	width: 244px;
	height: 269px;
	padding-left: 30px;
}
#menu-table {
	float: left;
	width: 68px;
}
#workmenu {
	width: 74px;
	height: 100px;
	float: left;
	display: none;
}
/* #workmenu span {
	display: block;
	padding-left: 10px;
} */
#browse {
	height: 9px;
	padding-bottom: 2px;
}
#client, #industry, #project {
	padding-left: 2px;
	height: 9px;
	background: url(../images/nav/browse_bg4.gif) 0 9px;
}
#aboutmenu {
	display: none;
}
#clientmenu {
	top: 150px;
	width: 136px;
	height: 180px;
}
.mscrl-wrapper {
	width: 135px;
	padding-top: 4px;
}
.cmenu-wrapper {
	width: 125px;
	height: 180px;
}
.imenu-wrapper {
	width: 125px;
	height: 168px;
}
#industrymenu {
	top: 166px;
	width: 136px;
	height: 180px;
}
#projectmenu {
	top: 182px;
	width: 136px;
	height: 180px;
}
#login {
	float: right;
	margin-top: 15px;
}



#wn1  {
		position: absolute;
        float: left;
		width: 138px;
        height: 127px;
        clip: rect(0, 138px, 127px, 0);
        overflow: hidden;
        z-index: 1;
}
#lyr1 { width:138px }
.content {
        color: #86807B;
        position: relative;
        visibility: hidden;
        z-index:1
}
.content a {
	color: #86807B;
    text-decoration: none;
}
.content a:hover {
        color: #484542;
}
#scrollbar1 {
        float: right;
        visibility: hidden;
        width: 11px;
        height: 127px;
        z-index: 2;
}
#track1 {
        width: 9px;
        height: 105px;
        z-index: 1;
        border-right: 1px solid #cac5c2;
        border-left: 1px solid #cac5c2;
        background: #e4e2e0;
}
#dragBar1, #dragBar2, #dragBar3, #dragBar4 {
        position: relative;
        left: 1px;
        top: 1px;
        width: 7px;
        height: 1px;
        background: url('../images/scroll/scroll-slide.gif') 0 0 repeat-y;
        z-index: 1;
}  
#up1, #up2, #up3, #up4 {
	position: relative;
	left: 0;
	top: 0;
	z-index: 2;
}
#down1, #down2, #down3, #down4 {
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 3;
}
.news-spacer {
        display: block;
        padding-top: 6px;
        padding-bottom: 6px;
}
.work, .industry {
	position: absolute;
	left: 98px;
	background: #FFF;
	z-index: 10;
	display: none;
}
.work a {
	display: block;
	color: #86807B;
	text-decoration: none;
}
.work a:hover {
	color: #484542;
}
.menu { 
    color: #86807B;
    position: relative;
    visibility: hidden;
    z-index:1;
	padding-left: 12px;
}
#wn2, #wn3, #wn5 {
	position: absolute;
    float: left;
	width: 108px;
    height: 168px;
    clip: rect(0, 108px, 168px, 0);
    overflow: hidden;
    z-index: 1;
	line-height: 0px;
}
#lyr2, #lyr3, #lyr5 {
	width:108px;
    font-size: 9px;
	line-height: 0px;
}
#lyr2 a, #lyr3 a, #lyr5 a {
    text-decoration: none;
	line-height: 10px;
	padding-bottom: 6px;
	width: 96px;
}
#lyr2 a:hover, #lyr3 a:hover, #lyr5 a:hover {
    color: #484542;
}
#scrollbar2, #scrollbar3 { 
    float: right;
    visibility: hidden;
    width: 11px;
	height: 168px;
    font-size: 1px;
	z-index: 2;
}
#track2, #track3 { 
    width: 9px;
    height: 146px;
    z-index: 1;
    border-right: 1px solid #cac5c2;
    border-left: 1px solid #cac5c2;
    background: #e4e2e0;
}
#thumbs {
	padding: 0;
	margin: 0;
	float: left;
	width: 35px;
	height: 422px;
}
	#thumbs img {
		padding-bottom: 1px;
		_margin-bottom: 1px;
	}
#flashcontent_1 {
	padding: 0;
	margin: 0;
	width: 489px;
	float: right;
}
#client-sel {
	padding-left: 98px;
	color: #86807B;
}
	#client-sel img {
		padding-left: 6px;
	}
	#client-sel span {
		padding-left: 4px;
	}
#client-nam {
    color: #484542;
	padding: 6px 0 0 98px;
}
#single-cln {
    color: #484542;
	padding: 7px 0 0 98px;
}
#multi-cln {
	padding-left: 98px;
}
#multi-cln a {
    text-decoration: none;
	line-height: 10px;
	padding-top: 6px;
	width: 124px;
	display: block;
}
#multi-cln a:hover {
    color: #484542;
}
#ind-spacer {
	padding: 8px 0 0 98px;
}
/* Industry Page Client Scroller */
#scrollbar4 {
    float: right;
    width: 11px;
        height: 90px;
    font-size: 1px;
        z-index: 2;
}
#track4 {
    width: 9px;
    height: 68px;
    z-index: 1;
    border-right: 1px solid #cac5c2;
    border-left: 1px solid #cac5c2;
    background: #e4e2e0;
}
#wn4 {
	position: absolute;
    float: left;
        width: 108px;
    height: 90px;
    clip: rect(0, 108px, 90px, 0);
    overflow: hidden;
    z-index: 1;
        line-height: 0px;
}
#lyr4 {
        width:108px;
    font-size: 9px;
        line-height: 0px;
}
#lyr4 a {
    text-decoration: none;
        line-height: 10px;
        padding-bottom: 6px;
        width: 96px;
        display: block;
}
#lyr4 a:hover {
    color: #484542;
}
.inactive {
    color: #86807B;
}
.active {
    color: #484542;
}
.imenu { 
    font-size: 9px;
    position: relative;
    z-index:1;
}
/* About Styles */
#aboutmenu {
	width: 74px;
	height: 100px;
	float: left;
	display: none;
	margin-left: 10px;
	margin-top: -1px;
	line-height: 10px;
}
#aboutmenu a, #aboutmenu div {
	height: 16px;
	text-decoration: none;
	color: #86807B;
	display: block;
	line-height: 10px;
}
#aboutmenu a:hover, #aboutmenu div {
	color: #484542;
}
/* About Services Styles */
#as-left *, #as-right * {
	font-size: 10px;
	color: #86807B;
}
#as-left {
	width: 180px;
	height: 216px;
	float: left;
}
#as-right {
	width: 180px;
	height: 216px;
	float: left;
}
#as-left h1, #as-right h1 {
	color: #484542;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0;
}
#as-left p, #as-right p {
	padding: 0 0 0 0;
	margin: 0;
	line-height: 13px;
}
#as-left div, #as-right div {
	height: 10px;
}

/* About People Styles */
#ap-photos img {
	margin: 0;
}
#ap-photos a {
	padding: 0 1px 0 0;
	float: left;
	display: block;
}

/* About Company Styles */
#ac-left {
	width: 212px;
	height: 216px;
	float: left;
}
#ac-right {
	padding-left: 60px;
	width: 218px;
	height: 216px;
	float: left;
}
#ac-left *, #ac-right * {
	font-size: 10px;
	color: #86807B;
}
#ac-left h1, #ac-right h1 {
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
	color: #484542;
}
#ac-left p, #ac-right p {
	padding: 0 0 0 0;
	margin: 0;
	line-height: 13px;
}
#ac-left div, #ac-right div {
	height: 10px;
}
/* Client List */
#client-list {
	width: 412px;
}
#client-list * {
	font-size: 10px;
}
#client-list h1 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	padding-bottom: 3px;
}
#cl-right {
	float: right;
	width: 176px;
}
#cl-left {
	float: left;
	width: 176px;
}
#cl-right a, #cl-left a {
	display: block;
	text-decoration: none;
	color: #86807B;
	padding-bottom: 3px;
}
#cl-right a:hover, #cl-left a:hover {
	color: #484542;
}
#cl-right div, #cl-left div {
	padding-top: 10px;
}
/* Noticed */
#noticed {
	width: 412px;
}
#noticed * {
	font-size: 10px;
}
#noticed h1 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	padding-bottom: 3px;
}
#noticed-right {
	float: right;
	width: 176px;
}
#noticed-left {
	float: left;
	width: 176px;
}
#noticed-right span, #noticed-left span {
	display: block;
	text-decoration: none;
	color: #86807B;
	padding-bottom: 6px;
	line-height: 12px;
}
#noticed-right div, #noticed-left div {
	padding-top: 6px;
}
/* CONTACT */
#contform, #continfo {
	padding-top: 41px;
}
#contform {
	float: left;
	width: 164px;
}
#continfo {
	float: right;
	width: 162px;
}
#continfo h1 {
	display: block;
	padding-bottom: 5px;
	font-weight: normal;
}
#continfo span {
	display: block;
	padding-bottom: 5px;
	color: #86807B;
}
#continfo a {
	color: #86807B;
	text-decoration: none;
}
#continfo a:hover {
	color: #484542;
}
#continfo p {
	padding-bottom: 16px;
}
/* MENU */
#menu * {
	line-height: 12px;
}
#menu a {
	color: #86807B;
	text-decoration: none;
}
#menu a:hover {
	color: #484542;
}
#feature {
	padding-left: 30px;
	height: 25px;
	color: #86807B;
}
#news-body {
	width: 206px;
	height: 127px;
	padding-left: 30px;
}
#news-wrapper {
	width: 203px;
	padding-bottom: 1px;
}