html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#E9E9E9;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:.9em;
} 
  
#pagewidth{ 
padding-left:20px;
padding-right:20px;
 background-color:#ffffff;
 width:90%;
 min-width:720px;
 max-width:945px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

#header {
 position:relative; 
 height:75px; 
 width:100%;
 background-image:url(../images/top_logo.jpg);
 background-repeat:no-repeat; 
 background-position:5px 0px;
} 

#header strong {
display:none;
}

/* login line */
#header a {
position:relative;
height:20px;
padding-left:11px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0C7BD9;
text-decoration:none;
display:block;
width:95%;
height:20px;
text-align:right;
top:42px;
}

#header a:hover {
color:#FF9900;
}

#navigation ul, #navigation li {
list-style-type: none;
margin:0;
padding:0;
}

#navigation ul {
height: 29px;
width: 100%;
background:url(../images/navigation_bar.gif) top left repeat-x;
}

#navigation li {
display: inline;
float:left;
}

#navigation li a {
display: block;
height: 29px;
line-height: 40px;
color: #E2C6BA;
font-size: 18px;
font-family: georgia, serif;
text-decoration: none;
}

#navigation a#menu1 {
width:81px;
background:url(../images/home.gif) top left no-repeat;
}

#navigation a#menu2 {
width:85px;
background:url(../images/about.gif) top left no-repeat;
}

#navigation a#menu3 {
width:200px;
background:url(../images/services.gif) top left no-repeat;
}

#navigation a#menu4 {
width:142px;
background:url(../images/case_studies.gif) top left no-repeat;
}

#navigation a#menu5 {
width:82px;
background:url(../images/news.gif) top left no-repeat;
}

#navigation a#menu6 {
width:160px;
background:url(../images/contact_details.gif) top left no-repeat;
}

#navigation a#menu1:hover, #navigation a#menu2:hover, #navigation a#menu3:hover, #navigation a#menu4:hover, #navigation a#menu5:hover, #navigation a#menu6:hover {
background-position: 0% -29px;
}
#navigation li a span {
display:none;
}

#masthead {
width:100%;
height:100px;
background:url(../images/masthead_bar.jpg) repeat-x;
padding-bottom:40px;
}

#masthead h1 {
position:relative;
left:22px;
top:-80px;
font-family:Arial, Helvetica, sans-serif;
font-size:33px;
color:#ffffff;
font-weight:normal;
float:left;
padding-bottom:0px;
margin-bottom:0px;
}

#pageimage {
position:relative;

width:100%;
height:132px;
background:url(../images/masthead_three_figures.jpg) no-repeat right;
float:right;
}


#leftcol{
 width:22%; 
 float:left; 
 position:relative; 
 }
 
#leftcol h2 {
color:#5D9BCF;
font-size:1.3em;
}

#leftcol ul {

}
 
#leftcol li {
list-style-type:none;
list-style-position:outside;
margin-bottom:20px;
margin-left:-17px;
}
 
#leftcol a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
color:#62A1D7;

}

#leftcol a:hover {
color:#21527A;
}
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:72%; 
 padding-right:30px;
 }
 
.intropara {
color:#1E4E75;
font-size:1.4em;
margin-left:0;
}

#maincol p {

line-height:22px;
}

#maincol h2 {
color:#5D9BCF;
font-size:1.3em;
}

#maincol a {
color:#000000;
}

#maincol ul li {
/*text-indent:30px;*/

padding-left:10px;
}

#maincol li {

list-style-image:url(../images/square.gif);
margin-bottom:.7em;
list-style-position:outside;

}

.pageimage {
padding-right:40px;
margin-left:40px;
}

.clientname1 {
background:#EFF4F8;
}

.clientname2 {
background:#D4E2EE;
}

.clientname1, .clientname2 {
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
color:#365F83;
}

.clientname1 em, .clientname2 em {
padding-left:20px;
color:#000;
}


.clientname1 a, .clientname2 a {
padding-left:5px;
text-decoration:none;
color:#365F83;
font-weight:bold;
}

.clientname1 a:visited, .clientname2 a:visited {
color:#660099;
}

.clientname1 a:hover, .clientname2 a:hover {
color:#F36D0A;
}

a.external span
{
position: absolute;
left: -5000px;
width: 4000px;
}

a.external:link
{
background: url(../images/icon.gif) no-repeat 100% 0;
padding: 0 20px 0 0;
text-decoration:none;
}
a.external:visited
{
color: purple;
background: url(../images/icon.gif) no-repeat 100% -100px;
padding: 0 20px 0 0;
text-decoration:none;
}
a.external:hover
{
color: red;
background: url(../images/icon.gif) no-repeat 100% -200px;
padding: 0 20px 0 0;
text-decoration:none;
}



#footer{
margin-top:10px;
margin-bottom:10px;
background:url(../images/footer_bar.gif) repeat-x;
background-position: 0px 2px;
 height:90px; 
 clear:both;
 width:100%;
 } 
 
#footer ul {
list-style-type:none;
display:block;
height:50px;
background:url(../images/footer_logo.gif) right no-repeat;
} 
 
#footer li {
float:left;
}

#footer li a {
color:#FFFFFF;
text-decoration:none;
display:block;
vertical-align:bottom;
padding-top:10px;
padding-right:20px;
}

#footer li a:hover {
font-weight:bold;
}

#footer p {
margin-left:40px;

color:#999999;
font-size:12px;

}
 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{
display: inline-block;
}

/* mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* mac */  


 
/*printer styles*/ 
@media print{ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;
	}
}