html {  }
html,body { text-align:center; font-family:Arial, Helvetica, sans-serif; color:#CCC; height:100%; }
body { font-size:62.5%; background:#000; }

a:link, a:visited, a:active { color:#CCC; text-decoration:none }
a:hover, a:focus { color:#f90; text-decoration:none; }
a img { border:none }

.article { font-size:12px; color:#FFF; line-height:1.25em; }
.article p { margin-bottom:10px; }
.module_footer { font-size:13px; color:#999; }

.emphasis { font-style:italic; }

#parent { width:977px; height:100%; position:absolute; min-height:800px; top:0px; left:50%; margin-left:-488.5px; overflow-y:hidden; z-index:10; }
#parent div { position:absolute; }

#background { position:absolute; z-index:-1000; top:0px; left:0px; background:black top center no-repeat; width:100%; height:100%; display:none; }

#main_col { left:0px; top:0%; height:100%; width:195px; border-left:1px solid #333; border-right:1px solid #333; }
#logo { position:absolute; height:75px; width:195px; left:0px; top:66px; border-top:1px solid #333; border-bottom:1px solid #333; background:rgba(0,0,0,0.5); }
#network { position:absolute; left:0px; bottom:27px; width:194px; text-align:center; font-size:12px;  z-index:99;}
#network li { display:inline; padding-right:10px; }
#network li a { text-decoration:none; }
#navigation { position:absolute; left:0px; top:143px; width:194px; overflow:hidden; z-index:10; }
#navigation li { width:194px; padding-top:20px; }
#navigation li a { font-family:Geneva, Arial, Helvetica, sans-serif; display:block; width:auto; border-bottom:1px solid #333; font-size:16px; line-height:16px; font-weight:bold; text-transform:uppercase; vertical-align:bottom; text-align:left; text-decoration:none; color:#FFF; padding:0px 10px 0px 15px; background:none; }
#navigation li a:hover, #navigation li a:focus, #navigation a.current  { color:#f90; }


#navigation a.current  { color:#999; }
a.current  { color:#999; }
#home h2 { font-size:13px; color:#CCC; text-align:left; padding-left:10px; padding-top:10px; }
#home .main { }
#home .side_tools { }

#contact { position:absolute; bottom:32px; left:0px; width:195px; height:110px; }
#contact h2 { text-align:center; border-bottom:1px solid #333; vertical-align:bottom; }
#contact h2 img { vertical-align:bottom; }
#contact .article { position:relative; width:100%; text-align:center; padding:10px 0px; color:#666; font-size:14px; border-bottom:1px solid #333;  border-top:1px solid #333; background:rgba(0,0,0,0.55); }
#contact .article abbr { font-weight:bold; padding-right:5px; }
#contact .article br { margin-bottom:3px; }

.content { left:197px; height:100%; width:779px; text-align:left; }
.main { left:0px; height:100%; width:582px; }
.transition { z-index:999; border:1px solid #333; background:black; top:0px; left:0px;}
.side_tools {right:0%; top:0%; height:100%; width:195px; border-left:1px solid #333; border-right:1px solid #333; }

#tweet { top:0px; left:0px; width:195px; border-bottom:1px solid #333;}
#tweet h2 { border-top:1px solid #333; margin-top:30px;  }
#tweet .article { text-align:left; padding:10px; padding-bottom:0px;}
#tweet .article p{ margin-bottom:5px;}
#tweet .module_footer { font-size:12px; padding:0px 10px 10px 10px; color:#666; text-align:left; line-height:1.25em; }
#tweet .module_footer a { color:#666; text-decoration:underline; }
#tweet .module_footer a:hover, #tweet .module_footer a:focus { text-decoration:none; }
#tweet .twitter_link { display:block; position:absolute; top:23px; right:5px; }
#tweet .tweets { position:relative;  }

#blog { top:100%; margin-top:-450px; left:0px; width:195px; height:383px; background:rgba(0,0,0,0.5); }
#blog h2 { border-top:1px solid #333; margin-top:0px; border-bottom:1px solid #333; }
#blog h3 { text-align:left; padding:10px; color:#999; font-size:12px; padding-bottom:5px; line-height:1.3em; font-weight:normal; }
#blog .datetime { font-size:12px; padding-left:5px; color:#666; text-align:left; } 
#blog .article { text-align:left; padding:10px; color:#999; position:relative; }
#blog .module_footer { font-size:12px; padding:10px 10px 10px 10px; color:#666; text-align:left; }
#blog .blog_link { display:block; position:absolute; top:-8px; right:5px; }

.facebook_wall { position:absolute; right:0px; padding:5px; bottom:5px; overflow:hidden; height:176px; z-index:10; }


#slogan { top:30px; left:0px; width:100%; height:111px; color:white; border-bottom:1px solid #333; z-index:5; border-top:1px solid #333; text-align:center; }
#slogan h1 { display:block; font-size:16px; line-height:1.3em; padding:24px 20px; text-align:left; color:#CCCCCC; font-weight:100;  }
#slogan p.module_footer { display:block; position:absolute; width:100%; bottom:15px; text-align:right; left:0px; }
#slogan p.module_footer a {padding-right:20px; }
#featured_site { width:100%; top:141px;  height:50%; overflow:hidden; border-bottom:1px solid #333;  }
#featured_site h2 { font-size:13px; text-align:left; padding-left:10px; padding-top:10px; }
#featured_site p.browse_all { position:absolute; top:0px; width:100%; text-align:right; padding-top:10px; }
#featured_site p.browse_all a { padding-right:10px; text-decoration:none; text-transform:uppercase; }
#featured_site .portfolio_image { position:relative; }
#featured_site .portfolio_text { position:absolute; bottom:0px; background:rgba(0,0,0,0.85); width:100%; border-top:1px solid #333; }
#featured_site img { margin-top:10px; }
#featured_site h3 { font-size:14px; color:#FFF; margin:10px; }
#featured_site p.article { padding:0px 10px 10px 10px; }
#featured_site p.module_footer { display:block; width:100%; padding-bottom:10px; }
#featured_site p.module_footer a { padding-left:10px; }

#solution { bottom:0%; right:0%; width:291px; height:125px;  border-top:1px solid #333; border-left:1px solid #333; }
#solution h2 {  } 
#solution .article { display:block; text-align:justify; font-size:12px; line-height:1.3em; padding:10px;  } 

#labs { bottom:0%; left:0px; width:291px; height:125px;  border-top:1px solid #333; }
#labs h2 { } 
#labs .article { display:block; text-align:justify; font-size:12px; line-height:1.3em; padding:10px;  }  

#about_page .team h2, #about_page .copy h2, #contact_page .copy h2, #contact_page .aside h2, #portfolio_index h2, #labs_page .main h2,#login_page .copy h2 { font-size:13px;  color:#CCC; padding:10px; margin-top:30px; border-top:1px solid #333; }

/* About */
#about_page { }
#about_page .copy { position:absolute; width:512px; height:100%; border-right:1px solid #333; font-size:12px; line-height:1.5em; color:#CCC; }
#about_page .copy p {margin-bottom:10px; padding:0px 20px; }
#about_page .team { position:absolute; width:266px; height:100%; left:513px; border-right:1px solid #333; }
#about_page .team ul li { font-size:12px; margin-bottom:12px; }
#about_page .team ul li span { display:block; font-style:italic; padding-top:3px; }
#about_page .team ul li img { float:left; margin-right:5px; width:30px; }


#about_page ul {  padding:0px 10px; }
#about_page p.emphasized {font-size:15px; background:black; padding:10px; line-height:1.3em; color:#FFF; margin:10px;  }

#networks { text-align:center; margin-top:20px; }
#networks a { margin-right:50px; }
#networks a.twitter { background:url(../images/icons/tiny/twitter.gif) left no-repeat; padding-left:20px; }
#networks a.linkedin { background:url(../images/icons/tiny/linkedin.gif) left no-repeat; padding-left:20px; }
#networks a.facebook { background:url(../images/icons/tiny/facebook.gif) left no-repeat; padding-left:20px; }
#networks a.flickr { background:url(../images/icons/tiny/flickr.gif) left no-repeat; padding-left:20px; }

/* Contact */
#contact_page { }
#contact_page .copy { position:absolute; width:512px; height:100%; border-right:1px solid #333; font-size:12px; line-height:1.5em; color:#CCC; }
#contact_page .copy p {margin-bottom:10px; padding:0px 10px; }
#contact_page .copy form { }
#contact_page .copy label { display:block; float:left; padding-left:10px; width:100px; padding-right:20px; font-weight:bold; }
#contact_page .copy input, #contact_page .copy select, #contact_page .copy textarea { width:350px; border:1px solid #999; background:black; padding:3px; color:white; margin-bottom:10px; }
#contact_page .copy textarea { height:150px; }
#contact_page .copy .submit { width:75px; margin-top:10px; margin-left:130px; }
#contact_page .copy .submit:hover { background:#333; }
#contact_page .aside { position:absolute; width:266px; height:100%; left:513px; border-right:1px solid #333; }
#contact_page .aside p { padding:10px; font-size:12px; line-height:1.5em; }
#contact_success { font-size:16px; font-weight:bold; display:none; line-height:1.5em; color:white;}

/* Portfolio Index */
#portfolio_index { border-right:1px solid #333; height:100%; overflow-x:hidden; padding-top:30px;}
#portfolio_index h2{ display:inline;float:left; margin-top:0px; }
#portfolio_index ul { width:auto;}
#portfolio_index ul.subnav {flaot:left; padding-bottom:20px; padding-top:10px;border-top: 1px solid #333; }
#portfolio_index ul.subnav li {display:inline;margin-left:auto;margin-right:auto; font-size:1.5em;padding:.8em;font-weight:bold;}

#portfolio_index ul.items  {  margin-left:10px; }
#portfolio_index ul.items li { float:left; margin-right:15px; margin-bottom:15px; overflow:hidden; width:242px; height:155px; position:relative; }
#portfolio_index ul.items li a { display:block; }
#portfolio_index ul.items li .portfolio_over { position:relative; display:none; width:242px; height:46px; margin-top:0px; background:rgba(0,0,0,0.8); color:white; font-size:12px; font-weight:bold; line-height:1.2em; padding:8px; font-weight:bold; z-index:50; }
#portfolio_index ul.items li .portfolio_over .url { font-size:10px; color:#CCC; }
#portfolio_index ul.items li .portfolio_over img { float:right; margin-top:-10px; margin-right:10px; }
#portfolio_index .controls { position:relative; width:779px; }

#portfolio_index .scroll_left, #portfolio_index .scroll_right {width:54px; height:24px; text-indent:-9999px; background-repeat:no-repeat;}
#portfolio_index .scroll_left:hover, #portfolio_index .scroll_right:hover{ background-position: 0 -24px; }
#portfolio_index .scroll_left { float:left; margin-left:15px; display:none; background-image: url(../images/common/left_arrow_sprite.png); }
#portfolio_index .scroll_right { float:right; margin-right:15px; background-image: url(../images/common/right_arrow_sprite.png);}


/* Portfolio */
#portfolio h2 { margin:10px; padding:25px 10px 0px 25px; font-size:20px; color:#FFF; width:527px; height:255px; }
#portfolio .article { font-size:13px; color:#CCC; line-height:1.3em; border-top:1px solid #333; padding:10px; left:0px; position:relative; }
#portfolio_thumbs { margin-right:10px;margin-top:30px; border-top:1px solid #333; border-bottom:1px solid #333; left:0px; }
#portfolio_thumbs li { float:left; margin-left:10px; margin-top:10px; }
#visit_site { width:100%; font-size:15px; color:#CCC; padding:15px 0px; border-top:1px solid #333; left:0px; border-bottom:1px solid #333; text-align:center; position:absolute; bottom:20%; }
#visit_site:hover, #visit_site:focus { background:url(../images/common/background80.gif); }

/* Solutions */
#solutions { border-right:1px solid #333; height:100%; text-align:center; }
#solutions .top_header { width:100%; height:227px; margin-left:auto; margin-right:auto; margin-top:30px; border-top:1px solid #333; border-bottom:1px solid #333; text-align:center; padding:10px 0px ; position:relative; }
#solutions .top_header img { }
#solutions .body { position:relative; text-align:left; }
#solutions h2 { font-size:13px; text-transform:uppercase; color:#666666; padding:10px; }
#solutions .article { font-size:12px; color:#CCC; line-height:1.3em; padding:10px; position:relative; }
#solutions dl { width:378px; float:left; }
#solutions dd {  margin-right:10px; margin-bottom:15px; }
#solutions dt { font-weight:bold;  margin-right:10px; margin-bottom:5px; }

/* Solutions Subpages */
#solution_subpage { border-right:1px solid #333; height:100%; text-align:left; }
#solution_subpage h2 { font-size:13px; text-transform:uppercase; color:#666666; padding:10px 10px 0px 10px; border-top:1px solid #333; }
#solution_subpage .article { font-size:13px; color:#CCC; line-height:1.3em; padding:10px; }
#solution_subpage div.main { position:relative; }
#solution_subpage div.solution_media { border-top:1px solid #333; margin-top:30px; padding:10px; position:relative; }
#solution_nav { position:absolute; xbottom:100px; border-left:1px solid #333; xborder-bottom:1px solid #333; padding:10px 0px 20px 0px; width:100%; }
#solution_nav li { padding-left:10px; padding-top:10px; font-size:13px; }
#solution_nav li a { }
#solution_nav li a:hover, #solution_nav li a:focus { color:#f60; }

.solutions_subpage {display:none; position:absolute; width:582px; }
.solutions_subpage .article { font-size:13px; color:#CCC; line-height:1.3em; padding:10px; }
#solutions .side_tools { display: none; }

/* Labs */
#labs_page h3 { font-size:15px; margin-bottom:10px; }
#labs_page .node { margin-bottom:10px; clear:both; position:relative; }
#labs_page .node img { float:left; margin-right:10px; margin-bottom:10px; }
#labs_page .article { font-size:13px; color:#CCC; line-height:1.3em; padding:10px; padding-top:0px; }
#labs_page .article p { margin-bottom:10px; padding-left: 254px;}
#labs_page p { padding:10px; padding-top:0px; font-size:12px; line-height:1.5em;}

.loader { position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px; }
.back_button { display:none; position:absolute; top:3px; left:200px; height:25px; width:100px; background:url(../images/common/backButton.png) top left; z-index:1000; cursor:pointer; }
.back_button:hover, .back_button:focus { background-position:bottom left; }
.back_button img { width:100%; height:100%; }



#brink { position:absolute; left:0px; top:25px; width:194px; text-align:center; font-size:11px; margin-left: 14px;}
#brink li { display:inline; padding-right:7px; float: left;}
#brink li a { text-decoration:none; font-weight:bold;color:#999}

#partner{bottom: 26%; width: 194px; height: 54px; background-image: url('../images/brink_partners.png');}

#brink-partners{width: 100%; height: 20px; padding-top: 37px !important; padding-left: 25px;}
#brink-partners ul{position: relative; bottom: 7px;}
#brink-partners li{float: left; display: inline; list-style-type: none; padding-top: 0; width: 25px;}
#brink-partners li a{border: 0 !important; width: 100%;}
.muse{width: 50px !important;}

#login_page { }
#login_page .copy { position:absolute; width:512px; height:100%; border-right:1px solid #333; font-size:12px; line-height:1.5em; color:#CCC; }
#login_page .copy p {margin-bottom:10px; padding:0px 10px; }
#login_page .copy form { }
#login_page .copy label { display:block; float:left; padding-left:10px; width:100px; padding-right:20px; font-weight:bold; }
#login_page .copy input, #contact_page .copy select, #contact_page .copy textarea { width:350px; border:1px solid #999; background:black; padding:3px; color:white; margin-bottom:10px; }
#login_page .copy .submit { width:75px; margin-top:10px; margin-left:130px; }
#login_page .copy .submit:hover { background:#333; }


.cls_404 {
	color:#FFF;
	font-size:1.5em;
	position:relative;
	line-height:1.5em;
	padding-top:10em;
	padding-left:1em;
}
.cls_404 .text h2{
	font-size:2em !important;
	padding-left:0px !important;
	
}
.cls_404 .text{
	font-size:.8em !important;
	float:left;
	display:inline;	
	width:550px;
}
.cls_404 .img {
	margin-right:20px;
	height:300px;
	width:157px;
	padding-top:40px;
	float:left;
	position:relative !important;
	display:inline;
}
.cls_404 a {font-weight:normal;text-decoration:underline}
.cls_404 a:hover {text-decoration:none}

a.portlink { float:right;
	padding-right:20px;
	
}

#imageRotation{width:777px; height:380px; background:#fff url(../images/common/bg_kon.gif); text-align:center; position:absolute; z-index:9999; padding-top:620px; padding-left: 100px; padding-right:100px;}

.strategists span{
	font-size: 10px!important;
	font-style: none!important;
}
.josh-title-span{
	margin-left: 43px;
}
.strategists img{
	width: 38px!important;
}
.strategists li{
	height: 38px;
}