/*******************************************************************
    Reset
*******************************************************************/
a { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code,input,th { font-size:1em; font-weight:normal; }
*{ margin:0; padding:0;}
img, fieldset { border:none; }

/*******************************************************************
    Type
*******************************************************************/
body, input, select, textarea, button {
	font-family: Arial, Helvetica, sans-serif;
	color:#4D4D4D;
}

p, li, td, th {
	font-size:70%;
}

li li, li p {
	font-size:100%;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3 {
	text-transform:uppercase;
}

h1 {
	font-size:110%;
	margin:0;
}

h2 {
	color:#4d4d4d;
	font-size:75%;
}

#content p {
	margin: 0 0 15px 0;
}

#content ul, #content ol {
	margin: 15px 0;
}

#content ul {
	padding-left:20px;
}

.ar {
	text-align:right;
}

.ac {
	text-align:center;
}

/*******************************************************************
    Page structure
*******************************************************************/
body {
	background: #FFF url(/assets/images/bgTile.png)
}

.clear {
	clear:both;
}

#wrap {
	margin:0 auto;
	width:960px;
	background:#FFF;
	padding-top:175px;
}

#logo {
	top:18px;
	margin:0 0 0 48px;
	padding:0;
	background: url(/assets/images/logo.png) no-repeat;
	width:68px;
	height:84px;
	position:absolute;
	overflow:hidden;
}

#logo a {
	display:block;
	padding-top:84px;
}

#strap {
	width:393px;
	height:21px;
	position:absolute;
	text-indent:-10000px;
	top:55px;
	margin:0 0 0 532px;
	background: url(/assets/images/strapline.png) no-repeat;
}

#content {
	padding:30px 36px 0 148px;
	min-height:470px;
}

.contentCol1 {
	width:340px;
}

.contentCol1 {
	width:340px;
	float:left;
}

.contentCol2 {
	width:360px;
	float:left;
	margin:0 0 0 20px;
}

#footer {
	margin:7px 10px 0;
	border-top:8px solid #CCC;
	width:914px;
	padding:6px 26px 15px 0;
	text-align:right;
	color:#919195;
}

#footer a {
	color:#919195;
}

#footer span {
	padding:0 5px;
}

/*******************************************************************
    Inceidental page content
*******************************************************************/
.sep {
	height: 1px;
	overflow:hidden;
	padding-top:1px;
	margin:10px 0;
	border-top:1px solid;
}

.neal-godley {
	color:#C1D82F !important;
}

.clare-kiddell {
	color:#EE2C74 !important;
}

#screensaver {
	z-index:1000;
}

/*******************************************************************
    Navigation
*******************************************************************/
ul#menu {
	list-style-type:none;
	width:802px;
	border-top:8px solid #CCC;
	height:28px;
	overflow:hidden;
	position:absolute;
	top:110px;
	padding:11px 0 0 138px;
	margin:0 10px;
}

ul#menu li {
	display:inline;
}

ul#menu li a {
	display:block;
	float:left;
	width:111px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background-position: 0 0;
	background-repeat:no-repeat;
}

#m1 a {
	background-image: url(/assets/images/menu_home.png);
}

#m2 a {
	background-image: url(/assets/images/menu_approach.png);
}

#m3 a {
	background-image: url(/assets/images/menu_portfolio.png);
}

#m4 a {
	background-image: url(/assets/images/menu_clients.png);
}

#m5 a {
	background-image: url(/assets/images/menu_news.png);
}

#m6 a {
	background-image: url(/assets/images/menu_contact.png);
}

#m7 a {
	background-image: url(/assets/images/menu_clientarea.png);
}

ul#menu li a:hover, ul#menu li.hi a {
	background-position:0 -28px;
}

ul#menu li#m7 a:hover, ul#menu li#m7.hi a {
	background-position:0 0;
}