/* ===============
  GLOBAL CLASSES 
   =============== */
   
   
body{
font-family:Helvetica, Arial, sans-serif;
font-size:11.5px;
line-height:17px;
color:#020116;

}



a{
font-size:12px;
color:#998c7d;
text-decoration:none;
letter-spacing:-0.5px;
}

a:hover{
text-decoration:underline;
}

/*ALIGNMENT*/
.moveleft{float:left;}
.moveright{float:right;}

/*COLORS*/

.gray-light{background-color:#ebe8e5;}
.gray-dark{background-color:#c2bab1;}

.yellow{color:#f99e28;}


/*STYLE*/
.makebold{
font-weight:bold;
}


.more-info{margin-top:3px;display:block;}


a.facebookicon{
background:url(../images/icon-facebook.jpg) right -1px transparent no-repeat;
padding-right:18px;
}


/* ===============
  WRAPPER
   =============== */

   
#wrapper{
width:910px;
margin:20px auto 10px auto;
border-top:4px solid #ccc5be;
background-color:#FFF;
padding-top:9px;
padding-bottom:7px;
}


/* ===============
  CONTENT
   =============== */
#content{
float:left;
width:670px;
}


/* ===============
  SIDEBAR
   =============== */
#sidebar{
width:230px;
float:right;
}   

#sidebar .sidebar-container{
border-bottom:1px solid #fcce93;
padding:5px 0px 5px 0px;
}


/* ===============
  BLOCK
   =============== */

.content-block{
width:330px;
height:345px;
display:block;
/*border:1px solid #999999;
*/margin-bottom:9px;
}



/* ===============
  FOOTER
   =============== */
   
#footer{
clear:both;
border-top:4px solid #ccc5be;
padding-top:5px;
}


#footer .you-should-work-with-us{
font-size:28px;
padding-top:5px;
}

#footer .you-should-work-with-us a{
font-size:28px;
text-transform:uppercase;
color:#e0dcd8;
letter-spacing:-1px;
}

#footer .you-should-work-with-us a strong{
font-weight:bold;
color:#998c7d;
}


#footer .client-login{
font-size:13px;
padding-top:5px;
}

#footer .client-login a{
font-size:13px;
text-transform:uppercase;
color:#998c7d;
letter-spacing:0px;
font-weight:bold;
}

#sharethis_0{
margin-top:-5px;
}




/* ===============================================
 OVERLAY
 =============================================== */

.gmmb_overlay {
display:none;
width:780px;
padding:70px 65px 65px 65px;
}

#nets-darfur-acs.gmmb_overlay,
#visa-ctia-cuna.gmmb_overlay{
	padding:45px 95px 65px 8px;
	}

.gmmb_overlay2 {
display:none;
width:600px;
padding:65px 65px 65px 65px;
}

.gmmb_overlay div.close {
background-image:url(../images/btn-close.png);
position:absolute; right:32px; top:32px;
cursor:pointer;
height:35px;
width:35px;
}

.gmmb_overlay2 div.close {
background-image:url(../images/btn-close.png);
position:absolute; right:30px; top:30px;
cursor:pointer;
height:35px;
width:35px;
}

div.gmmb_overlay {
background-image:url(../images/bg-overlay.png);
}

div.gmmb_overlay2 {
background-image:url(../images/bg-overlay2.png);
}

div.gmmb_overlay h2{
font-size:34px;
font-weight:normal;
line-height:34px;
padding-bottom:15px;
}

div.gmmb_overlay p{
padding-bottom:10px;
padding-top:10px;
color:#998c7d;
}

/*NEWS OVERLAY*/

.gmmb_overlay3 {
display:none;
width:650px;
padding:70px 65px 65px 50px;
}

.gmmb_overlay3 div.close {
background-image:url(../images/btn-close.png);
position:absolute; right:32px; top:32px;
cursor:pointer;
height:35px;
width:35px;
}

div.gmmb_overlay3 {
background-image:url(../images/bg-overlay-news.png);
}



/* ===============================================
 NEWS
 =============================================== */

#news-container{
background-color:#ebe8e5;
width:330px;
height:335px;
float:left;
background:url(../images/news_gmmb.jpg) no-repeat bottom left #f0eceb;
padding-top:10px;
}


#news-container .news-item{
margin:20px 25px 0px 25px;
padding-bottom:20px;
border-bottom:1px solid #fec275;
}


#news-container .news-item h3{
color:#998c7d;
font-size:18px;
display:block;
width:270px;
float:right;
padding-bottom:3px;
font-weight:bold;
letter-spacing:-.09px;
}

#news-container .news-item h3 a {
color:#998c7d;
font-size:18px;
}


#news-container .news-item img{
padding-right:5px;
float:left;
}

#news-container .news-item p{
display:block;
float:right;
font-size:11px;
width:270px;
line-height:15px;
}  

#news-container .news-item.last{border-bottom:0px solid #FFFFFF;}





/* ===============================================
 FLIPBOX - USED FOR IMAGE BLOCKS
 =============================================== */


/*
   styles for cj image flipbox
----------------------------------*/
div.cj_image_flipbox { display: block; width: 100%; height: auto; }
div.cj_image_flipbox_block { position: relative; display: block; width: 330px; height: 345px; overflow: hidden; border: 0px solid #000; margin-right: 0px; margin-bottom: 0px; float: left; }
div.cj_image_flipbox_block br { display: none; }




/* ===============================================
 ACCORDION - USED FOR LOCATION
 =============================================== */



#accordion {
	width: 230px;
	background:url(../images/bg-locations.jpg) 0px 0px transparent no-repeat;
}

/* accordion header */
#accordion h2 {
	margin:0;
	padding:5px 15px;
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	color:#998c7d;
	letter-spacing:-0.0px;
	text-transform:lowercase;
	font-family:Arial, Helvetica, sans-serif;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	color:#998c7d;
}


#accordion h2:hover {
color:#998c7d;
}


/* accordion pane */
#accordion div.pane {

	display:none;
	height:60px;
	padding:0px 0px 25px 30px;
	color:#020116;
	font-size:11px;
}







/* ===============================================
 CASE STUDY OVERLAY CSS
 =============================================== */
 
.casestudy-images{
width:370px;
display:block;
float:right;
margin-left:10px;
}


#nets .casestudy-images,
#darfur .casestudy-images,
#acs .casestudy-images,
#meth .casestudy-images,
#wadoh .casestudy-images,
#visa .casestudy-images,
#ctia .casestudy-images,
#cuna .casestudy-images{
width:372px;
display:block;
float:right;
margin-left:8px;
}

#nets .casestudy-images div,
#darfur .casestudy-images div,
#acs .casestudy-images div,
#meth .casestudy-images div,
#wadoh .casestudy-images div,
#visa .casestudy-images div,
#ctia .casestudy-images div,
#cuna .casestudy-images div{
width:370px;
}

.casestudy-content{
width:360px;
display:block;
float:left;
margin-left:10px;
}

#nets .casestudy-content,
#darfur .casestudy-content,
#acs .casestudy-content,
#meth .casestudy-content,
#wadoh .casestudy-content,
#visa .casestudy-content,
#ctia .casestudy-content,
#cuna .casestudy-content{
width:360px;
display:block;
float:left;
margin-left:10px;
}
 
.casestudy-obama,
#darfur .casestudy-savedarfur,
#nets .casestudy-nothingbutnets,
#acs .casestudy-acs,
#meth .casestudy-meth,
#wadoh .casestudy-wadoh,
#visa .casestudy-visa,
#ctia .casestudy-ctia,
#cuna .casestudy-cuna{
width:770px;
font-family:Arial, Helvetica, sans-serif;
}

 
.subpage .casestudy-obama p,
.casestudy-obama p,
#darfur .casestudy-savedarfur p,
#nets .casestudy-nothingbutnets p,
#acs .casestudy-acs p,
#meth .casestudy-meth p,
#wadoh .casestudy-wadoh p,
#visa .casestudy-visa p,
#ctia .casestudy-ctia p,
#cuna .casestudy-cuna p{
 font-size:11px;
 line-height:16px;
 padding:10px 0px 10px 0px;
 }
 

.subpage .casestudy-obama .effects,
.casestudy-obama .effects,
#darfur .casestudy-savedarfur .effects,
#nets .casestudy-nothingbutnets .effects,
#acs .casestudy-acs .effects,
#meth .casestudy-meth .effects,
#wadoh .casestudy-wadoh .effects,
#visa .casestudy-visa .effects,
#ctia .casestudy-ctia .effects,
#cuna .casestudy-cuna .effects{
font-size:13px;
color:#55504b;
border-bottom:1px solid #fdd8a9;
padding-top:10px;
padding-bottom:20px;
width:360px;
margin-bottom:10px;
}


.subpage .casestudy-obama .effects h3,
.casestudy-obama .effects h3,
#darfur .casestudy-savedarfur .effects h3,
#nets .casestudy-nothingbutnets .effects h3,
#acs .casestudy-acs .effects h3,
#meth .casestudy-meth .effects h3,
#wadoh .casestudy-wadoh .effects h3,
#visa .casestudy-visa .effects h3,
#ctia .casestudy-ctia .effects h3,
#cuna .casestudy-cuna .effects h3{
color:#d6d1cb;
display:block;
padding-bottom:5px;
font-size:22px;
line-height:22px;
font-weight:900;
letter-spacing:-0.09px;
text-transform:lowercase;
text-indent:-9999px;
width:360px;
height:22px;
background:url(../images/title-effects.jpg) #FFFFFF top left no-repeat;
}

.subpage .casestudy-obama .effects ul li,
.casestudy-obama .effects ul li,
.casestudy-savedarfur .effects ul li,
.casestudy-nothingbutnets .effects ul li,
.casestudy-acs .effects ul li,
.casestudy-meth .effects ul li,
.casestudy-wadoh .effects ul li,
.casestudy-visa .effects ul li,
.casestudy-ctia .effects ul li,
.casestudy-cuna .effects ul li{
background:url(../images/bg-bullet.jpg) 0px 6px transparent no-repeat;
padding-left:10px;
line-height:20px;
}


.subpage .casestudy-obama .awards,
.casestudy-obama .awards{
font-size:11px;
color:#55504b;
}

.subpage .casestudy-obama .awards h3,
.casestudy-obama .awards h3{
color:#d6d1cb;
display:block;
padding-bottom:5px;
font-size:22px;
line-height:22px;
font-weight:900;
letter-spacing:-0.09px;
text-transform:lowercase;
text-indent:-9999px;
width:360px;
height:22px;
background:url(../images/title-awards.jpg) #FFFFFF top left no-repeat;
}

.subpage .casestudy-obama .awards ul li,
.casestudy-obama .awards ul li{
	padding-bottom:5px;
	line-height:14px;
}

.subpage .casestudy-obama .plus-you,
.casestudy-obama .plus-you,
#darfur .casestudy-savedarfur .plus-you,
#nets .casestudy-nothingbutnets .plus-you,
#acs .casestudy-acs .plus-you,
#meth .casestudy-meth .plus-you,
#wadoh .casestudy-wadoh .plus-you,
#visa .casestudy-visa .plus-you,
#ctia .casestudy-ctia .plus-you,
#cuna .casestudy-cuna .plus-you{
	background-color:#f5f3f2;
	padding:5px;
	margin-top:20px;
	width:360px;
}

.subpage .casestudy-obama .plus-you img,
.casestudy-obama .plus-you img,
.casestudy-savedarfur .plus-you img,
.casestudy-nothingbutnets .plus-you img,
.casestudy-acs .plus-you img,
.casestudy-meth .plus-you img,
.casestudy-wadoh .plus-you img,
.casestudy-visa .plus-you img,
.casestudy-ctia .plus-you img,
.casestudy-cuna .plus-you img{
	display:block;
	float:left;
	padding-top:5px;
	padding-right:15px;
}

.subpage .casestudy-obama .plus-you a,
.casestudy-obama .plus-you a,
.casestudy-savedarfur .plus-you a,
.casestudy-nothingbutnets .plus-you a,
.casestudy-acs .plus-you a,
.casestudy-meth .plus-you a,
.casestudy-wadoh .plus-you a,
.casestudy-visa .plus-you a,
.casestudy-ctia .plus-you a,
.casestudy-cuna .plus-you a{
	padding-left:10px;
	letter-spacing:0px;
	display:block;
	float:left;
	padding:2px 5px 0px 5px;
	border-right:1px solid #CCC;
}

.subpage .casestudy-obama .plus-you a.last,
.casestudy-obama .plus-you a.last,
.casestudy-savedarfur .plus-you a.last,
.casestudy-nothingbutnets .plus-you a.last,
.casestudy-acs .plus-you a.last,
.casestudy-meth .plus-you a.last,
.casestudy-wadoh .plus-you a.last,
.casestudy-visa .plus-you a.last,
.casestudy-ctia .plus-you a.last,
.casestudy-cuna .plus-you a.last{
	border-right:0px solid #CCC;
}



/* ===============================================
 WHO WE ARE PAGE CSS - OVERLAY CSS
 =============================================== */
 #who-we-are-overlay .content-container{
 display:block;
 width:765px;
 padding-top:10px;
 margin-top:10px;
  border-top:3px solid #ccc5be;
 }
  

#who-we-are-overlay .css-tabs{
background-color:#d6d1cb; 
width:170px; 
height:520px; 
margin-right:10px;  
display:block; 
float:left;
padding-left:10px;
padding-top:10px;
 }
 

#who-we-are-overlay .css-tabs li a{
color:#FFFFFF;
font-size:24px;
line-height:24px;
text-transform:lowercase;
display:block;
padding-bottom:5px;
 }
 
 #who-we-are-overlay .css-tabs li ul li a{
color:#FFFFFF;
font-size:14px;
line-height:18px;
text-transform:lowercase;
display:block;
padding-bottom:8px;
padding-left:10px;
 }
 
 #who-we-are-overlay .css-tabs li a:hover{
color:#998c7d;
text-decoration:none;
 }
 
 #who-we-are-overlay .css-tabs li a.current{
color:#998c7d;
 }
  
 
 #who-we-are-overlay .css-panes{
overflow:auto; 
display:block; 
width:555px; 
height:520px; 
float:left;
padding-right:10px; 
 }


 #who-we-are-overlay .css-panes p{
 color:#998c7d;
 }
 
 
 #who-we-are-overlay .css-panes ul{
 list-style-type:disc;
padding-left:20px;
list-style-position:outside; 
 }
 
 
 #who-we-are-overlay .css-panes ul li{
padding-bottom:2px;
color:#998c7d;
 }



 #who-we-are-overlay h2{
 font-size:34px;
 color:#998c7d;
 text-transform:lowercase;
 font-weight:bold;
 letter-spacing:-0.8px;
 line-height:36px;
 padding-bottom:0px;

 }
 
  #who-we-are-overlay p{
  padding:6px 0px 6px 0px;
  color:#998c7d;
 }
 
   #who-we-are-overlay p.yellow-strong{
   font-weight:bold;
  color:#f99e28;
 }
 


#who-we-are-overlay .leadership p{
	font-size:11px;
	line-height:16px;
}

#who-we-are-overlay .leadership strong{
	font-size:12px;
	font-weight:bold;
}

#who-we-are-overlay .leadership h3{
color:#d6d1cb;
display:block;
padding-bottom:5px;
padding-top:10px;
font-size:22px;
line-height:22px;
font-weight:bold;
letter-spacing:-0.09px;
text-transform:lowercase;
}


#who-we-are-overlay .leadership h4{
color:#998C7D;
display:block;
padding-bottom:0px;
padding-top:10px;
font-size:16px;
line-height:16px;
font-weight:bold;
letter-spacing:-0.09px;
text-transform:lowercase;
}


#who-we-are-overlay .leadership i.title{
color:#f99e28;
display:block;
padding-bottom:0px;
padding-top:3px;
font-size:11px;
line-height:11px;

text-transform:lowercase;
}



 
 /* ===============================================
 YOU SHOULD WORK WITH US - OVERLAY CSS
 =============================================== */
 
#you-should-work-with-us-overlay h2{
font-size:34px;
color:#998c7d;
text-transform:lowercase;
font-weight:bold;
letter-spacing:-0.8px;
line-height:36px;
padding-bottom:5px;
border-bottom:3px solid #ccc5be;
margin-bottom:10px;
}


#you-should-work-with-us-overlay p{
color:#998c7d;
}



#you-should-work-with-us-overlay strong{
color:#998C7D;
padding-bottom:0px;
font-size:14px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-0.09px; 
}


#you-should-work-with-us-overlay ul li{
border-bottom:1px solid #FCCE93;
padding-bottom:10px;
padding-top:10px;
}



  /* ===============================================
 TABS AND SCROLL FOR CASE STUDIES
 =============================================== */


#flowtabs-container,
#flowtabs-container2{
	width:830px;
	display:block;	
	line-height:31px;
	}
	


#flowtabs,
#flowtabs2 {

	width:375px;
	height:31px !important;
	margin:0 !important; 
	padding:0px 18px 0px 0px;
	float:right;
	text-align:right;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;

}



/* default state */
#flowtabs a,  #flowtabs2 a	{ font-size:11px; padding:0px 5px 0px 5px;}


 
/* mouseover state */
#flowtabs a:hover, #flowtabs2 a:hover 		{ color:#55504B;}



/* currently selected tabs */
#flowtabs a.current, #flowtabs2 a.current		{ cursor:default; color:#55504B; font-weight:bold; }




/* panes */
#flowpanes,
#flowpanes2 {
	width:770px;
	height:600px;
}


/* single pane */
#flowpanes div,
#flowpanes2 div {
	display:none;	
	margin:0px;
}



/* override the root element to enable scrolling */ 
#flowpanes,
#flowpanes2 { 
    position:relative; 
    overflow:hidden;
	visibility:hidden;
    
} 
 
/* override single pane */ 
#flowpanes div,
#flowpanes2 div { 
    float:left; 
    display:block; 
    width:770px;
	visibility:visible;
} 


 
/* our additional wrapper element for the items */ 
#flowpanes .items,
#flowpanes2 .items  { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
		
} 



/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; margin:200px 10px 0px 10px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin: 200px 10px 0px 10px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }




/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
