/* CSS Document */

/*
########
SITEWIDE
########
*/

/* layout */
html{
background-image:url(../img/bg_no_bar.png);
background-repeat:repeat-x;
color: #3f3f3f;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

p {
  color: #3f3f3f;
  font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

#doc2{
float:left;
}

#doc3 {
padding:0;
margin:0;
}

#doc-custom {
width:58.0769em; /* 755/13 */
*width:56.6251em; /* 755/13.3333 */
float:left;
}

#hd {
background-color:transparent;
height:88px;
padding-top:76px;
}

#hd_mc {
background-color:transparent;
height:102px;
padding-top:62px;
}

#logo {
margin: 0 0 6px 10px;
}

#logo_mc {
margin: 0 0 0px 10px;
}

li
{
list-style-type:square;
margin-left:15px;
}

.pd_content {
padding:10px;
}

.pd_content_n_top {
padding:0 10px 10px 10px;
}

.pd_content_l_top {
padding:2px 10px 10px 10px;
}

.pd_content_n_left {
padding:10px 0 10px 0;
}

.pd_content_left {
padding-left:10px;
}

.pd_content_right {
padding-right:10px;
}

.pd_content_left_right {
padding:0 10px;
}

.pd_content_top_left {
padding:10px 0 0 10px;
}

.pd_content_n_btm {
padding:10px 10px 0 10px;
}

#left_col {
height:304px;
font-size:108%;
background:#669999;
overflow: auto;
}

#main_col {
background: #fff;
font-size:93%;
overflow: auto;
height:304px;
border-right:1px solid #fff;
}

#main_col_bg {
background: #fff url(../img/bg_dash_wh.png) repeat-x top left;
height:285px;
}

#right_col {
background: none;
height:304px;
color:#3f3f3f;
font-size:93%;
overflow: auto;
border:1px solid #99cccc;
}

#ft {
font-size:85%;
padding-top:4px;
}

/* index page styles */
#index{
background-image:url(../img/bg_index.png);
background-repeat:repeat-x;
}

#index_container{
width:820px;
margin:164px 0 0 0;
float:left;
padding:0;
border-bottom:0;
}

#index_leftcol{
width:445px;
float:left;
height:310px;
text-align:center;
}

#index_rightcol {
width:366px;
float:right;
height:310px;
}

#logo_index {
margin-top:80px;
}

#logo_index_mc {
margin-top:60px;
}

#index_menu{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
list-style-type: none;
}

#index_menu ul li{
margin:0;
padding:0;
}

#index_menu li{
list-style-type: none;
display: inline;
margin:0;
padding:0;
}

#index_menu li a{
color:#000;
font-size:85%;
margin:0;
padding:0;
}

#index_menu li a:hover{
color:#fff;
}

.roll {
padding:0;
width:328px;
height:121px;
}

a#ro1 {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-pb.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a#ro2 {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-corporate.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a#ro3 {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-school.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a#ro4 {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-mission.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a:hover#ro1, a:hover#ro2, a:hover#ro3, a:hover#ro4,
a:hover#ro1_mc, a:hover#ro2_mc, a:hover#ro3_mc, a:hover#ro4_mc {
background-position: -162px 0;
}

/* mc homepage nav */
a#ro1_mc {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-psc.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a#ro2_mc {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-data-centers.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a#ro3_mc {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-consulting.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}

a#ro4_mc {
display:block;
width:162px;
height:121px;
background:url(../img/home/nav-jwa.jpg) no-repeat;
border-left:1px solid #fff;
float:left;
}
/* mc homepage nav end */


li .nav_square {
background:url(../img/nav_square.gif) no-repeat center center;
width:3px;
height:4px;
margin:6px 5px 0 5px;
}

/* portfolio page styles */
#portfolio{
background:url(../img/bg_portfolio.png) repeat-x top left;
}

#portfolio_left_col {
height:304px;
font-size:108%;
background:#fff url(../img/bg_portfolio_main_col.png) repeat-x;
}

#portfolio_main_col {
font-size:93%;
overflow: hidden;
height:306px;
background:#fff url(../img/bg_portfolio_main_col.png) repeat-x;
border-right:1px solid #fff;
}

/* portfolio side nav */
.portfolio_head, .portfolio_head_no_acc {
background: #fff;
margin-bottom:14px;
font-size:85%;
}

.portfolio_head_no_acc_last {
background: #fff;
margin-bottom:0;
font-size:85%;
}

.portfolio_head a, .portfolio_head_no_acc a, .portfolio_head_no_acc_last a {
background-color: #669999;
background-image: url(../img/bg_dot_white.png);
background-repeat: repeat-y;
display:block;
padding:18px 2px 0px 12px;
border-right: 1px solid #fff;
height:32px;
color:#fff;
font-variant: small-caps;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

.portfolio_head a:hover, .portfolio_head_no_acc a:hover, .portfolio_head_no_acc_last a:hover,
.portfolio_head a.side-active, .portfolio_head_no_acc a.side-active, .portfolio_head_no_acc_last a.side-active {
background-color: #669999;
background-image: url(../img/bg_dot_red.png);
background-repeat: repeat-y;
border-right: 1px solid #fff;
color: #3f3f3f;
}

.portfolio_accordion {
width:100%;
*width:150px;
}

#portfolio .yui-b .yui-ge {
background: #99cccc;
border-right:1px solid #fff;
}

.category_box-1, .category_box-2, .category_box-3,
.category_box-4, .category_box-5 {
height:50px;
margin-bottom:14px;
}

.project_box-1, .project_box-2, .project_box-3,
.project_box-4, .project_box-5 {
width:180px;
margin-bottom:0;
position:absolute;
left:170px;
}

.portfolio_box {
float:left;
/*  width:450px;*/
/*height:50px;*/
margin-bottom:0;
/*  border:1px solid #990000;
*/  margin-left:180px;
}

.portfolio_box li {
display: inline;
float: left;
position: relative;
margin:0;
}

.portfolio_box li img {
border-left:2px solid #fff;
}

/* news page styles */
#news{
background-image:url(../img/bg_news.png);
background-repeat:repeat-x;
}

#news #yui-main {
border-right:1px solid #fff;
}

#news_main_col {
background: #fff url(../img/bg_dash_wh.png) repeat-x top left;
font-size:93%;
overflow: hidden;
height:304px;
border-left:1px solid #fff;
}

#news_main_col_bg {
background:none;
height:268px;
overflow: auto;
}

#news_right_col {
background: #99cccc url(../img/bg_dash_wh.png) repeat-x top left;
height:304px;
color:#3f3f3f;
font-size:93%;
overflow:hidden;
}

#news_right_col_bg {
height:268px;
overflow: auto;
}

.entry-list p {
margin-bottom: 5px;
}

.entry-list li, #cl-list li {
list-style-type:none;
margin-left:0;
}

.entry-list li li, #cl-list li li, .entry-list li li li, #cl-list li li li, .entry-list li li li li, #cl-list li li li li {
list-style-type:square;
margin-left:15px;
}

/* contact page styles */
#contact_main_col {
background: #99cccc url(../img/bg_dash_wht.png) repeat;
font-size:93%;
overflow: auto;
height:304px;
border-right:1px solid #fff;
}

/* noCSS */
.hidden { display: none; }

/* emphasis */
em { font-style: italic; }
strong { font-weight: bold; }

/* links */
a { color:  #0069ba; text-decoration: none; }
a:hover { color: #fd3a34; }

#yui-main .yui-b p, #sb-body p {
margin-bottom:5px;
}

#yui-main .yui-b li {
margin-bottom:5px;
}

#portfolio #yui-main .yui-b li {
margin-bottom:0;
}

/*
##########
NAVIGATION
##########
*/

/* top nav */
.basictab{
padding: 3px 0 3px 10px;
margin-left: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
font-size:93%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-variant: small-caps;
}

.basictab li{
list-style-type: none;
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin: 0 1px;
border-bottom: none;
color: #2d2b2b;
}

.basictab li a:hover, .basictab li.top-active a {
color: #000;
*padding: 5px 7px;
text-decoration:underline;
}

#sec.basictab{
margin-top:2px;
margin-left: 0;
list-style-type: none;
text-align: left;
font-size:93%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-variant: small-caps;
padding-top:0;
height:24px;
}

#sec.basictab li a{
display:inline-block;
line-height:24px;
padding:0 7px;
}

#sec.basictab li a:hover, #sec.basictab li.top-active a {
background: #fff;
color: #000;
padding:0 7px;
text-decoration:none;
display:inline-block;
line-height:24px;
}

/* side nav */
.head, .head_no_acc {
margin-bottom:4px;
font-size:85%;
}

.head a, .head_no_acc a {
background: url(../img/bg_dot_white.png) repeat-y;
display:block;
padding:1px 2px 1px 8px;
color: #fff;
font-variant: small-caps;
}

.head a:hover, .head_no_acc a:hover,
.head a.side-active, .head_no_acc a.side-active {
background: url(../img/bg_dot_red.png) repeat-y;
display:block;
padding:1px 2px 1px 8px;
color: #2d2b2b;
}

.accordion {
width:100%;
*width:150px;
}

.acc_sub  li {
list-style-type: none;
list-style-image: none;
margin-left:0;
}

.acc_sub li a{
background: url(../img/bg_dot_white.png) repeat-y;
display:block;
padding:0px 2px 0px 8px;
color: #fff;
margin:0 0 4px 10px;
font-size:85%;
}

.acc_sub li a:hover, .acc_sub li a.sidesub-active{
background: url(../img/bg_dot_red.png) repeat-y;
display:block;
padding:0px 2px 0px 8px;
color: #2d2b2b;
}

/*
#############
PAGE SPECIFIC
#############
*/

/* bios */
.headshot {
float: right;
margin:0 0 5px 5px;
}

.partner_top {
height:25px;
/*width:99%;
*/background: #99cccc url(../img/bg_dash_wht.png) repeat;
}

.line_mini {
width:300px;
height:4px;
}

.line_green {
width:360px;
height:8px;
background: url(../img/bg_dot_green.gif) repeat-x;
margin:4px 0;
}

.flatblock ul {
    margin-bottom: 15px;
}

/* titles */
h1 {
  font-size:161.6%;
  font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}
h2 {
  font-size:153.9%;
  font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

h3 {
  font-size:146.5%;
  font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

h4 {
font-size:138.5%;
color: #fd3a34;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

h5 {
font-size:131%;
color: #3f3f3f;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
margin-bottom:3px;
}

h6 {
font-size:123.1%;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

.title {
font-size:116%;
text-transform:uppercase;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
background:#99cccc;
display:inline-block;
*display:inline;
*line-height:37px;
padding:0 5px;
margin:10px 0 15px 0;
color:#fff;
}


.title_sec {
padding:5px 0 0 0;
font-size:108%;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
font-weight:bold;
}

.page_title {
height:30px;
padding:12px 0 0 0;
font-size:138.5%;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
background:#99cccc;
color:#ffffff;
text-transform:uppercase;
letter-spacing: -1px;
}

.title_red {
font-size:123.1%;
color: #3f3f3f;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
font-weight:bold;
}

.title_red a {
font-size:85%;
}

.title_black, .title_black a {
font-size:108%;
color: #3f3f3f;
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
font-weight:bold;
}

.title_black a:hover {
color: #0069ba;
}

.title_white {
font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
color:#fff;
font-size:108%;
border-bottom:1px dashed #fff;
margin-bottom:5px;
}

#pr_descr {
padding-right:5px;
}

.port_details {
border:0;
margin-bottom:3px;
}

.port_details td {
padding-right:10px;
}

/* portfolio detail page styles */
#portfolio_d {
background-image:url(../img/bg_pr_det.png);
background-repeat:repeat-x;
}

#portfolio_d #hd {
background-color:transparent;
height:112px;
padding-top:76px;
}

#portfolio_d #hd_mc {
background-color:transparent;
height:126px;
padding-top:62px;
}

#portfolio_d #left_col {
height:280px;
font-size:108%;
background:#669999;
overflow: auto;
}

#portfolio_d #main_col {
font-size:93%;
overflow: auto;
height:280px;
border-right:1px solid #fff;
background: #fff url(../img/bg_dot_gr.gif) repeat-x top left;
}

#portfolio_d #right_col {
height: 280px;
border:0;
overflow: auto;
}

.b {
font-weight:bold;
}

.clear {
clear:both;
}

.more_info a {
display:block;
background:url(../img/moreinfo_off.gif);
width:63px;
height:16px;
}

.more_info a:hover {
background:url(../img/moreinfo_on.gif);
}

.read_more a {
display:block;
background:url(../img/readmore_off.png);
width:63px;
height:16px;
}

.read_more a:hover {
background:url(../img/readmore_on.png);
}

#cl_name{
margin-bottom:6px;
}

img.floatLeft, img.left {
float: left;
margin: 0 15px 5px 0;
}

img.floatRight, img.right {
float: right;
margin: 0 0 5px 15px;
}

/* shadowbox override */
#sb-body {
background:#fff;
}

#sb-title-inner {
background:#99cccc;
color:#fff;
padding-left:10px;
}

#sb-wrapper {
float:left;
}

#inline-sample-content {
padding:15px;
}

.sm_txt{
font-size:85%;
margin:20px 0;
}

.pad {
height:10px;
}

#yui-main .yui-b #client_list li {
margin-bottom:0;
}

ul.navigation {
padding-bottom:0px !important;
}

ul.navigation a{
padding: 3px 7px 2px 7px;
}

.flatblock img {
float: left;
margin: 0 15px 5px 0;
}

#sb-body {
border:1px solid #99cccc !important;
}

.spacer-sp {
  width:13px;
  height:50px;
  background:url(../img/end_line.gif);
  display: inline-block;
  border-left:2px solid #fff;
}

.spacer-0 {
  display:none;
}

.spacer-1 {
  width:13px;
  height:50px;
  background:url(../img/end_line.gif);
  display: inline-block;
}

.spacer-2 {
  width:26px;
  height:50px;
  background:url(../img/end_line.gif) repeat-x;
  display: inline-block;
}

.spacer-3 {
  width:39px;
  height:50px;
  background:url(../img/end_line.gif) repeat-x;
  display: inline-block;
}

.spacer-4 {
  width:52px;
  height:50px;
  background:url(../img/end_line.gif) repeat-x;
  display: inline-block;
}