html, body
{
	text-align: center;
}

body 
{
	background-color:#333; /* TODO */
	font-size:10px;
	border:0;
	margin:0;
}

#outerwrapper
{
	width:770px;
	text-align:left;
	margin:0 auto 0 auto;
	background:#fff;
}

#wrapper
{
	padding:0;
	margin:0;
	width:770px;
	background-color:#fff;
}

#wrapper.home
{
	background:#fff url(../images/home.jpg) no-repeat right 0px;
}

#header
{
	padding:0;
	margin:0px;
	width:770px;
	height:116px; /* TODO */
	background-color:#030; /* HACK */
	background:#fff url(../images/corbyn-head.gif) no-repeat left 0px;
}

#content
{
	width:445px;
	padding:0;
	margin:30px;
	float:left;
	min-height:400px;
	display:inline;
}

#contentRight
{
	width:238px;
	float:left;
	margin-top:30px;
}

#nav
{
	padding:0;
	height:26px;
	width:474px;
	float:left;
	margin:90px 0px 0px 0px;
}

#logo {
	float:right;
	height:76px;
	width:267px;
	margin:43px 0px 0px 0px;
}

#logoTitle { 
	padding: 32px 0 0 0;
	width: 171px;
	margin:0;
	background-image: url(../images/logo.gif);  /* HACK */
	background-repeat: no-repeat; 
	overflow: hidden; 
	height: 32px; 
	voice-family: "\"}\""; voice-family:inherit; height: 0; 
}

#logoInfo { 
	padding-top: 35px;
	width: 252px;
	background-image: url(../images/info.gif);  /* HACK */
	background-repeat: no-repeat; 
	overflow: hidden; 
	height: 35px;
	voice-family: "\"}\""; voice-family:inherit; height: 0; 
}


#footer
{
	text-align:left;
	padding:20px 40px;
}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.none {clear: none}
.clearWithMargin {clear:both;height:20px;}
.centred, .centered {text-align:center;width:100%;}


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

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*  -------------------------------------------------------------------------
	Nav
    ------------------------------------------------------------------------- */

#nav ul {margin:0; height:26px; padding:0px;list-style:none;}
#nav li {float:left;}
#nav li.navHome a {width:94px; height:26px; background:url(../images/nav/home.gif) left top no-repeat;}
#nav li.navAbout a {width:66px; height:26px; background:url(../images/nav/about.gif) left top no-repeat;}
#nav li.navServices a {width:85px; height:26px; background:url(../images/nav/services.gif) left top no-repeat;}
#nav li.navClients a {width:72px; height:26px; background:url(../images/nav/clients.gif) left top no-repeat;}
#nav li.navContact a  {width:80px; height:26px; background:url(../images/nav/contact.gif) left top no-repeat;}
#nav li.navProjects a  {width:77px; height:26px; background:url(../images/nav/projects.gif) left top no-repeat;}
#nav li a {display:block; background-position:0 -26px !important;}
#nav li a:hover {background-position:0 0px !important;}
#nav img {height:0; width:0;}
#nav {font-size:0.7em;}

#nav .navHome li.navHome a,
#nav .navAbout li.navAbout a,
#nav .navServices li.navServices a,
#nav .navClients li.navClients a,
#nav .navContact li.navContact a,
#nav .navProjects li.navProjects a {background-position:0 -52px !important;}

/* Fix IE. Hide from IE Mac \*/
#nav ul li { float: left; }
#nav ul li a { height: 1%; }
/* End */





/*  -------------------------------------------------------------------------
	Basic
    ------------------------------------------------------------------------- */

img, form {border:0; margin:0;}
a {text-decoration:none; color:#0069af;}
a:hover {text-decoration:underline;}
ul, li {margin:0; padding:0;}
ul {list-style:none;}
* { font-family:Verdana, Arial, Helvetica, sans-serif;}
p { font-size:12px; line-height:15px;margin-top:0; margin-bottom:10px; color:#2f2f2f; padding:0; }
p.intro { font-weight:bold; line-height:17px;color:#006919; }
strong { color:#040; }
h1 { margin:6px 0 2px 0; font-size:14px; font-weight: bold; color: #006919; text-transform:uppercase; }
h2 { margin:6px 0 2px 0; font-size:12px; font-weight: bold; color: #006919; }
p>a:hover {text-decoration:none; color:#0069af; border-bottom: 1px dotted #0069af;}
ul.bullet {list-style-type: disc;  font-size:11px; line-height:15px; margin:0 0 10px 0;  color:#333; }
ul.bullet li { margin:0 30px 10px 50px;}
p.justified { text-align:justify; }
#footer p {font-size: 9px;}


/*
	Specifics
*/

.bigGreenBlock {
	background-color:#006919;
	height:400px;
	margin-top:30px;
}

.thumbnails {
	width:443px;
	padding-bottom:13px;
	margin-bottom:16px;
	background:#fff url(../images/thumbnailBorder.gif) no-repeat bottom 0px;
}

.thumbnails ul {margin:0; padding:0px;list-style:none;width:100%;display:inline-block;}
.thumbnails li {float:left;margin-right:3px;}


.thumbnails p {
	font-size:10px;
	margin-bottom:3px;
	color:#888;
	font-style:normal;
}

.thumbnails a {
	opacity: 1;
	filter: alpha(opacity=100);
}

.thumbnails a:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

.thumbnails img {
	width:72px;
	height:72px;
	border:0;
	padding:0;
	margin:0px 2px 2px 0px;
}

.thumbnails img.last {
	margin:0px 0px 2px 0px !important; 
}


div#content.projects {
  width:720px;
}

div#content.projects h1 {
  text-transform:uppercase;
  font-size:12px;
  margin:0;
  color:#006600;
}

div#content.projects h2 {
  text-transform:uppercase;
  margin:0;
  color:#006600;
}

div#content.projects h2 em {
  font-style:normal;
  font-weight:normal;
	color:#555;
}

div#content.projects strong {
  font-weight:bold;
  color:#006600;
}
div#content.projects .thumbnails {
  width:720px;
}
div#content.projects .thumbnails ul { margin-top:20px;}
div#content.projects .thumbnails li { 
  width:116px;
	height:116px;
}

div#content.projects .thumbnails img {
	width:116px;
	height:116px;
}

div#content.projects div.line {
  width:100%;
  height:13px;
  background:url(../images/bg.gif) left top repeat;
  margin-top:25px;
}

div#content.projects div.project {
  margin-bottom:20px;
}