/*
 *
 * Website Name - www.hellohhughes.co.uk
 * Copyright (C) 2011 Gareth Hughes.
 * Author: Gareth Hughes (talk@hellohughes.co.uk)
 *
*/


/* *************************************** */
/* Global */
/* *************************************** */

#wrapper {
	margin:0 auto;
	width: 1024px;
	}



/* *************************************** */
/* TOP PANEL */
/* *************************************** */

#toppanel {	
	float:left;	
	width:1024px;
	height:105px;
	}
#topsection { 
	float:left; 
	width:301px;
	height:105px;
	border-bottom:dotted 1px #999;	
	margin-right:19px; 
	}
#topsec_small {	
	float:left;	
	width:61px;	
	height:105px; 
	border-bottom:dotted 1px #999;
}

/* *************************************** */
/* PROJECT STRUCTURE */
/* *************************************** */

.projectCont {
	float: left;
	padding-top: 40px;
	margin-bottom: 40px;
	margin-right: 19px;
	height: 600px;
	}
	
.project {
	width: 942px;
	position: relative;
	height: 600px;
	overflow: hidden;
	}
	
.project span {
	width: 942px;
	height: 600px;
	}
	
.projectinfo {
	position: absolute;
	width: 942px;
	height: 230px;
	background: #FFF;
	z-index: 2;
	bottom: -231px;
	opacity: 0.9;
	border-top:solid 1px #000;
	}
	
.projectimage {
	position: absolute;
	width: 942px;
	height: 600px;
	z-index: 1;
	}
	
#navcolumn {
	float:left;
	width:61px;
	height:600px;
	position: relative;
	margin-top:40px;
	margin-bottom:40px;
	}
	
	
	
/* *************************************** */
/* BORDERS */
/* *************************************** */

#bottomborder {
	float:left;
	width:301px;
	height:1px;
	border-bottom:dotted 1px #999;	
	margin-right:19px;
	}
	
#smallbottomborder {
	float:left;
	width:61px;
	height:1px;
	border-bottom:dotted 1px #999;	}
	
	
	
/* *************************************** */
/* IMAGE TEXT */
/* *************************************** */

ul.slidecolumn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
	color: #000;
	line-height: 18px;
	float:left;
	width:282px;
	height:280px;
	padding-top:20px;
	padding-left:19px;
	}
	
ul.descriptioncolumn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
	color: #000;
	line-height: 18px;
	float:left;
	width:301px;
	height:280px;
	padding-top:20px;
	padding-left:19px;
	}

ul.descriptioncolumn li {
	padding-bottom:18px;
	}
	
	
	
/* *************************************** */
/* TEXT */
/* *************************************** */ 
ul.body  {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
	color: #000;
	line-height: 18px;
	}
	
ul.body li {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
	color: #000;
	line-height: 18px;
	}
	
ul.info {
	font-family:Georgia, Times, serif;
	font-style: normal;
	font-size:18px;
	color: #000;
	line-height: 26px;
	padding-top:34px;
	}
	
ul.header {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	color: #000;
	padding-top:80px;
	}
	
ul.logo {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	color: #000;
	padding-top:45px;
	}
	
ul.key {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	color: #000;
	padding-top:75px;
	text-align:center;
	}
		
ul.date {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	color: #CCC;
	line-height: 18px;
	position: absolute;
	bottom: 0px;
	}
	
ul.arrow {
	text-align:center;
	}
	
strong {
	font-weight: bold;
	font-size: 12px;
	}

/*---- Links ----*/ 
a { 
	text-decoration: none;
	color: #000;
	margin-bottom: none;
	}
	
a.link { 
	text-decoration: none;
	color: #000;
	}
	
a.link:hover { 
	text-decoration: none;
	color: #000;
	background-color: #cdecea;
	}



/* *************************************** */
/* Bottom Panel */
/* *************************************** */ 
ul.bottomcolumn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
	color: #000;
	line-height: 18px;
	float:left;
	width:301px;
	height:160px;
	padding-top:30px;
	margin-right:19px; 
	}

ul.scrolltop {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	text-align:center;
	font-size:12px;
	color: #000;
	line-height: 18px;
	float:left;
	width:61px;
	height:160px;
	padding-top:30px;
	}
	
#navtop {
	float:left;
	width:61px;
	height:160px;
	position: relative;
	}

#s0 { z-index: 1; }
#s1 { z-index: 1; }
#s2 { z-index: 1; }
#s3 { z-index: 1; }
#s4 { z-index: 1; }
#s5 { z-index: 1; }
#s6 { z-index: 1; }
#s7 { z-index: 1; }
#s8 { z-index: 1; }
#s9 { z-index: 1; }
#s10 { z-index: 1; }
#s11 { z-index: 1; }
#s12 { z-index: 1; }
#s13 { z-index: 1; }
#s14 { z-index: 1; }