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

a,a:link {
	text-decoration:none;}

/* Homepage GRID Layout */

#panelleft {
	float:left;
	width:440px; }
#panelleft a, #panelleft a:visited {
	display: block;
	background-repeat: no-repeat;}
	
#panelright {
	float:right;
	width:260px;}
#panelright a, #panelright a:visited {
	display: block;
	background-repeat: no-repeat;}
	
#panelbottom {
	clear:both;}
#panelbottom a, #panelbottom a:visited {
	display: block;
	background-repeat: no-repeat;}

#flashobject {
	width:436px;
	height:260px;
	margin:0 4px 4px 0;
	float:left;}
	
.panel1 {
	width:172px;
	height:84px;
	margin:0 4px 4px 0;
    float:left;}

.panel2 {
	width:84px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;
	background-image:url(../images/HmProjects/ImpactArt-spacerBlue.jpg); background-repeat:no-repeat;}

.panel3 {
	width:84px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
    float:left;}

.panel4 {
	width:84px;
	height:260px;
	text-align:left;
	margin:0 0 4px 0;
	padding:0;
    float:right;}
	
.panel5 {
	width:172px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
    padding:0;}

.panel6 {
	width:84px;
	height:172px;
	text-align:left;
	padding:0;
	margin:0 4px 4px 0;
    float:left;}

.panel7 {
	width:172px;
	height:172px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;}

.panel8 {
	width:172px;
	height:172px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;
	background-image:url(../images/HmProjects/ImpactArt-project8.jpg); background-repeat:no-repeat;}

.panel9 {
	width:84px;
	height:84px;
	text-align:left;
	margin:0 0 4px 0;
	padding:0;
	float:right;
	background-image:url(../images/HmProjects/ImpactArt-spacerGreen.jpg); background-repeat:no-repeat;}
	
.panel10 {
	width:172px;
	height:172px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;}

.panel11 {
	width:84px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;
	background-image:url(../images/HmProjects/ImpactArt-spacerRed.jpg); background-repeat:no-repeat;}
	
.panel12 {
	width:172px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;}

.panel13 {
	width:84px;
	height:172px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
    float:left;}

.panel14 {
	width:172px;
	height:172px;
	text-align:left;
	margin:0 0 4px 0;
	padding:0;
    float:right;}

.panel15 {
	width:84px;
	height:172px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;}

.panel16 {
	width:172px;
	height:172px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;}

.panel17 {
	width:348px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;}

.panel18 {
	width:172px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;}

.panel19 {
	width:172px;
	height:84px;
	text-align:left;
	margin:0 4px 4px 0;
	padding:0;
	float:left;
	background-image:url(../images/HmProjects/ImpactArt-project16.jpg); background-repeat:no-repeat;}
.panel19 a {background-image:url(../images/HmProjects/ImpactArt-project16.jpg); background-repeat:no-repeat; display:block;}
a.panel19:hover {background-image:url(../images/HmProjects/172x84.jpg); background-repeat:no-repeat;}

.panel20 {
	width:84px;
	height:172px;
	text-align:left;
	margin:0 0 4px 0;
	padding:0;
	float:right;
	background-image:url(../images/HmProjects/ImpactArt-spacerYellow.jpg); background-repeat:no-repeat;}

.panel1,.panel3,.panel4,.panel5,.panel6,.panel7,.panel10,.panel12,.panel13,.panel14,.panel15,.panel16,.panel17,.panel18,.panel19, span {display: none;}

/* ends */

/* Homepage Right Content */

#columnright {
	border-left: solid 14px #383354;
	height:704px;}

#insight {
	height:67px;
	width:185px;
	background-image:url(../images/Flag1.gif);
	background-repeat:no-repeat;
	float:right;
	padding:8px 30px 12px 5px;} 

#casestudy {
	height:67px;
	width:185px;
	background-image:url(../images/Flag2.gif);
	background-repeat:no-repeat;
	float:right;
	padding:8px 30px 22px 5px;}
	
#casestudy, #insight,  h2 {
	font-family: Trebuchet, Arial, Verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:-3px;}
	
#casestudy, #insight,  p {
	font-family:Trebuchet, Arial, Verdana, sans-serif;
	font-size:0.86em;
	font-weight:normal;
	color:#FFFFFF;}

#casestudy a, #casestudy a:link, #casestudy a:visited,
#insight a, #insight a:link, #insight a:visited { 
  color: #E7E5F2;
  text-decoration: none;
}

#casestudy a:hover, #insight a:hover { 
  color: #ffffff;
  text-decoration: underline;
}

	
#newscolumn {
	height:528px;
	width:178px;
	float:right;
	padding:3px 29px 13px 13px;
	background-image:url(../images/PostShadow.gif); background-position:left; background-repeat:repeat-y;}

#newsheader {
	height:77px;
	width:176px;}

.newsitems {
	border-bottom: solid 1px #C9C1F1;
	padding: 13px 0 7px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#483F75;}

.newsitems a, .newsitems a:link, .newsitems a:visited { 
  color: #383354;
  text-decoration: none;
}

.newsitems a:hover {
  color: #9690b3;
  text-decoration: underline;
}

#footer {
	background-image:url(../images/footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;}
	
#footerright {
	background-image:url(../images/PostShadow.gif); background-position:left; background-repeat:repeat-y;
	border-left: solid 14px #383354;}

/* ends */