body, html, #container { min-height: 100%; }

body {
	font-family: Palatino, "Times New Roman", serif;
	font-weight: 100;
	color: #303030;
	padding: 0;
	margin: 0;
	background: #fff;
	font-size: 76%;
}


#container { 
position: relative;
width: 650px;
background: #fff;
padding: 10px 10px 0 10px;
margin: 0 auto;
border-right: solid #dc0000 20px;
}



.site_id {
width: 100%;
font-family: "Gill Sans","Helvetica Neue", Helvetica, Geneva, Arial, Tahoma, Verdana, sans-serif;
font-weight: 100;
padding: 20px 0 0 0;
margin: 0px 0px 56px 0px;
}

.sub_site_id {
margin: 0 0 0 12em;
padding: 0;
height: 160px;
}

.site_id img {

padding: 0;
margin: 0 13px 28px 0;
}



.aboutus #sublogo,
.contactus #sublogo,
.clients .sub_site_id {
visibility: hidden;
}



#footer {
	font-family: "Gill Sans","Helvetica Neue", Helvetica, Geneva, Arial, Tahoma, Verdana, sans-serif;
width: 30em;

margin: 100px 0 0 0; 
text-align: left;



}







#content { line-height: 1.5;

/*margin: -3px 2em 0 12em;*/
margin: -0.3em 13em 0 12em;
padding: 0 1em 10px 0;
/*position: absolute;
top: 328px;
left: 10px;*/}



#content p { margin: 1em 0 1em 0; 
padding: 0;}

#content ul { margin: 1em 0 1em 0; 
padding: 0;}




#content h3:first-child {
	margin-top: 0;
}
/* Brings IE5.2Mac into the design */


h1, h2, h3, h4 { font-family: "Gill Sans","Helvetica Neue", Helvetica, Geneva, Arial, Tahoma, Verdana, sans-serif;
 font-weight: 100;
}
h2 {font-size: 3em;
margin: 0 0 1em 0;
padding: 0; 
line-height: 0.8;

}

h3 {font-size: 1.5em;
/*margin: 2em 0 -0.5em 0;*/

margin: 2em 0 -0.5em 0;
padding:0;

line-height: 1;
color: #4b4b4b;}

h4 {font-size: 1em;}

.clients h3 { font-size: 1em;
line-height: 1.5em;}

.contactus h3 { font-size: 1em;
line-height: 0.8;
word-spacing: 0.4em;
padding-top: 0.4em;}

br { clear:both; }



#navigation {
position: absolute;
top: 322px;
left: 10px;
font-family: "Gill Sans","Helvetica Neue", Helvetica, Geneva, Arial, Tahoma, Verdana, sans-serif;
font-weight: 100;
font-size: 0.9em;
width: 12em;
}

.clients #navigation { width: 13em;
}

#subnavigation {
width: 13em;
}


ul {
list-style-type: none;
margin: 0;
padding: 0 10px 0 0;
}

#navigation li { background: #dc0000;
margin: 1em 0 1em 0;}

#navigation li li { background: white; 
margin: 0;
padding: 0.5em 0;}
ul ul { background: white; }

li a {
display: block;
border: white solid 1px;
/*border-left: #dc0000 solid 1.5em;*/
padding: 0.1em 0.5em;
margin: 0 0 0 1.5em;
text-decoration: none;
background: white;
height: 1em;

}

head:first-child+body li a {
height: auto;
}

li a:link {
color: #303030;
}

li a:visited {

}

li a:hover {
border: #dc0000 solid 1px;
/*border-left: #dc0000 solid 1.5em;*/
}

li a:active {

}


li a:hover {
border: #dc0000 solid 1px;
}


.home li a#home,
.aboutus li a#aboutus,
.clients li a#clients,
.clients li li a#this,
.contactus li a#contactus
 {
border: #dc0000 solid 1px;
/*border-left: #dc0000 solid 1.5em;*/
}

li li a {
border: #fff solid 1px;
}

li li a:hover {
border: #dc0000 solid 1px;
/* border-left: #dc0000 solid 2px; */
}

ul ul {
list-style-type: none;
/*list-style-image: url(bullet.gif);*/
margin: 0 0 0 0;
padding: 0;
font-size: 1em;
}

/*img { border: solid 1px transparent; }*/
/*a img { position: absolute; }*/
a:hover img { border: solid 1px #dc0000; }

img#1 {top: 0px;
left: 210px;}

img#2 {top: 0px;
left: 310px;}

img#3 {top: 100px;
left: 210px;}

img#4 {top: 100px;
left: 310px;}

img#5 {top: 0px;
left: 410px;}

img#6 {top: 0px;
left: 510px;}

img#7 {top: 100px;
left: 410px;}

img#8 {top: 100px;
left: 510px;}

img#9 {top: 170px;
right: 20px;}

.clients #content {
margin-left: 20em;
margin-right: 13em;
}

#illustrations {
width: 400px;
height: 28em;
margin: 0 0 0 -25px;
padding: 0.5em 0 0 0;
}

#illustrations img {

padding: 0;
margin: 0 13px 13px 0;
}

p {
padding: 0;
margin: 0;
}

a {color: black;}