/* Colours
=========
Grey = #515151
purple = #663366
Blue = #124D6E
Dotted rule = #D1D1D1
Green = #A3C380


DIMENSIONS
=============
Page Width = 800px
Usable Content Area = 320px
Contextual Navigation Area = 215px + margins & padding
Right Navigation Area = 145px + margins & padding

Page Height = 420px
Header Height = 60px
Footer Height = 60px

*/






html, body, p
{
	font-family: verdana;
	font-size: 1em;
}


h1
{
	font-size: 0.8em;
	color: #124D6E;
	line-height: 1.4em /*added by Keith*/
}

h2
{
	font-size: 0.8em;
	color: #515151;
	line-height: 1.4em /*added by Keith*/
}

h3
{	
	font-size: 0.7em;
	color: #124D6E;
}


div.portfolio-bottom h3
{
	margin-top: 10px;/*changes gap between heding and dotted rule*/
}



div.subnav-bottom h3
{
	font-size: 0.7em;
	color: #124D6E;
	margin-bottom: 0px;
}

p
{
	font-size: 0.6em;
	color: #515151;
	
}

div.portfolio-top p, div.subnav-bottom p
{
	margin-top: 0px;
}


div.portfolio-bottom h3
{
	margin-bottom: 2px;/*changes gap between heading and text*/
}

div.portfolio-bottom p
{
	margin-top: 0;
	line-height: 1.4em;/*added by Keith*/
}

h4
{
	font-size: 0.8em;
	color: #515151;
	margin-top: 0px;
}


ul.clientlist
{
	margin-left: 0;
	padding-left: 0;
	font-size: 0.7em;
	color: #515151;
}


ul.clientlist li
{
	list-style: none;
	line-height: 1.4em;
}


/* **** CONTAINERS ARE HERE... **** */


div.clientcol1
{
	float: left;
	width: 160px;
	margin-right: 50px;
}

div.clientcol2
{
	float: left;
}

#content div.paging
{
	 position: absolute;
	 bottom: 10px; 
	 right: 50px;
	 font-size: 0.7em;
}

#content div.paging a:link, #content div.paging a:visited, #content div.paging a:active
{
	color: #515151;
	text-decoration: none;
}

#content div.paging a:hover
{
	color: #124D6E;
	text-decoration: none;
}


div.portfolio-top
{
	border-bottom: dashed #d1d1d1 1px;
	margin-bottom: 10px; 
	height: 210px;
}

div.subnav-top
{
	border-bottom: dashed #d1d1d1 1px;
	margin-bottom: 10px;
	height: 210px;
}

div.subnav-bottom
{
	height: 440px; /* 210 container + 60 footer */

	
}

div.portfolio-bottom
{
	height: 230px; /* 210 container + 60 footer */
	background-repeat: no-repeat;
	background-position: top right;
	
}

div.subnav-bottom iframe, div.portfolio-top iframe
{
	margin-left: -10px;
	margin-right: -10px;
	height: 200px;
	width: 185px;
}

div.subnav-bottom iframe
{
	height: 430px;
	_height: 460px;
}



#address
{
	font-size: 0.55em;
	color: #ffffff;
	margin-left: 20px;
	position: absolute; 
	bottom: 20px;
	line-height: 1.6em;
}



#nav
{
	font-size: 0.55em;/*was 50em*/
	margin-left: 0px;
	padding-left: 0px;
	line-height: 24px;
}

#nav a:link, #nav a:visited, #nav a:active 
{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding-left: 20px;
	display: block;
	border-top: solid 1px #124D6E;
	border-bottom: solid 1px #124D6E;
}

#nav a:hover
{
	color: #ffffff;
	background-color: #999999;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}



body#index #nav a.index, body#whoweare #nav a.whoweare, body#whatwedo #nav a.whatwedo, body#clients #nav a.clients, body#recruitment #nav a.recruitment, body#contact #nav a.contact
{
	background-color: #663366;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-top: 1px; 
	padding-bottom: 1px; 
}

body#portfolio #nav a.portfolio
{
	background-color: #A3C380;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-top: 1px;
	padding-bottom: 1px; 
}


ul.portfoliolist a:link, ul.portfoliolist a:visited, ul.portfoliolist a:active 
{
	text-decoration: none;
	color: #515151;
	line-height: 1.4em;/*added by Keith*/
}

ul.portfoliolist a:hover
{
	text-decoration: none;
	color: #A3C380;
}

ul.portfoliolist a:visited
{
	text-decoration: none;
	color: #124D6E;
}

div#content a:link, div#content a:visited, div#content a:active 
{
	text-decoration: none;
	color: #124D6E;
}

div#content a:hover
{
	text-decoration: none;
	color: #515151;
}

div#content ul.clientlist a:link, div#content ul.clientlist  a:visited, div#content ul.clientlist  a:active 
{
	text-decoration: none;
	color: #515151;
}

div#content ul.clientlist  a:hover
{
	text-decoration: none;
	color: #124D6E;
}