/*-----------------------------------------------------------------------------
version:   1.0
author:    John Anderson
email:     janderson@soaringpenguin.co.uk
website:   http://www.soaringpenguin.co.uk/
date:      2007 October 23
client:    Paul Bishop/Presstige Corporate Communications
page:      all

Copyright 2007 Soaring Penguin Ltd. All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
	font-family: arial;
	font-size: 14px;
	background: #030303 url(../images/3.jpg) repeat-x;
	color: #666666;	   
}
.left {
	float: left;
}

/* =Structural
-----------------------------------------------------------------------------*/
	#container {
		width: 850px;
		margin: 0 auto;
	}
		#header {
			width: 850px;
			height: 131px;
		}
		#contents {
			width: 850px;
			background-color: white;
			padding: 29px 0;
			float: left;
		}
			#leftcolumn {
				float: left;
				width: 141px;
			}
			#maincontent {
				float: left;
				display: inline;
				width: 400px;
				margin: 0 0 0 6px;
			}
			#sidebar {
				float: right;
				display: inline;
				width: 221px;
				height: 446px;
				margin: 0 49px 0 0;
				padding:0 7px;
				border-left: 1px solid #030303;
				border-right: 1px solid #030303;
			}

				
		#footer {
			clear: both;
			height: 77px;
		} 
			
	

	


/* =Typography
-----------------------------------------------------------------------------*/


/* =Headings
-----------------------------------------------------------------------------*/
	#header h1 {
		width: 245px;
		height: 103px;
		position: relative;
		font-size: 0.1em;
		float: left;
		
	}
		#header h1 span {
			background: url(../images/2.jpg) no-repeat;
			position: absolute;
			width: 100%;
			height: 100%;
		}
	h2 {
		font-size: 20px;
		color: #333333;
	} 
	h3 {
		font-size: 18px;
		color: #666666;
		margin-bottom: 19px;
		font-weight: normal;
	}
		.bold {
			font-weight: bold;
			color: #333333;
		}
	 

	



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
	#tagline h2 {
		width: 537px;
		height: 50px;
		position: relative;
		font-size: 0.1em;
	}
		#tagline h2 span {
			background: url(../images/4.jpg) no-repeat;
			position: absolute;
			width: 100%;
			height: 100%;
		} 



/* =Main Nav
-----------------------------------------------------------------------------*/
	#navigation ul {
		list-style: none;
		padding: 0;
		margin: 0 0 0 24px;
		float: left;
		display: inline;
		margin-top: 2px;
		clear: both;
	}
		#navigation ul li {
			float: left;
			
		}
			#navigation ul li a {
				display: block;
				text-decoration: none;
				color: #ffffff;
				width: 103px;
				font-size: 12px;
				text-align: center;
				line-height: 26px;
				background: url(../images/5.jpg) no-repeat top;
			}
				#navigation ul li a:hover {
					background-position: bottom;
				}	

				
	
				
	
		
		



/* =Sub Nav
-----------------------------------------------------------------------------*/
	#subnavigation {
		float: right;
		width: 200px;
	}
		#subnavigation ul {
			list-style: none;
			padding: 0;
			margin: 20px 49px 0 0;
			float: right;
			display: inline;
		}
			#subnavigation ul li {
				float: left; 
				font-size: 12px;
				color: white;
			}
				#subnavigation ul li a {
					text-decoration: none;
					color: white;
					font-size: 12px;
					display: block;
				}





/* =Main Content
-----------------------------------------------------------------------------*/
	#contents img {
		float: left;
	}
	#contents p {
		margin-top: 7px;
	}
	#contents .contentlink {
		float: left;
		width: 400px;
		height: 185px;
		margin: 30px 12px 15px 13px;
		display: inline;
	}
		#contents .contentlink img {
			margin-right: 5px;
		}
	#contents #gallery {
		margin: 0 25px;
	}
	#contents .thumbnail {
		float: left;
		width: 130px;
		margin: 30px 10px 15px 10px;
		display: inline;
	}
		#contents .thumbnail p {
			width: 75px;
			margin: 0 auto;
		}
		#contents .thumbnail a {
			width: 130px;
		}
			#contents .thumbnail a {
				display:block;
				text-align: center;
				margin: 0 auto;
			}
		#contents .thumbnail h3 {
			clear: both;
			text-align: left;
		} 




/* =Secondary Content
-----------------------------------------------------------------------------*/
	div.news {
		border-bottom: 1px solid #030303;
		width: 
	}
	div.news p.date {
		color: #660000;
		background: url(../images/6.gif) no-repeat;
		padding-left: 19px;
		line-height: 15px;
		margin: 14px 0 0 0;
	}
	div.news p {  
		margin: 0 0 0 19px;
	}
	div.news a,
	.contentlink a
	{
		text-decoration: none;
		color: #660000;
	}
		div.news a:hover,
		.contentlink a:hover
		{
			text-decoration: underline;
		}
	p.readmore {
		margin: 7px 0 0 0;
	/*	width: 221px;	*/
		text-align: right;
	}
		p.readmore a {
			text-decoration: none;
			color: #660000;
			font-size: 12px;
			margin-bottom: 14px;
			display: block;
		}
			



/* =Footer
-----------------------------------------------------------------------------*/
	#footer p.fineprint {
		line-height: 20px;
		background-color: #cccccc;
		color: #666666;
		font-size: 12px;
		padding-left: 24px;
		font-weight: bold;
		width: 826px;
	}
	#footer #tagline {
		height: 50px;
		width: 100%;
		background: url(../images/7.jpg) repeat-x;
	}
		

	



/* =Forms
-----------------------------------------------------------------------------*/
	form {
		clear: both;
		margin-left: 25px;
		width: 400px;
	}
		form label {
			clear: both;
			width: 150px;
			float: left;
		}
		form input {
			width: 225px;
			float: right;
		}
		form textarea {
			width: 400px;
		}
		form input.zemSubmit {
			width: 100px;
		} 




/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
    border-collapse: collapse;
}

td {
   text-align: left;
   font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/