/*  
Theme Name: Spy
Theme URI: http://www.designspy.co.uk/
Description: A design for the UK design company, Spy.
Version: 0.1
Author: Andrew Fox
Author URI: http://www.fox-land.co.uk

	Spy
	 http://www.designspy.co.uk/

	This theme was designed and built by Andrew Fox,
	whose website you will find at http://www.fox-land.co.uk/ or http://www.andrewfox.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body {
	color: #fff;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Univers, Helvetica, Geneva, Arial, sans-serif;
	background-color: #363507;
	padding: 30px;
	margin: 0;
	}

img {
	border: 0
	}

p, br {
	font-size: 11px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Univers, Helvetica, Geneva, Arial, sans-serif;
	}

br {
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Univers, Helvetica, Geneva, Arial, sans-serif;
	}

a {
	color: #FAA797;
	text-decoration: none;
	}

a:hover {
	color: #fff;
	text-decoration: none
	}

h1 {
	margin: 0;
	padding: 0;
	}

h2   {
	font-size: 15px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Univers, Helvetica, Geneva, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	color: #FFFF00;
	}

h3  {
	color: #0000cc;
	font-size: 16px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Univers, Helvetica, Geneva, Arial, sans-serif;
	font-weight: normal;
	margin: 3px 0 3px;
	}

h4 {
	font-size: 14px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Univers, Helvetica, Geneva, Arial, sans-serif;
	font-weight: normal;
	margin: 3px 0 3px
	}

/* PAGE holds the whole thing together, including content, logo, nav */
#page {
	}

/* HEADER */

#header {
	margin: 0 0 10px 0;
	}
#header h1 {
	
	}
#header #introtext  {
	margin: 15px 0 40px -10px
	}


/* NAV main nav - outside of content area */
#navmain  {
	padding: 0;
	margin: 0 0 18px 0;
	position: relative;
	clear: both;
}
.on  {
	color: #666
	}

#navmain li {
	display: inline;
	list-style-type: none;
	padding: 0 34px 0 0;
}



/* MAIN area */
#main {
	width: 760px;
	
	}

/*project list*/
#projectlist {
	
	}

.info   {
	background-color: #7E7357;
	width: 137px;
	padding: 8px;
	margin: 0 8px 0 0;
	float: left;
	font-size: 11px;
	display: table;
	}
.infoEmpty   {
	background-color: #7E7357;
	width: 137px;
	padding: 8px;
	margin: 0 8px 0 0;
	float: left;
	font-size: 11px;
	display: table;
	}

.info:hover {
	background-color: #74684F;
	}

.info img  {
	width: 137px;
	height: 137px;
	}
.infoEmpty img  {
	width: 137px;
	height: 137px;
	}

.numbertext {
	color: #FFFF00;
	padding: 3px 0 25px 0;
	}
.projecttext  {
	color: #363507;
	padding: 3px 0 1px;
	width: 137px;
	border-top: 2px solid #dedace;
	}

.projecttextEmpty  {
	color: #363507;
	padding: 3px 0 1px;
	width: 137px;
	border-top: 2px solid #7E7357;
	}

.clienttext  {
	color: #363507;
	padding: 0 0 4px;
	width: 137px;
	border-bottom: 1px solid #dedace;
	}

.clienttextEmpty  {
	color: #363507;
	padding: 0 0 4px;
	width: 137px;
	border-bottom: 1px solid #7E7357;
	}

#projectlist .desc {
	width: 40px;
	display: block;
	float: left;
	color: #DEDACE;
	}

.infoempty    {
	font-size: 11px;
	background-color: #7e7357;
	background-image: url("/assets/infobkgd.gif");
	background-repeat: no-repeat;
	background-position: center 42px;
	display: table;
	margin: 0 8px 0 0;
	padding: 8px;
	width: 137px;
	height: 215px;
	float: left
	}





/* CONTACT */

#contactlist {
	width:636px;
	background-color: #7E7357;
	padding:0;
	margin:0;
	display:table;
	}

#contactlist p {
	margin: 0;
	}

#contactlist .info {
	margin: 0 0 0 0;
	}

.nametext {
	color: #FFFFFF;
	padding: 3px 0 25px 0;
	margin:0;
	}

.titletext {
	color: #363507;
	padding: 3px 0 1px;
	width: 137px;
	border-top: 2px solid #dedace;
	}

.emailtext {
	color: #363507;
	padding: 0 0 4px;
	width: 137px;
	border-bottom: 1px solid #dedace;
	}

/* PROJECT DETAIL PAGE */
#projectdetail {
	background-color: #7e7357;
	display: table;
	margin: 0;
	padding: 0;
	width: 644px
	}


#projectdetail #bodytext {
	color: #363507;
	text-align: justify;
	margin: 8px 0 0 8px;
	padding: 0 0 20px 0;
	width: 211px;
	float: left;
	}

h2.projecttext  {
	color: #363507;
	margin-top: 60px;
	margin-bottom: 0;
	padding: 4px 0 0;
	width: 100%;
	border-top: 2px solid #dedace;
	font-size: 11px;
	}

h2.clienttext  {
	color: #363507;
	margin-top: 0;
	margin-bottom: 0;
	padding: 1px 0 4px;
	width: 100%;
	border-bottom: 1px solid #dedace;
	font-size: 11px;
	}

#projectdetail #imagearea {
	float: right;
	text-align: right;
	margin: 8px 0 0 0;
	padding: 0;
	width: 408px;
	
}
#projectdetail #imagearea img {
	margin: 0;
	padding: 0 8px 8px 0;
	}

h2 .desc {
	width: 46px;
	color: #DEDACE;
	display: block;
	float: left;
	}

/* CLIENT LIST DETAIL */
#clientlist {
	border-top: 2px solid #DEDACE;
	}
#clientlist p {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#clientlist p {
	color: #FFFF00;
	font-size: 12px;
	
	}
	
#clientlist a {
	color: white;
	}

#clientlist a:hover {
	color: #FAA797;
	}
	
/* MORE arrows */

#more {
	width: 637px;
	display: block;
	padding: 50px 0 0 0;
	clear: both;
	text-align: right;
	}
.left  {
	margin-right: 110px
	}


/*FOOTER*/

#footer {
	}


.breadcrumbs  {
	font-size: 11px;
	margin: 0 0 1px
	}
.breadcrumbs a {
	color: #666;
	}

#post5, #post6, #post7 {
	display:none;
}
#post8, #post9, #post10  {
	display:none;
}
#post11, #post12, #post13  {
	display:none;
}
#post14, #post15, #post16  {
	display:none;
}
#post17, #post18, #post19  {
	display:none;
}
#post20, #post21, #post22  {
	display:none;
}
#post23, #post24, #post25  {
	display:none;
}