/*
ke architects
*/

body {
	padding: 0;
	margin: 0;
	color: #333;
	background-color: #EEE;
	font-size: 0.8em;
	font-family: lUcinda sans unicode, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

.nav li a.red, .nav li a.red:visited {
	color: #F00;
}

a, a:VISITED {
	color: #808080;
}

a:HOVER {
	color: #000;
}

a:ACTIVE {
	color: #F00;
}

h1, h2, p {
	margin-top: 0;
	margin-bottom: 12px;
}

h1 {
	font-size: 1.1em;
}

h2 {
	font-size: 1em;
}

p {
	text-transform: none;
}

#textbox p, .homepromo p {
	margin-bottom: 0;
}

.left { float: left; }
.right { float: right; }
.clearing {	clear: both; height: 1px; overflow: hidden; }
.clearingleft { clear: left; height: 1px; overflow: hidden; }
.clearingright { clear: right; height: 1px; overflow: hidden; }
.lowest, .thumbs li.lowest { margin-bottom: 0; }
.last { margin-right: 0; }

/* layout */

#maincontent {
	margin: 0 auto;
	width: 766px;
	height: 495px;
	border: 1px solid #333;
	background-color: #FFF;
	position: relative;
}

img#homelinklogo {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

img.display {
	margin: 0 0 23px 0;
}

#textbox, #longbox {
	padding: 8px 10px 5px 10px;
	width: 401px;
	height: 69px;
	border: 1px solid #DDD;
	overflow: auto;
	background-color: #FFF;
}

#textbox {
	font-size: 0.9em;
	float: left;
	margin-left: 20px;
	width: 454px;
	height: 98px;
	display: inline;
}

#longbox {
	height: 375px;
}

.longboxlogo {
	padding-top: 18px;
}

ul.thumbs, ul.linklist {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.thumbs li {
	margin: 0 0 20px 0;
	padding: 0;
	width: 210px;
	height: 100px;
	display: block;
}

#textbox ul.thumbs {
	float: none;
}

#textbox ul.thumbs li {
	display: inline;
	margin: 0 10px 10px 0;
	width: 90px;
	height: 90px;
}

ul.linklist {
	float: none;
}

.linklist li {
	margin-bottom: 9px;
}

.linklist a, .linklist a:VISITED {
	text-decoration: none;
	font-weight: bold;
}

/* nav lists */

ul.nav {
	padding: 0;
	margin: 1em auto;
	width: 768px;
	list-style-type: none;
}

.nav li {
	display: inline;
}

.nav a, .nav a:VISITED {
	color: #808080;
	background-color: transparent;
	text-decoration: none;
}

.nav a:HOVER {
	color: #000;
	text-decoration: underline;
}

/* class for carino link */

ul.carino {
	padding: 0;
	margin: 1em auto;
	width: 768px;
	list-style-type: none;
	text-align:right;
	font-size: 0.6em
}

.carino li {
	display: inline;
}

.carino a, .nav a:VISITED {
	color: #808080;
	background-color: transparent;
	text-decoration: none;
}

.carino a:HOVER {
	color: #000;
	text-decoration: underline;
}

/* promo boxes */

.homepromo {
	width: 244px;
	height: 52px;
	padding: 0 10px 0 0;
	border: 1px solid #DDD;
	margin-bottom: 22px;
	position: relative;
}

.homepromo p {
	padding: 10px 0 0 88px;
}

.homepromo img {
	position: absolute;
	left: 0;
	top: 0;
}

.homepromo a, .homepromo a:VISITED {
	color: #808080;
	background-color: transparent;
	text-decoration: none;
}

.homepromo a:HOVER {
	color: #000;
	text-decoration: underline;
}

#projectindex {
	width: 512px;
	height: 495px;
	margin: 0;
	background-color: #DDD;
	overflow: hidden;
	float: left;
}

#bigtextbox {
	padding: 20px;
	width: 472px;
	margin: 0;
	background-color: #FFF;
	overflow: hidden;
	float: left;
}

#splashcolumn {
	height: 370px;
	position: relative;
	padding: 25px 10px 100px 0;
	width: 210px;
}

.box, .biggerbox {
	width: 128px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background-color: transparent;
}

.biggerbox {
	width: 256px;
	height: 165px;
}

.box img, .biggerbox img {
	border: 0;
}

.box a, .box a:VISITED {
	display: block;
	width: 128px;
	height: 55px;
	text-indent: -9999px;
	outline: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-weight: bold;
}

.box a:HOVER {
	text-indent: 5px;
	text-align: left;
	text-decoration: none;
	color: #808080;
	background-position: 128px 0;
	height: 42px;
	padding-top: 13px;
}

.box a#sample, .box a#sample:VISITED {
	background-image: url(../img/splash/bicester-small.jpg);
	}
.box a#bicester, .box a#bicester:VISITED {
	background-image: url(../img/splash/bicester-small.jpg);	
}
.box a#britbio, .box a#britbio:VISITED {
	background-image: url(../img/splash/britbiotech-small.jpg);	
}
.box a#bibby, .box a#bibby:VISITED {
	background-image: url(../img/splash/bibby-small.jpg);	
}
.box a#britishairways, .box a#britishairways:VISITED {
	background-image: url(../img/splash/britishairways-small.jpg);	
}
.box a#ikea, .box a#ikea:VISITED {
	background-image: url(../img/splash/ikea-small.jpg);	
}
.box a#streatham, .box a#streatham:VISITED {
	background-image: url(../img/splash/streatham-small.jpg);	
}
.box a#woolies, .box a#woolies:VISITED {
	background-image: url(../img/splash/woolies-small.jpg);	
}
.box a#nokia, .box a#nokia:VISITED {
	background-image: url(../img/splash/nokia-small.jpg);	
}
.box a#dsg, .box a#dsg:VISITED {
	background-image: url(../img/splash/dsg-small.jpg);	
}
.box a#hpaston, .box a#hpaston:VISITED {
	background-image: url(../img/splash/hpaston-small.jpg);	
}
.box a#winchester, .box a#winchester:VISITED {
	background-image: url(../img/splash/winchester-small.jpg);
	}
.box a#bolnore, .box a#bolnore:VISITED {
	background-image: url(../img/splash/bolnore-small.jpg);	
}
.box a#tescohounslow, .box a#tescohounslow:VISITED {
	background-image: url(../img/splash/tescohounslow-small.jpg);	
}
.box a#sainsburys, .box a#sainsburys:VISITED {
	background-image: url(../img/splash/sainsburys-small.jpg);	
}
.box a#excel, .box a#excel:VISITED {
	background-image: url(../img/splash/excel-small.jpg);	
}
.box a#tesco, .box a#tesco:VISITED {
	background-image: url(../img/splash/tesco-small.jpg);	
}
.box a#reading, .box a#reading:VISITED {
	background-image: url(../img/splash/reading-small.jpg);	
}
.box a#brentfordfc, .box a#brentfordfc:VISITED {
	background-image: url(../img/splash/brentfordfc-small.jpg);	
}
.box a#southall, .box a#southall:VISITED {
	background-image: url(../img/splash/southall-small.jpg);
	}
.box a#bullsbridge, .box a#bullsbridge:VISITED {
	background-image: url(../img/splash/bullsbridge-small.jpg);	
}
.box a#glentworth, .box a#glentworth:VISITED {
	background-image: url(../img/splash/glentworth-small.jpg);	
}
.box a#channel4, .box a#channel4:VISITED {
	background-image: url(../img/splash/channel4-small.jpg);	
}
.box a#gswr, .box a#gswr:VISITED {
	background-image: url(../img/splash/gswr-small.jpg);	
}
.box a#redditch, .box a#redditch:VISITED {
	background-image: url(../img/splash/redditch-small.jpg);	
}
.box a#newmarket, .box a#newmarket:VISITED {
	background-image: url(../img/splash/newmarket-small.jpg);	
}
.box a#reading2, .box a#reading2:VISITED {
	background-image: url(../img/splash/reading2-small.jpg);	
}
.box a#poole, .box a#poole:VISITED {
	background-image: url(../img/splash/poole-small.jpg);	
}