/*
cream
  fdfdf4
r #D3551D
y #EABC00
b #91b8d0
*/
#chog h1 {
	padding-top:15px
}
.home #callout .higher {
	margin-top:-40px
}
.home #callout {
	margin:125px 20px 0 0px;
}
.home #callout table{
	overflow:visible
}
a {
	text-decoration:underline;
}

.before img.info{
	cursor:pointer;
	padding-left:5px;
}
.before2 img.info{
	cursor:pointer;
	padding-left:5px;
}
.before3 img.info{
	cursor:pointer;
	padding-left:5px;
}


.work img.info{
	cursor:pointer;
	padding-left:5px;
}
a.hidden{
	display:none;
}
#culture_table{
	width:100%;
	margin-top:50px;
}
#culture_table td img{
	filter:alpha(opacity=60);   /* Internet Explorer       */
	-moz-opacity:0.6;           /* Mozilla 1.6 and below   */
	opacity: 0.6;               /* newer Mozilla and CSS-3 */
}
#culture_table td a img{
	filter:alpha(opacity=100);   /* Internet Explorer       */
	-moz-opacity:1;           /* Mozilla 1.6 and below   */
	opacity: 1;               /* newer Mozillaand CSS-3 */
}
x#culture_table td a:hover img{
	filter:alpha(opacity=60);   /* Internet Explorer       */
	-moz-opacity:0.6;           /* Mozilla 1.6 and below   */
	opacity: 0.6;               /* newer Mozilla and CSS-3 */
}
.bleed{
	margin: 0 -20px;
	}
.col {
	float:left;
	padding:25px 25px 0 0;
	width: 225px;
	height:300px;
	}
.col ul li {
	margin-bottom:4px;
}
a.underline{
	text-decoration:underline;
}
.clients #content{
	margin-top:-40px;
}
.clients .blue { /* PDF dnld link */
	float:right;
	margin-top:30px;
}
.company #values {
	padding:0 30px 30px 0;
	float:left;
	}
.company #values a {
	font-size:3em;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}
.company #values a:hover {
	color:#D3551D;
	}
.company #values a.current {
	color:#D3551D
	}
.company #content a {
	xfloat:right;
	font-weight:bold;
}
.company #content {
	position:relative;
	width:400px;
	margin-left:350px;
	font-size:1.25em;
	height:200px;
	vertical-align:middle;
	}
.company #content h2{
	position:absolute;
	top:50%;
	margin-top:-40px;
}
/* Star HTML hack - the following rules apply only to IE */
* html .company #content h2{
margin-top:-250px;	/* Windows */
}
.clients li.title{
	font-weight:bold;
	margin-top:8px;
	text-transform:uppercase;
}
.clients li.spacer{
	margin:0;
	padding:0;
	font-size:.5em;
}
.clients li h2{
	margin:10px 0 5px 0;
	padding:0;
}
.clients li.first, li.first h2{
	margin-top:0;
}
.clients a.blue{
	margin-top:-40px;
}

#clients_columns {
	float:left;
	padding:25px 25px 0 0;
	height:300px;
}

.clients_col1 {
	width: 150px;
}

.clients_col2 {
	width: 160px;
}

.clients_col3 {
	width: 185px;
}

#clients_columns ul li {
	margin-bottom:4px;
}
#clients_overlapping_title {
	position:absolute;
	top:135px;
}
.work #title{
	margin-right:10px;
	font-style:italic;
}
.work #item{
	position:relative;
	margin-top:-40px;
}
.work #meta{
	position:absolute;
	right:0;
	top:310px;
	margin-top:10px;
	width:760px;
	text-align:right;
	}
.work #meta a, .work #meta .inactive{
	padding:5px;
}
.work #meta #numbers{
	color:black;
}
.work #meta .portfolioNav{
	color:#777;
	margin-right:10px;
}
.work #meta #title a{
	text-decoration:underline;
}

.work #meta #primary_port_nav{
	float:left;
	margin-top:10px;
	margin-left:165px;
}
.work #blurb {
	top: 0px;
	right:0px;
	width:300px;
	height:272px;
	padding:20px;
	line-height:1.25em;
	background:white;
	filter:alpha(opacity=9);   /* Internet Explorer       */
	-moz-opacity:0.9;           /* Mozilla 1.6 and below   */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */
}
.work #blurb em{
 font-weight:bold;
}
.work #close {
	text-align:right;
	padding:0 0 10px 0
	}





.before #title{
	margin-right:10px;
	font-style:italic;
}
.before #item{
	position:relative;
	margin-top:-40px;
}
.before #meta{
	position:absolute;
	right:0;
	top:310px;
	margin-top:10px;
	width:760px;
	text-align:right;
	}
.before #meta a, .before #meta .inactive{
	padding:5px;
}
.before #meta #numbers{
	color:black;
}
.before #meta .portfolioNav{
	color:#777;
	margin-right:10px;
}
.before #meta #title a{
	text-decoration:underline;
}

.before #meta #primary_port_nav{
	float:left;
	margin-top:10px;
	margin-left:165px;
}
.before #blurb {
	top: 0px;
	right:0px;
	width:300px;
	height:272px;
	padding:20px;
	line-height:1.25em;
	background:white;
	filter:alpha(opacity=9);   /* Internet Explorer       */
	-moz-opacity:0.9;           /* Mozilla 1.6 and below   */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */
}
.before #blurb em{
 font-weight:bold;
}
.before #close {
	text-align:right;
	padding:0 0 10px 0
	}







.before2 #title{
	margin-right:10px;
	font-style:italic;
}
.before2 #item{
	position:relative;
	margin-top:-40px;
}
.before2 #meta{
	position:absolute;
	right:0;
	top:310px;
	margin-top:10px;
	width:760px;
	text-align:right;
	}
.before2 #meta a, .before2 #meta .inactive{
	padding:5px;
}
.before2 #meta #numbers{
	color:black;
}
.before2 #meta .portfolioNav{
	color:#777;
	margin-right:10px;
}
.before2 #meta #title a{
	text-decoration:underline;
}

.before2 #meta #primary_port_nav{
	float:left;
	margin-top:10px;
	margin-left:165px;
}
.before2 #blurb {
	top: 0px;
	right:0px;
	width:300px;
	height:272px;
	padding:20px;
	line-height:1.25em;
	background:white;
	filter:alpha(opacity=9);   /* Internet Explorer       */
	-moz-opacity:0.9;           /* Mozilla 1.6 and below   */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */
}
.before2 #blurb em{
 font-weight:bold;
}
.before2 #close {
	text-align:right;
	padding:0 0 10px 0
	}









.before3 #title{
	margin-right:10px;
	font-style:italic;
}
.before3 #item{
	position:relative;
	margin-top:-40px;
}
.before3 #meta{
	position:absolute;
	right:0;
	top:310px;
	margin-top:10px;
	width:760px;
	text-align:right;
	}
.before3 #meta a, .before3 #meta .inactive{
	padding:5px;
}
.before3 #meta #numbers{
	color:black;
}
.before3 #meta .portfolioNav{
	color:#777;
	margin-right:10px;
}
.before3 #meta #title a{
	text-decoration:underline;
}

.before3 #meta #primary_port_nav{
	float:left;
	margin-top:10px;
	margin-left:165px;
}
.before3 #blurb {
	top: 0px;
	right:0px;
	width:300px;
	height:272px;
	padding:20px;
	line-height:1.25em;
	background:white;
	filter:alpha(opacity=9);   /* Internet Explorer       */
	-moz-opacity:0.9;           /* Mozilla 1.6 and below   */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */
}
.before3 #blurb em{
 font-weight:bold;
}
.before3 #close {
	text-align:right;
	padding:0 0 10px 0
	}







#archive_columns {
	float:left;
	padding:25px 25px 0 0;
	height:300px;
}
.archive_col1 {
	width:300px;
}
.archive_col2 {
	width:170px;
}
.archive_col3 {
	width:220px;
}
#archive_columns ul li {
	margin-bottom:4px;
}
#archive_columns li a {
	/* color:#91b8d0; */
}
.archive {
	margin-top:-40px;
}
#nav,#nav-list, #subnav-list, #subsubnav-list, #logo, #footer, #blurb, #news, #tagline{
	position:absolute;
	width: 290px;
	height: 25px;
	}
#footer {
	top:713px;
}
#news {
	right:20px;
	top:465px;
	border-left:1px dashed #ccc;
	width:225px;
	height:250px;
	padding:10px 20px;

	/*margin-top:00px;
	float:right;*/
	}
#news li{
	padding:0 0 20px 20px;
}
#news li a {
	display:block;
	color:#91b8d0;
}
#news .case_study{
	background:url(../images/gui/icons/arrow.gif) no-repeat;
	}
#news .naming_process{
	background:url(../images/gui/icons/funnel.gif) no-repeat;
	}
#news .engage{
	background:url(../images/gui/icons/star.gif) no-repeat;
	}
#news .banner{
	background:url(../images/gui/icons/banner.gif) no-repeat;
	}
a {
	color:black;
	text-decoration:none;
	outline:none;
	}
a:hover {
	text-decoration:underline;
	xfont-weight:bold;
	}
a.bold{
	font-weight:bold;
	text-decoration:none;
}
a.blue{
	color:#91b8d0;
	font-weight:bold;
}
html, body, #container {
	height:100%;
	}
body {
	font: .7em  Arial;
	margin:0;
	padding:0;
/*	background-image: url(../images/gui/long-tile3.gif);*/
/*	background-image: url(../images/body-bg.jpg);*/
	background-image: url(../images/body-bg2.jpg);
	background-repeat: repeat-y;
	}
#container {
	position:relative;
	padding:20px;
	width:760px;
	text-align: left;
	margin:0 0 0 100px;
	background-image:none;
	}
#nav {
	left:20px;
	top:465px;
	width:400px;
	height:200px;
	}
#nav a{
	text-decoration:none;
	color:black;
	font-weight:bold;
}
#nav ul{
	list-style-type:none;
	}
#nav-list li, #subnav-list li, #subsubnav-list li {
	margin-bottom:5px;
}
#nav-list {
	left:0
	}
#subnav-list {
	left:95px;
	}
#subsubnav-list	 {
	left:200px;
	width:290px;
	}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#666;
	}
#news a {
	color:#91b8d0;
}
ul a:hover {
	text-decoration:underline;
}
h1 {
	font-size:2.25em;
	font-weight: 200;
	margin:0;
	padding:0;
	max-width:650px;
	line-height: normal;
	}
h1.bold{
	font-weight:bold;
	margin:0;
	padding:0;
}
h2 {
	font-size:1.4em;
	font-weight: 200;
	color:black;
	}
h2.bold{
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
}
h2.bold a{
	text-decoration:underline;
}
h3 {
	font-size:1em;
	padding-top:20px
	}
#logo {
	left:20px;
	top:40px;
	}
#tagline{
	top:40px;
	right:20px;
	text-align:right;
	font-size:.9em;
	padding-right:10px;
	border-right: 1px solid #999;
	font-style:italic;
	text-transform:uppercase;
}
#main {
	margin-top:130px;
	}
#currentpage a, #current_subpage a, #current_category a, #current_client a, #current a {
	color:#D3551D;
}
#current_subpage, #current_category, #current_client, #current {
	list-style-image:url(../images/gui/nav_bullet.gif);
	}
#legal {
	display:block;
	font-size:8pt;
	color:#999;
	padding-top:20px;
	padding-bottom:20px;
    line-height: 21px;
	}
#login a{
	padding:8px;
	background:#ecece4;
	xborder: 1px dashed #ccc;
	text-decoration:none;
	font-size:.9em;
	font-weight:bold;
}
#login a:hover{
	xcolor:#D3551D;
	color:white;
	background:#D3551D;
	border: 1px solid #D3551D;
}



#intro1 { width: 750px; height: 312px; overflow: hidden; }
#intro2 { width: 750px; height: 312px; overflow: hidden; display: none; }
#intro3 { width: 750px; height: 312px; overflow: hidden; display: none; }
#intro4 { width: 750px; height: 312px; overflow: hidden; display: none; }
#intro5 { width: 750px; height: 312px; overflow: hidden; display: none; }



#client_login { display: block; position: absolute; top: 0px; left: 815px; background: #eabc00; width: 66px; height: 21px; line-height: 21px; color: #FFFFFF; text-align: center; cursor: pointer; z-index: 1000; }
#client_login:hover { background: #000000; text-decoration: none; }


.icon_text {  display: block; height: 29px; line-height: 29px; font-weight: bold; margin-top: 10px; }
.icon_text:hover { text-decoration: none; color: #D3551D; }


#vid_container { display:  none; height: 336px; width: 452px; position: absolute; z-index: 1; top: 130px; left: 180px; }
#vid_close { height: 12px; font-size: 10px; width: 50px; display: block; margin-left: 25px; position: absolute; z-index: 110; }


#overlay2 {  position: fixed; z-index: 40; width: 100%; height: 400px; top: 0px; left: 0px; background: #000000; opacity: 0.40; MoZOpacity: 0.40; filter: alpha(opacity=40); display: none; }

#vc { margin-left: 22px; margin-top: 12px; }


#company_icons { position: absolute; top: 470px; left: 500px; font-size: 12px; }
#company_icons a { color: #D3551D; font-weight: bold; }


.slide_num { height: 20px; width: 20px; float: right; margin-right: 4px; line-height: 20px; text-align: center; color: #000000; background: #e1e1e1; margin-right: 0px; margin-left: 4px; }
.slide_num_over { height: 20px; width: 20px; float: right; margin-right: 4px; line-height: 20px; text-align: center; color: #FFFFFF; background: #e45322; margin-right: 0px; margin-left: 4px; }
.slide_num:hover, .slide_num_over:hover { text-decoration: none; }

.orange { color: #D3551D; }





#home-fa {
	margin-top:-50px; position: absolute;
}