/*
	Impact Art Projects and Project Details CSS Document
	developed by Vanessa Eley at dotSquared - www.dotsquared.co.uk
	for Thomas & Trotman - www.thomasandtrotman.com
	*/



/* ends */

#projectsNavWrapper {
float:left;}

/* Projects Layout */

#columnleft {
	width:700px;
	float:left;
	margin:0 13px 0 14px;
	padding:0;}

#columnright {
	border-left: solid 14px #90cbdb;}
	
#navigationBlock {
	background-color:#c9e4ec;
	margin-top:89px;
	border-bottom: #fff solid 3px;
	height:610px;}

#navigationBlock p.insight { 
    margin-left: 30px;}
	
#projectHighlight {
	margin: 0 0 4px 4px;
	float:right;}
#projectHighlight a, #projectHighlight a:visited {
	display: block;
	background-repeat: no-repeat;
	text-decoration:none;}
#projectHero {
	width:522px;
	height:258px;
	float:left;
	background-image:url(../images/project-highlight.gif); background-repeat:no-repeat;}
#projectHero a {background-image:url(../images/project-highlight.gif); background-repeat:no-repeat; display:block;}
a#projectHero:hover {background-image:url(../images/project-highlightOver.gif); background-repeat:no-repeat;}	
	
	
#projects {
	width:522px;
	margin:0 0 4px 0;
	min-height:697px;
	float:right;
	clear:right;}
#projects a, #projects a:visited {
	display: block;
	background-repeat: no-repeat;
	text-decoration:none;}

/* projects panel */

.projectRow {
	margin:0 0 4px 0;
	padding:0;
	clear:left;
	overflow:hidden;}
	
#project1 {
	width:172px;
	height:172px;
	float:left;}

#project2 {
	width:172px;
	height:172px;
	margin:0 3px 0 3px;
	float:left;}

#project3 {
	width:172px;
	height:172px;
    float:right;}

#project4 {
	width:172px;
	height:172px;
    float:left;}

#project5 {
	width:172px;
	height:172px;
	margin:0 3px 0 3px;
	float:left;}

#project6 {
	width:172px;
	height:172px;
	float:right;}

#project7 {
	width:172px;
	height:172px;
	float:left;}

#project8 {
	width:172px;
	height:172px;
	margin:0 3px 0 3px;
	float:left;}

#project9 {
	width:172px;
	height:172px;
    float:right;}

#project10 {
	width:172px;
	height:172px;
	float:left;}

#project11 {
	width:172px;
	height:172px;
	margin:0 3px 0 3px;
	float:left;}

#project12 {
	width:172px;
	height:172px;
	float:right;}

/* Projects Details */

#columnleft-ProjectDetails {
	width:874px;
	float:left;
	margin:0 13px 0 14px;
	padding:0;}
	
#projectDetailsHighlight {
	width:696px;
	height:258px;
	margin: 0 0 4px 4px;
	float:right;
	background-repeat: no-repeat;}
	
#projectsDetails {
	width:346px;
	background-repeat:no-repeat;
	margin:0 0 4px 4px;
	min-height:688px;
	float:right;
	padding:0 350px 4px 0;}

#projectsDetails p {
	font-size:0.8em;
	color:#6153a4;
	margin:0 0 6px 0;
	padding:0;}

.projectsDetailsFirst {
	border-top:#90cbdb solid 6px;
	padding:9px 0 0 0;
	margin:0;}
	
#projectsDetailsKey {
	width:172px;
	min-height:346px;
	margin:4px 0 4px 0;
	background-color:#e5e3f4;
	clear:left;}
	
#projectsDetailsKey h1 {
	font-family: Trebuchet, Arial, Verdana, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#6153a4;
	margin:18px 18px 11px 18px;}
	
#projectsDetailsKey ol {
	font-family: Trebuchet, Arial, Verdana, sans-serif;
	font-size:0.65em;
	color:#6153a4;
	margin:0 18px 6px 18px;
	padding:0 0 12px 12px;}

.projectsDetailsKeyImg {
	padding-bottom:4px;}

/* Projects Right Content */

#insight1 {
	background-image: url(../images/projectsInsight1.gif);} 

#insight2 {
	background-image: url(../images/projectsInsight2.gif);}	
	
/* ends */