@charset "utf-8";
/* CSS Document */

  /* 

		CSS Document
		
		HDC UK common css 
		
		Author:  Andrew Plested
		Date:    24th Sep 2008
		Latest:	 10th Oct 2008
   
    Free for use, copy and paste!
   
  */	
	
	/* -------------------------------------- Main CSS Attributes ---------------------------------------------------------------*/

html {}

{
padding: 0px;
margin: 0px;
}
	
body {
		background: #171717;
		border:none;
		margin:0px;
		padding:0px;
		height:100%;
		width:100%;
		font:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		height: 100%;
	}

	
a:link { 
		border: none;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;	
		color:#9999FF; 
		 }
a:visited {  
		border: none;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;	
		color:#6666cc;
		} 

a:hover { 
		color:#0000FF;
		font-family:Arial, Helvetica, sans-serif;	
			}

p {
padding: 0px;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;	
}
		
ul {
font-family:Arial, Helvetica, sans-serif;
	
	}

li {
	
font-family:Arial, Helvetica, sans-serif;
	}

h {
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	/* -------------------------------------- Columns ---------------------------------------------------------------*/	



#table_content_area {
	margin: 0px auto 0px auto;
	width: 100%;
	height: 100%;
	z-index: 2;
	}

#left_column {
	position:absolute;
	left:0px;
	top:0px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	width: 400px;
	height: 718px;
	border-right-color: #0dd900;
	border-right-style: solid;
	border-right-width: 1px;
	z-index: 4;
	}

#right_column {
	position:absolute;
	left:400px;
	top:0px;
	padding: 0px;
	margin: 0px;
	width: 540px;
	height: auto;
	border-left-color: #00FF00;
	border-left-style: solid;
	border-left-width: 1px;
	z-index: 4;
	}

#right_columnUnder {
	background-image: url(../images/topRight.png);
	z-index: 3;}
	

	/* -------------------------------------- left column Attributes ---------------------------------------------------------------*/	

#left_gradent {
	background-image: url(../images/gradent.jpg);
	padding: 0px;
	margin: 0px;
	width: 400px;
	height: 100px;
	z-index: 6;
	}

#topLeft {
	padding: 0px;
	margin: 0px;
	}

.hdcuk_logo {
	position:absolute;
	top: 170px;
	right: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	z-index: 7;
	}
	
#menu {
	position: absolute;
	width: 360px;
	height: auto;
	text-align: right;
	font: verdana;
	top: 260px;
	padding: 0px;
	border:hidden;
	z-index: 7;
	}
	
a .menuImage {
	position: absolute;
	top: 20px;
	left: 140px;
	visibility: hidden;
	font: verdana;
	padding: 0px;
	border: none;
	z-index: 7;
	}	
	
a:hover .menuImage {
	visibility: visible;
	font: verdana;
	}
	
	
#intro_text {
	position: absolute;
	padding: 0px 0px 0px 22px;
	top: 400px;
	width: 347px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	font: verdana;
	z-index: 7;
	}	
	
.intro_text {
	font-size: 14px;
}	
	
#bottomLeft {
	position: absolute;
	top: 580px;
	padding: 0px;
	margin: 0px;
	z-index: 6;
	}	



	/* -------------------------------------- top right circles ---------------------------------------------------------------*/	



#topRight {
	position: absolute;
	top:0px;
	right:0px;
	z-index: 3;
	}
	
	
	/* -------------------------------------- right column Attributes ---------------------------------------------------------------*/	

.general_text { 
	position: relative;
	padding: 0px;
	top: 50px;
	left: 30px;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 18px;
	z-index: 4;
	}

.general_header { 
	position: relative;
	padding: 0px;
	top: 50px;
	left: 30px;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	z-index: 4;
	}	

.subject_titles {
	font-size: 18px;
	color:#339999;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a.subject_titles:visited {
	font-size: 18px;
	color:#339999;
	font-family:Arial, Helvetica, sans-serif;
	}	

#graphicBox {
	background-image: url(../images/boxGradent.png);
	position:relative;
	padding: 0px;
	left: 30px;
	top: 80px;  
	width: 500px;
	height: 116px;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	z-index: 6;
	}	

#webBox {
	background-image: url(../images/boxGradent.png);
	position: relative;
	left: 30px;
	top: 100px; 
	width: 500px;
	height: 116px;
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	z-index: 6;
	}

a.graphicRings {
     display: block;
     width: 500px;
     height: 116px;
     text-decoration: none;
     background: url(../images/graphicRings.png) no-repeat;
	 cursor: pointer;	 
  }
 
 a.graphicRings:hover {
 background-position: 0px -116px;
}

a.webRings {
     display: block;
     width: 500px;
     height: 116px;
     text-decoration: none;
     background: url(../images/webRings.png) no-repeat;
	 cursor: pointer;
  }
 
 a.webRings:hover {
 background-position: 0px -116px;
}

#graphicTitle {
	position: absolute;
	padding: 0px;
	right: 5px;
	top: 3px;
	color: #0dd900;
	font-size: 36px;
	font-family: "Arial Narrow";
	z-index: 5;
	}


#graphicText {
	position: absolute;
	top: 70px;
	padding: 0px;
	right: 5px;
	color: #CCCCCC;
	font-size: 16px;
	text-align: right;
	z-index: 5;
	}
		
#text {
	position: relative;
	margin: 0px;
	padding: 0px;
	left: 30px;  
	width: 500px;
	height: auto;
	z-index: 5;
}
	
.description{
margin: 0px 0px 40px 0px;
text-align: left;
width: 500px;
float: left;
z-index: 5;
}


	/* -------------------------------------- Photography page ---------------------------------------------------------------*/	


div.image {
	text-align: center;
	float: left;
	height: auto;
	width: auto;
	margin: 4px;
	padding: 5px;
	border-width: 1px;
	border-color:#999999;
	border-style: solid;
}

div.colourHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #339999;
	text-align: center;
	height: auto;
	width: 100px;
}

div.desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	height: auto;
	width: 100px;
}

.trans {
	-moz-opacity:0.4;filter:alpha(opacity=40);
	}


	/* -------------------------------------- left column Attributes bottom of the page ---------------------------------------------------------------*/	


	
.sitemap_text {
	position: relative;
	padding: 0px;
	width: 500px;
	margin: 0px;
	text-align: right;
	z-index: 5;
	}

#bottom_extrasRings {
	position: relative;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	}

a.bottom_rings {
     display: block;
     width: 220px;
     height: 116px;
     text-decoration: none;
     background:url(../images/bottom_extrasRings.png) no-repeat;
	 cursor: pointer;	 
  }
 
 a.bottom_rings:hover {
 background-position: 0px -116px;
}

#bottom_extras {
	position:relative;
	background-image: url(../images/bottomGradent.jpg) no-repeat;
	margin: 0px;
	width: 540px;
	height: auto;
	left:-1px;
	border-top-color: #00FF00;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #00FF00;
	border-left-style: solid;
	border-left-width: 1px;	
	z-index: 5;
	}

#extras_contact {
	position: absolute;
	padding: 0px;
	margin: 20px 0px 0px 15px;
	width: 300px;
	height: auto;
	color: #FFFFFF;
	z-index: 6;
	}

#extras_location {
	position: absolute;
	margin: 20px 0px 0px 15px;
	color:#FFFFFF;
	width: 200px;
	height: auto;
	right: 20px;
	text-align:justify;
	z-index: 6;
	}		

.extras_headers {
	font-size: 25px;
	text-decoration: underline;
	color: #00FF00;
	}