* {
	margin:0;
	padding:0;
}
body
{
	padding: 0px;
	background-color: #0f111d;
	color: black;
	font-family: Arial,Verdana,Helvetica;
	margin: 0px;
	height: 100%;
	font-size:.75em;
}
img
{
	border:0;
	padding:0;
	margin:0;
}

#mainwrapper
{
	width: 800px;
	min-height: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	line-height:1em;
	padding:0;
	background-color: #fff;
}
#mainwrapper > #content
{
	min-height:400px;
	height:auto;
}
body > div#mainwrapper
{
	width:80%;
	min-width:800px;
}
#mainwrapper #header
{
	height:146px;
	width:800px;
	background:url(img/header-bg.jpg) repeat-x;
}
body > div#mainwrapper > div#header
{
	width:100%;
	min-width:800px;
}
#mainwrapper #header #logo
{
	margin-top:18px;
	margin-left:90px;
	float:left;
}
#mainwrapper #header #people
{
	float:right;
}
#mainwrapper #nav
{
	border-top:1px solid #6c75aa;
	height:33px;
	width:800px;
	background:#6c75aa url(img/nav-bg.jpg) repeat-x;
}
body > div#mainwrapper > div#nav
{
	width:100%;
	min-width:800px;
}
#mainwrapper #nav ul
{
	margin:0;
	padding:0;
	list-style:none;
	height:33px;
	clear:both;
}
#mainwrapper #nav li
{
	display:block;
	height:33px; 
	overflow:hidden;
	margin:0;
	float:left;
	padding:0;
	border-right: 1px solid #6c75aa;
}
#mainwrapper #nav li a {
	display: block;
	margin: 0;
	text-align:center;
	background:#6c75aa url(img/nav-bg.jpg) repeat-x;
	text-decoration: none;
	padding:0;
	white-space:nowrap;
	line-height:35px;
	color:#FFF;
	padding: 0 6px 0 6px;
} 
#mainwrapper #nav li a:hover, #mainwrapper #nav li a.sel {
	background-position: 0 -33px;
	color:#FFF;	
}
#mainwrapper #content{
	padding:0;
	line-height:1.5em;
	background-color:#fff;
}
#mainwrapper #content #gridtop {
	background-color:#00448d;
	color:white;
	width:800px;
	height:40px;
}
div#mainwrapper > div#content > div#gridtop {
	width:100%;
	min-width:800px;
}
#mainwrapper #content #gridtop h1{
	font-size:110%;
	text-align:center;
	padding-top:5px;
}
#casestudiesheading 
{	
	background-color:#00448d;
	color:white;
	width:800px;
	height:50px;
}
div#mainwrapper > div#content > div#casestudiesheading 
{
	width:100%;
	min-width:800px;
}
#casestudiesheading h2
{
	font-size:100%;
	width:160px;
}
#casestudiesheading div
{
	float:left;
	font-size:90%;
	background-color:#00448d;
	height:50px;
	padding:0;
	line-height:4em;
}
#casestudiesheading div.caseheading1, #casestudies div.casecontent1
{
	padding-left:25px;
	width:190px;
}
#casestudiesheading > div.caseheading1, #casestudies > div.casecontent1
{
	min-width:190px;
	width:25%;
}
#casestudiesheading div.caseheading2, #casestudies div.casecontent2 { width:195px; }
#casestudiesheading > div.caseheading2, #casestudies > div.casecontent2 { min-width:195px; width:22%;}
#casestudiesheading div.caseheading3, #casestudies div.casecontent3 { width:195px; }
#casestudiesheading > div.caseheading3, #casestudies > div.casecontent3 { min-width:195px; width:22%;}
#casestudiesheading div.caseheading4, #casestudies div.casecontent4 { width:195px; }
#casestudiesheading > div.caseheading4, #casestudies > div.casecontent4 { min-width:185px; width:22%;}
#casestudies
{
	font-size:110%;
}
#casestudies h3 
{
	font-size:100%;
	padding:20px 0 0 0;
}
#mainwrapper #content #casestudies div ul
{
	margin:15px 0 0 0;
	width:190px;
	font-size:90%;
	
}
#mainwrapper > #content > #casestudies > div > ul
{
	min-width:190px;
	width:95%;
}
#casestudies div
{
	float:left;
	font-size:90%;
	background-color:white:
	padding:0;
}
div.gridrowheading
{	
	background-color:#00448d;
	color:white;
	width:100%;
	height:40px;
}

div.gridcolheading1 h2, div.gridcolheading2 h2, div.gridcolheading3 h2 {
	font-size:100%;
	width:230px;
}

div.gridrowheading > div.gridcolheading1 > h2, div.gridrowheading > div.gridcolheading2 > h2, div.gridrowheading > div.gridcolheading3 > h2 {
	min-width:230px;
	width:100%;
}

div.gridrowheading div
{
	float:left;
	width:240px;
	font-size:90%;
	height:40px;
}
div.gridrowheading div.gridcolheading1
{
	padding-left:80px;
}
div.gridrowheading > div
{
	width:30%;
	min-width:240px;
}
#mainwrapper #content div.gridrow
{
	border-bottom:1px solid #b9c8ec;
	width:800px;
}
div#mainwrapper > div#content > div.gridrow
{
	width:100%;
	min-width:800px;
}
div.gridrow div.gridcol1, div.gridrow div.gridcol2, div.gridrow div.gridcol3
{
	float:left;
	width:240px;
	font-size:90%;
	overflow:hidden;
}
div.gridrow > div.gridcol1, div.gridrow > div.gridcol2, div.gridrow > div.gridcol3
{
	min-width:240px;
	width:30%;
}
div.gridheading
{
	float:left;
	width:52px;
}
#mainwrapper #content #contentimage
{
	float:left;
	width:100px;
	margin:20px 0 0 0;
	display:inline;
}
#mainwrapper #content #contentimage img
{
	
	margin:0 0 0 20px;
}
#mainwrapper #content #main
{
	margin:0 0 0 40px;
	width:530px;
	float:left;
	display:inline;
}
#mainwrapper > #content > #main
{
	min-width:530px;
	width:60%;
}


form br
{
	clear:both;
}
form .required
{
	color:red;
}
form label
{
	margin:5px 0 0 0;
	width:150px;
	display:block;
	float:left;
}
form label.wide
{
	width:auto !important;
}
form input
{
	margin:5px 0 0 0;
	width:200px;
	float:left;
}
form input#submit
{
	margin:10px 0 0 0;
	width:auto;
}
form textarea
{
	margin:5px 0 0 0;
	width:350px;
	height:100px;
}
/* Registration Form */
#registration
{
	padding:5px;
	width:350px;
	line-height:20px;
}
#registration span
{
	color:red;
	display:block;
	float:left;
	margin:0 0 0 2px;
}
#registration label
{
	margin:5px 10px 0 0;
	width:170px;
	display:block;
	float:left;
	background-color:rgb(250,250,250);
}
#registration input {
	margin:5px 0 0 0;
	width:150px;
	float:left;
	display:block;
}
#registration input#submit
{
	margin:10px 20px 0 0;
	float:right;
	width:auto;
}
#registration p.small
{
	font-size:80%;
	float:left;
}
#mainwrapper #content #main p
{
	margin:3px 0 10px 0;
}
#mainwrapper #content #main p.error{
	color:red;
}
#mainwrapper #content #main p.article{
	width:400px;
	margin:0 0 0 15px;
}
#mainwrapper #content #main p.quote{
	color:red;
	width:300px;
	margin:10px 0 0 30px;
}
#mainwrapper #content #main p.contact{
	width:300px;
}
#mainwrapper #content #main ul,#mainwrapper #content div ul{
	margin:0 0 10px 10px;
	width:400px;
	list-style:none;
}
#mainwrapper > #content > #main > ul,#mainwrapper > #content > div > ul{
	min-width:400px;
	width:100%;
}
#mainwrapper #content #main #contact
{
	width:250px;
	float:left;
}
#mainwrapper #content div ul{
	margin:0 0 0 30px;
	width:220px;
	list-style:none;
}
#mainwrapper #content #main ul li,#mainwrapper #content div ul li{
	margin:2px 0 0 0;
	background-image:url(img/red-bullet.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	background-position:0 0;
}
#mainwrapper #content #main h1, #mainwrapper #content #main .heading1 {
	margin:20px 0 0 -5px;
	background-image:url(img/h1-bg.jpg);
	background-repeat:no-repeat;
	color:#fff;
	font-size:100%;
	font-weight:normal;
	height:30px;
	width:344px;
	padding:0 0 0 15px;
	line-height:26px;
}
#mainwrapper #content #main h2 {
	color:#000;
	font-size:100%;
	font-weight:bold;
	line-height:1.25em;
}
#mainwrapper #content #main img.staffphoto
{
	float:right;
}
#mainwrapper #content #main img.contactmap
{
	float:right;
	margin:10px 0 0 0;
}
#footertop {
	height:37px;
	background:#fff url(img/footer-top.jpg) no-repeat;
	width:800px;
}
#footer
{
	color:#fff;
	width:800px;
	background-color:#2b3151;
	height:42px;
	font-size:90%;
}
div#mainwrapper > div#footer, div#mainwrapper > div#footertop 
{
	width:100%;
	min-width:800px;
}
#footer #copyright
{
	height:42px;
	width:500px;
	float:left;
}
#footer #copyright p
{
	margin:20px 0 0 10px;
}
#footer #phone 
{
	height:42px;
	float:right;
	width:300px;
}
#footer #phone p
{
	margin:20px 10px 0 0;
	text-align:right;
}
.clear
{
	height:0;
	clear:both;
	padding:0;
	margin:0;
	line-height:0px;
	font-size: 0;
}
#bloglist li strong  a
{
	text-decoration:none;
	font-size:120%;
}
