/*
* Global CSS
*
* @authors  Bruce Thomas,  Brian McGrath, Lemon Foundation
*/

/*
* Global reset styles
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin :  0; 
padding : 0;
border : 0;
outline : 0;
}



a:focus, 
label:focus { 
outline : 0; 
}

body { 
color: #333333;
background-color:#fff;
margin:0;
padding:10px 0 0 0;
font: normal 0.7em Arial, Helvetica, sans-serif;
}

ul {
list-style : none;
}


h1,h2,h3,h4,h5,form {
clear:both;
margin:0;
padding:0;
}

a {	cursor:pointer; }

#pg {
clear: both;
margin:0 auto;
padding:0;
text-align:left;
width:900px;
}



/*
* Navigation  Elements Header and Footer
*/




.footer .inner ul li {
display: inline;
}
.footer .inner ul li a {
color:#000;
text-decoration:none;
padding-right:32px!important;
padding-right:30px;
}
.footer .inner ul li a:hover { text-decoration:underline; }			


.welcometxt { float:left; width:39em; padding:2em 0 0 2em; }
.welcomeimg { float:right; width:35em; padding:1em; background-color:#fff; text-align:center; }
.welcometxt p { padding:1em 0em; }


div.clearFloat {
display : block;
height : 0px;
clear : both;
visibility : hidden;
}


h2{
font-size:0.7em;
}


/* Generic Page Layout classes */
.header,
.intro,
.portfolio,
.teamMembers,
.overview,
.footer {
clear:both;
float:left;
width:880px;
padding:0;
margin:0;
background-color:#FFF;
}

.inner {
padding:10px 10px 10px 20px;
overflow:hidden;
}

.header {
height:140px;
height:135px;

}


.header .branding {
height:80px;
padding-top:10px;
}
.branding h1, .branding p { display:none; }



#homePage .intro {
padding:0;
}



.intro .inner {
clear:both;
float:left;
color:#333333;
min-height:170px;
font-size:1.1em;
}
.intro .inner p { width:550px; }
.teamDetails p { width:auto; }
ul.otherRegions { clear:both; margin:0; padding:0; }

.portfolio,
.teamMembers{
background:url(/assets/Picture/bg-portfolio.gif) bottom left repeat-x;
padding-bottom:10px;
}


.portfolio .inner,
.teamMembers .inner {
background:#ecefee url(/assets/Picture/bg-portfolio-top.gif) repeat-x;
padding-top:0px;
}


* html .portfolio .inner {
height:140px;
}

.portfolio h2,
.teamMembers h2 {
height:30px;
padding:10px 0 10px 10px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
background:url(/assets/Picture/blobal-portfolio-highlights.gif) 10px center no-repeat;
}
.portfolio h2 span,
.teamMembers h2 span { display:none; }
.portfolio .col {
float:left;
width:200px;
margin-right:12px;
}

* html .portfolio .col{
display:inline;
}

.portfolio .col img{
padding-top:6px;
}

.portfolio .inner .col a {
color:#65296d;
text-decoration:none;
font-size:0.8em;
display:block;
padding:6px 0 0 0;
}

.portfolio .inner .col a:hover {
text-decoration:underline;
}



.overview{
background: #fff url(/assets/Picture/overview-bg.gif) repeat-y;
}


.overview .col {
float:left;
display:inline;
}
.overview .col .inner { 
clear:both; 
float:left; 
padding-top:20px;

}

.overview .col .inner p { clear:both; color:#999;}
.overview .col h2 span {display:none;}
.overview .col h2 {
text-transform:uppercase;
background-position:10px center;
background-repeat:no-repeat;
height:30px;
padding-left:10px;
display:block;
}

.overview .col.contactus {
background:url(/assets/Picture/world-map.gif) right no-repeat;
}
.overview .col ul { clear:both; float:left; width:200px; padding:10px 0; margin:0; }
.overview .col ul li {
list-style-image:none;
list-style:none;
padding-bottom:0.8em;
}
.overview .col.contactus { width:435px;}
.overview .col.contactus ul li a {
text-decoration:none;
color:#666;
}



.overview .col.contactus .inner { width: 410px; }
.overview .col.news {
width:225px!important;
width:218px;
}


.overview .col.services { width:200px; }
.overview .col.news strong { color:#333; }
.overview .col.services a.right,
.overview .col.news a.right {
float:right;
text-decoration:none;
color:#333;
font-weight:bold;
}

.overview .col.services h2,
.overview .col.news h2 {
width:190px!important;
width:190px;
}

.inner p {
clear:both;
float:left;
padding:0 0 5px 0;
margin:0;
width:100%;
}


.footer { clear:both; float:left; padding:0 0 10px 0; background-color:#e9edec; margin-bottom:10px;}
.footer .inner { 
clear:both;
float:left;
padding:7px 10px 0 20px;
}

p.newsItem{
padding:0px 20px 20px 10px;
}
p.newsItem span, p.newsItem a{
font-weight:bold;
display:block;
} 

p.newsItem a{
text-align:right;
color:#000;
text-decoration:none;
}


.overview .services ul {
margin:0 0 0 11px;
font-size:1.1em;
font-weight:bold;
}

.overview .contactus .inner ul li a{
font-size:1.1em;
font-weight:bold;
color:#000;
}

.overview .services ul li a,
.overview .contactus ul li a,
.newsItem a{
color:#000;
text-decoration:none;
}
.overview .services ul li a:hover,
.overview .contactus ul li a:hover,
.newsItem a:hover{
text-decoration:underline;
}


.overview .contactus .inner{
padding-top:5px;
}
.contactus .inner h3{
font-size:1.3em;
margin-top:0;
padding-top:0;
}


/*  
Image Replacement

*/


.overview .col.contactus h2, 
.overview .col.services h2,
.overview .col.news h2  { 
margin:25px 0 10px 0;
padding:0;
display:block;
width : 146px;
height : 13px;
text-indent:-9999px;
}

.overview .col.contactus h2 { 
background-image:url(/assets/Picture/contact-us.gif);    
margin:25px 0 10px 10px;
}
.overview .col.services h2 { 
background-image:url(/assets/Picture/global-services.gif);
}
.overview .col.news h2 { 
background-image:url(/assets/Picture/latest-group-news.gif); 
}

h2#welcome,
h2#teamNthAmer,
h2#gph,
#teamPage h2#northAmerica{
padding:0;
display:block;			
text-indent:-9999px;			
}

h2#welcome {
margin:25px 0 20px 0px;
background : url(/assets/Picture/welcome-message.gif) no-repeat;
width : 300px;
height : 37px;
}

						



/*
Team Page Specific 

*/

.teamDetails{
float:left;
width:180px;
}

.colA, .colB{
width:250px;
} 



.teamDetails span{
font-weight:bold;
display:block;
padding:0 0 5px 0;
}

.teamDetails img{
display:block;
}

.teamDetails a{
color:#65296d;
text-decoration:none;
font-size:0.75em;
}



.memberDetails{background-color:#fff; width:880px;padding-bottom:20px;}
.memberDetails img{
float:left;
margin:20px 20px 0 20px;
}

.memberDetails .biog{
margin:20px 0 0 0;
width:580px;
font-size:1.1em;
float:left;
}

.memberDetails p{
margin:15px 0 15px 0;
}

.memberDetails .biog h3{
color:#743e7b;
font-size:1.5em;
}

.profileEntry{
float:left;
width:270px;
padding-bottom:20px;
}

.profileEntry img{
float:left;
margin:0 10px 0 0;
width:60px;
height:80px;
}

.profileEntry .title{
float:left;
width:180px;
padding-top:35px;
text-align:left;
}
.profileEntry a{
color:#743e7b;
font-weight:bold;
font-size:1.2em;
display:block;
text-decoration:none;

}

.profileEntry .title span{
display:block;
text-indent: 10px;
}




#profileScroll{
height:200px;
overflow:auto;
overflow-x: hidden;
/* Style scrollbar elements - only applicable to IE 	 
scrollbar-face-color: white; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: white; 
scrollbar-darkshadow-color: white; 
scrollbar-shadow-color: white; 
scrollbar-arrow-color: black; 
scrollbar-track-color: #ecefee;


The inclusion of flexcroll.js allows the use of a custom scrollbar which functions cross-browser/platform
*/	
}


.teamMembers .inner a{
color:#743e7b;
}

.teamMembers .colLeft, .teamMembers .colRight{
	height:1.5em;
	float:left;
	padding:0.5em 0em;
}
.teamMembers .colLeft{
width:600px;
}

.teamMembers .colRight{
text-align:right;
width:245px;
}

.teamMembers .colRight a{
color:#333;
}



/* homepage stuff */
.welcometxt {
padding:3.5em 0 0 2em;
}

.welcometxt  p {
font-size:1.2em;

}
.welcometxt  p a {
color:#000000;
font-weight:bold;
text-decoration:none;
width:auto;
}


.memberDetails iframe {width:100%; height:400px; }





/* TOP NAVIGATION 	**************************************************/
#topnav ul {
	float: left;
	width: 880px;
	list-style: none;
	background: #eaeeed;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0;
background:url(/Assets/Picture/coffee-bg.gif) 43em center #eaeeed no-repeat;
}

#topnav a {
	display: block;
	width: auto;
	w\idth: auto;
	color: #490c51;
	text-decoration: none;
	padding: 0.5em 1.3em;
    font-size: 1em;
}

#topnav li.coffee a {
	display: block;
	width: auto;
	w\idth: auto;
	text-decoration: none;
	padding: 0.5em 1.5em;
	font-size: 1em;
}
#topnav li.coffee a img {
	vertical-align: middle;
}
#topnav a.divider {
	padding: 0.5em 0;
}

#topnav li {
	float: left;
	padding: 0;
	width: auto;
	margin: 0;
}

#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.2em;
	font-weight: normal;
	border: 0px;
	margin: 0;
	padding: 0;
    background: transparent;
	border-bottom: 1px solid #CECACB;
}

#topnav li li {
	padding-right: 1em;
	width: 15em;
	border: 1px solid #CECACB;
	border-bottom:0;
	/*-moz-border-radius: 3px;
	border-radius: 3px;*/
	background: #DEDCDF;
	/*background: url(../img/dropdownbg.png)*/
}

#topnav li ul a {
   color:#490c51;
}
#topnav li ul a:hover {
   color:#490c51;
}

#topnav li ul ul {
	margin: -1.9em 0 0 14.5em;
    background: transparent;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
}

#topnav li:hover, #topnav li.sfhover {
	background: #ececec;
}