html, body {
    height: 100%;                                                                   /* Make sure the document takes up the whole window. */
    margin: 0 auto;                                                                    /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
    padding: 0;                                                                     /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
	font-size: 11px;	
	color: #333333;	
	background-color: #ececec;
}


div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
    margin-top: -300px;                                                              /* Half the height of div#blueBox. */
    float: left;
}


div#wrapper {

    background-color: #ffffff;
	text-align: left;
	margin: 20px auto 0;
	width: 955px;
	height: 600px;
       
    clear: both;
    
   

}

ul,li {
	margin: 0px;;
	padding: 0px;
}

a:link {
	text-decoration: none;;
	color: #720027;
	font-weight: normal;
}

a:active {
	text-decoration: none;;
	color: #720027;
	font-weight: normal;
}

a:visited {
	text-decoration: none;;
	color: #720027;
	font-weight: normal;
}

a:hover {
	text-decoration: none;;
	color: #3F4C66;
	font-weight: normal;
}

a.selected {
	text-decoration: none;
	color: #3F4C66 !important;
	font-weight: normal;
}

#bottomNaviSpan a:link {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}


#bottomNaviSpan a:visited {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}



#bottomNaviSpan a:active {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}


#bottomNaviSpan a:hover {
	text-decoration: none;
	color: #720027;
	font-weight: normal;
}

#footer { width: 955px; position: relative; margin: 0 auto; text-align: left; padding-top: 5px;}

#header { height:  80px; padding: 20px 20px 0 0;}
#header .logo {float: right;}

#content {height: 501px;}
#content .leftCol {float: left; width: 220px; padding-top: 96px; padding-left: 5px; }

#content .contentCol {float: left; width: 730px; #width: 731px;}
#content .middleShortCol {float: left; width: 405px; margin: 0 40px 0 0;}
#content .rightLongCol {float: right; width: 270px; padding-top: 33px;}

#content .rightLongColLow {float: right; width: 270px; padding-top: 97px;}

#content .middleLongCol {float: left; width: 496px; margin: 0 40px 0 0;}
#content .rightShortCol {float: right; width: 179px; padding-top: 33px;}



.middleShortColHome {float: left; width: 390px; padding: 0 8px 0 62px; #padding-left: 64px; #width: 388px;}
.rightLongColHome {float: left; width: 270px; padding-top: 33px;}


.justContent {height: 349px;}

.float_right {float: right;}

.rightmenuoff {
	list-style-image: url(/images/bullet_red.gif);
	list-style-position: outside;
}

.rightmenuon {
	list-style-image: url(/images/bullet_grey.gif);
	color: #9ca4b6;
	list-style-position: outside;
}

ul { /*border:1px solid;*/
	padding: 0px 0px 0px 20px;
}

li { /*border:1px solid;*/
	padding: 0px 0px 0px 0px;
}

img {
	border: 0px;;
	margin: 0px;;
	padding: 0px;
}

td,th,select,a,p,h1,h2,input,footertxt {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

p {
	padding: 0px;;
	margin: 0px;;
	margin-bottom: 10px;
}

.mainTextContent {padding-top: 9px;}

#personName p{width: 300px; height: 30px; margin: 0px; padding: 0px;}

#subtitle p{height: 20px; margin-bottom: 10px; padding: 0px;}

#serviceTitle p{width: 300px; height: 30px;}

#projectsList li {list-style-image:url(/images/bullet_red.gif); list-style-position:outside;}


#DIVnav {margin-left: 81px;}

#pContent {height: 225px; left:0px;}

#pKeyFacts {height: 225px; left:0px; width:260px;}
#pKeyFacts table {width: 100%;}


#parentContent a{height: 230px; left:0px;}

.servicProjectList ul li
{
	list-style-image:url(/images/bullet_red.gif);
	list-style-position:outside;
}

.workforus ul li
{
	list-style-image:url(/images/bullet_red.gif);
	list-style-position:outside;
}

#pContent ul{
	text-align: left;
}

#pContent ul li
{
	list-style-image:url(/images/bullet_red.gif);
	list-style-position:outside;
	color: #333333;
	
}


p.MsoNormal{padding: 0px; margin: 0px;}
p.normalp1 {padding: 0px; margin: 0px;}


#slideLayer {width: 389px; left: 0px; top: 111px; position: absolute; height: 166px; #height: 173px; background-color: #F2F2F2; display: none; margin: 0 !important; padding: 10px 0 0 0; }
#slideLayer .mini_cs_layer {float: left;width: 117px; margin: 5px; overflow: hidden;}
*html #slideLayer .mini_cs_layer {float: left;width: 117px; margin: 4px; overflow: hidden;}

#pupDownBar {cursor: pointer; position: absolute; top: 0px; left: 0px;}

#opacityOverLayer ul li {padding-bottom: 3px; }
#opacityOverLayer ul li a {font-size: 11px;}

.downloads { border-top:1px solid #E8E8E8; margin-top:20px; padding-top:10px;}
.downloads #pdfDownloads p { height: 16px; margin-bottom: 10px; padding: 0px; }
.downloads ul { padding:0;margin:0; }
.downloads ul li { width:200px; float:left; list-style-type: none; margin-bottom:10px;}
.downloads ul li a { display:block; padding:3px 0px 3px 20px; background-image:url('/images/pdf.gif'); background-repeat: no-repeat;}

.news_featured ul { padding:15px 0px 10px 25px; }
.news_featured ul li { list-style-type: square; color:#720027; padding-bottom:5px;}

.meet_people { padding:0; margin:0; }
.meet_people li { list-style-type:none; }
.our_people_uk a { background-image: url('/images/meet_uk.gif'); background-repeat: no-repeat; display: block; width: 270px; height: 19px; background-position: top;}
.our_people_uae a { background-image: url('/images/meet_uae.gif'); background-repeat: no-repeat; display: block; width: 270px; height: 19px; background-position: top;}
.our_people_uk a.expanded, .our_people_uae a.expanded { background-position: 0 -19px;} 

.meet_people li { padding-bottom:15px; }
.meet_people li ul { padding:15px 0 0 22px; display: none;}
.meet_people li ul a { background: none; width: auto; height: auto;}
.meet_people li ul li { padding:0; }
.workforus ul { padding:15px 0 0 12px; }

/*
 *
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 *
 */

/* Hide from IE5mac \*//*/
    div#shim {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */