body {
	background: #FFFFFF url(../images/bg/masterbg.jpg) top center no-repeat;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 75%;
	color:#575656;
	margin: 0;
	padding: 0;
}

.clear
{
clear:both;
}

h1
{
font-family: "Trebuchet MS", sans-serif;
margin: 0px 0px 0px 0px;
font-size: 22px;
color: #549DD3;
}

h2
{
font-family: "Trebuchet MS", sans-serif;
margin: 0px 0px 10px 25px;
color: #666666;
}

.pharkTitle {text-indent:-9999px; display:block}
.pharkLink a {text-indent:-9999px; display:block}




/* main container */
#container
{
width: 910px;
margin: 0 auto;
position:relative;
}

/* header */
#header
{
border: 0px solid #e4e4e4;
height: 60px;
margin-top: 20px;
margin-bottom: 20px;
}

#header .logo
{
margin-left: 675px;
}

#header #menubar
{
font-family: 'Trebuchet MS', Georgia, Arial;
margin: 40px 0 0 30px;
float: left;
width: 650px;
height: 32px;
z-index: 99 !important;
position: relative;

}

/*** dropdown ***/

#menubar ul { /* all list items */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#menubar li { /* all list items */
	float: left;
	position: relative;
	height: 32px;
	width: 130px;
	font-size: 20px;
}

#menubar li.whoweare { /* all list items */
	
	width: 150px!important;
	
}

#menubar li.clients { /* all list items */
	
	width: 105px!important;
	
}


li ul.dropdown { /* second-level lists */
	position: absolute;
	left: -9999px;
	margin-left: 10px;
	margin-top: 0px;
	z-index:90;
}



#nav li:hover ul,  #nav li.sfhover ul { /* lists nested under hovered list items */
	/*display: block;*/
	left: 0px;
	top: 0px;
	}
	


* html #oldnav li li {
height:1%;
}


#menubar ul ul
{
background-color: none;
font-size: 20px;
padding-right: 0px;
/* ie only fix to push UL down as it is seeing top as top of menu not relative to parent UL 
margin-top:expression(32 + "px");*/
margin-top:25px;
opacity: 0.90;
filter: alpha(opacity=90);
}



#menubar ul.dropdown li
{
border-bottom: 1px dashed #FFFFFF;
*margin:0 0 -3px 0;

}


#menubar li li a:hover
{
color: #495056;

}

/** Support for the "iehover-fix.js"  otherwise you are left with the iframe pushing the nested UL down the page **/
#nav iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}




#menubar li a{ /* all list items */

color: #5F829E;

	font-weight:normal;
	text-decoration:none;
}

#menubar li li
{
float: none;
color: #5F829E;
background-color:#C3DDF8;
width: 130x;
padding-top: 5px;
font-size: 18px;
height: 26px;
}

#menubar li li a
{

padding-left: 15px;
font-family:  'Trebuchet MS' Arial, Times, serif;
color: #5F829E;
}

#navWho {width:96px; height:18px; background:url('../images/titles/nav_who-we-are.png') no-repeat;}
	#navHistory {width:60px; height:29px; background:url('../images/titles/drop_who.png') no-repeat;}
	#navSenior {width:90px; height:29px; background:url('../images/titles/drop_who.png') 0 -32px no-repeat;}
	#navLatest {width:90px; height:29px; background:url('../images/titles/drop_who.png') 0 -64px no-repeat;}

li#navExpertise {width:120px;} 
#navExpertise {width:72px; height:18px; margin:1px 0 0 0; background:url('../images/titles/nav_expertise.png') no-repeat;}

#navPortfolio {width:96px; height:18px; background:url('../images/titles/nav_portfolio.png') no-repeat;}
	#navDesign {width:60px; height:29px; background:url('../images/titles/drop_portfolio.png') no-repeat;}
	#navInteractive {width:90px; height:29px; background:url('../images/titles/drop_portfolio.png') 0 -32px no-repeat;}
	#navSoftware {width:90px; height:29px; background:url('../images/titles/drop_portfolio.png') 0 -64px no-repeat;}


li#navClients {width:116px;} 
#navClients {width:72px; height:18px; margin:1px 0 0 0; background:url('../images/titles/nav_clients.png') no-repeat;}
#navContact {width:72px; height:18px; margin:1px 0 0 0; background:url('../images/titles/nav_contact.png') no-repeat;}

/** end **/

#breadcrumb
{
position: relative;
clear: both;
margin-left: 27px;
margin-top: -7px;
padding: 0px 0 3px 0;
font-size: 110%;
}

#breadcrumb a
{
color: #005a76;

}

#fullexpandable .body .promographic
{
float: left;
width: 190px;
margin-top: -10px;
margin-left: 30px;
}

#fullexpandable .body .promographic img
{
border: 3px solid #CCCCCC;
}

#fullexpandable .body .promotext
{
font-size: 110%;
margin-left: 250px;
width: 550px;
}

#fullexpandable .body .promotext a
{
color:#016599;
}

#fullexpandable .body .promotext h2
{
margin: 0;
font-size: 110%;
color: #000000;
font-family: "Trebuchet MS", sans-serif;
padding-bottom: 0!important;
border-bottom: 0;
}

#fullexpandable .body .promotext h2 a
{
color: #000000;
text-decoration: none;
margin-right: 20px;
}
#fullexpandable .body .promotext h2 a:hover
{

text-decoration: underline;
}

#fullexpandable .body .promotext h3
{
margin: 0;
font-size: 105%;
color:#016599;
}

#fullexpandable .body .promotext h3 a
{
margin: 0;
color:#016599;
text-decoration: none;
font-weight: normal;
}


#searchexpandable
{
margin-top: 0px;
width: 235px;
margin-bottom: 10px;
opacity: 0.8;
filter: alpha(opacity=80);
zoom: 1;
}

#searchexpandable SELECT
{
background-color: #FEFFFF; 
 color: #666666; 
border: 1px solid #005a76;
font-family: 'Trebuchet MS' Geneva, Arial, Helvetica, sans-serif;
margin-top: 6px;
width: 150px;
padding: 2px;

}


#searchexpandable .top
{
margin:1px 0 0 0;
padding:20px 0 0 0;
background: url(../images/bg/box_search_233_top_C.png) top left no-repeat;
xbackground: url(../images/bg/box_search_top.png) top left no-repeat;
min-height: 221px;
height: auto !important; 
height: 221px; 
text-align:left;
}

#searchexpandable .topCaseStudies
{
margin:0 0 0 0;
padding:20px 0 0 0;
background:#FFFFFF;
min-height: 221px;
height: auto !important; 
height: 221px; 
text-align:left;
border: 0px solid #999999;
}


#searchexpandable .portfolio_form
{
margin: 0px 10px 0px 20px;
}

#searchexpandable .worklists
{
margin: 0px 10px 0px 20px;
}

#searchexpandable .worklists ul
{
margin: 0;
padding: 0px 0px 0px 0px;
list-style:none;
width:180px;
}

#searchexpandable .worklists li
{
padding-bottom: 2px;
padding-left: 8px;
background:url(../images/icons/icon_blue-arrow.png) 0 5px no-repeat;
}

	#searchexpandable .worklists li a 
	{
	color:#575656; 
	text-decoration:none;
	
	 }
	 
	 #searchexpandable .worklists li a:hover
	{ 
	text-decoration:underline;
	 }

#searchexpandable .worklists ul lh
{
color:#3289C9;
font-weight: bold;
}

#searchexpandable .footer
{
background: url(../images/bg/box_search_233_bottom.gif) bottom left no-repeat;
height: 24px;
}

#searchexpandable .footerCaseStudies
{
background: url(../images/bg/box_search_casestudies_bot.png) bottom left no-repeat;
height: 24px;
}

#footer_container{
background-color: #333333;
opacity: 0.8;
filter: alpha(opacity=80);
zoom: 1;
width: 100%;
padding-bottom: 30px;
padding-top: 20px;
}

#footer
{
width: 980px;
margin: 0 auto;

}

#footer .header
{
xbackground: url(../images/bg/box_footer_902_top_B.gif) top left no-repeat;
height: 23px;
}

#footer .body
{
xbackground: url(../images/bg/box_footer_902_side_B.gif) top left no-repeat;
height: 143px;
padding-left: 30px;
}

#footer .footer
{
xbackground: url(../images/bg/box_footer_902_bottom_B.gif) bottom left no-repeat;
height: 23px;
}

#footer ul
{
margin:0px 0 0 35px;
padding:4px 0 0 0;
list-style: none;
}

#footer li h4.footerTitle 
{
margin:0px 0px 10px 0px; 
padding:0px 0px 0px 0px;
}

#mostPopular {width:152px; height:18px; background:url('../images/titles/title_most-popular-pages.png') no-repeat;}
#latestClient {width:131px; height:15px; background:url('../images/titles/title_latest-client-work.png') no-repeat;}
#contactTitle {width:58px; height:13px; background:url('../images/titles/title_contact.png') no-repeat;}

#footer ul.footerLinks
{
margin:0 0 0 0;
padding:0;
}

#footer ul li
{
padding:0 0 4px 5px;
float: left;
width: 286px;
}

#footer ul ul.footerLinks li
{
width: 90%;
border-left: 1px solid #FFFFFF;
}


#footer li
{
color: #CCCCCC;
font-family: "Trebuchet MS", sans-serif;
font-size: 130%;
}

#footer li a
{
color: #CCCCCC;
}



#footer ul ul li
{
font-family: "Trebuchet MS", sans-serif;
border-left: 0;
font-size: 85%;
}