@charset "utf-8";
/*
-------------------------------------------------------------------------------------------------------
	SECTION NUMBER AND NAME   | CODE   | NOTES
-------------------------------------------------------------------------------------------------------
	1.0) Global Structure     | PC100  | Main divs & structure.
	1.1) Fonts                | PC101  | Global type settings.
-------------------------------------------------------------------------------------------------------
	2.0) Header               | PC200  | 
-------------------------------------------------------------------------------------------------------



/*===================================================================================================*\

	1.0) Global Structure - PC100

\*===================================================================================================*/

body {
	margin:0;
	padding:0;
	background-color:#475f6c;
	font-family:Arial, Helvetica, sans-serif;}
	
/*===================================================================================================*\

	1.0) Fonts - PC101

\*===================================================================================================*/

a {
	color:#fff;}
	
/*===================================================================================================*\

	2.0) Header - PC200

\*===================================================================================================*/
	
.header-frame {
	width:100%;
	float:left;
	height:70px;
	background-color:#fff;}
	
	.header {
		width:980px;
		height:70px;
		margin:0 auto;
		background:url(/images/header-strap-line.png) no-repeat;
		background-position:340px 0;}
		
		.logo {
			float:left;
			margin-left:20px;
			border:0;}
				
/*===================================================================================================*\

	3.0) Centre - PC300

\*===================================================================================================*/

.main-frame {
	width:100%;
	background:url(/images/main-bg.jpg) repeat-x #8c9fad top center;
	/*background-color:#8c9fad;*/
	padding-bottom:30px;
	float:left;}
	
	.main {
		margin:0 auto;
		width:980px;
		height:auto;}
		
		.small-column {
			float:left;
			height:auto;
			width:320px;}
		
		.medium-column {
			float:left;
			height:auto;
			width:640px;}
			
		.large-column {
			float:left;
			height:auto;
			width:960px;}
			
		.image-column, .image-info-column {
			width:460px;
			float:left;}
			
			.navigation {
				width:940px;
				height:28px;
				padding:12px 20px 0 20px;
				font-size:10px;
				margin-bottom:30px;}
				
				.navigation a {
					float:left;
					text-decoration:none;
					margin-right:20px;
					color:#ced4d7;}
					
					.navigation a:hover {
						text-decoration:underline;}
			
			.column-header {
				width:100%;
				float:left;
				text-indent:20px;
				height:30px;
				color:#fff;}
				
			.text-block {
				font-size:11px;
				color:#fff;
				line-height:16px;
				width:300px;
				margin-left:20px;
				float:left;
				height:auto;}
			
				.text-block i {
					font-size:12px;}
					
			.item-main-image {
				float: left;
				text-align: center;
				width: 300px;
				height: 300px;
				margin:0 0 20px 20px;
				font-size: 1em; /* Moz needs a non-zero value here */
				background:url(/images/1-pixel-twinkle.png);
				line-height: 298px; /* height - 2 */}
				
			.item-main-image img {
				margin-top: expression(( 150 - this.height ) / 2);
				border:0;}
				
			html>body .item-main-image img { /*hidden from IE 5-6 */
				margin-top: 0;  /* to clean up, just in case MS later supports valign! */
				vertical-align: middle;}
					
			.item-thumb {
				float: left;
				text-align: center;
				width: 140px;
				height: 140px;
				margin:0 0 20px 20px;
				font-size: 1em; /* Moz needs a non-zero value here */
				background:url(/images/1-pixel-twinkle.png);
				line-height: 138px; /* height - 2 */}
			
			.item-thumb img {
				margin-top: expression(( 140 - this.height ) / 2);
				border:0;}
			
			html>body .item-thumb img { /*hidden from IE 5-6 */
				margin-top: 0;  /* to clean up, just in case MS later supports valign! */
				vertical-align: middle;}
			
/*===================================================================================================*\

	?.0) Footer - PC?00

\*===================================================================================================*/

.footer-frame {
	width:100%;
	float:left;
	height:70px;}
	
	.footer {
		width:940px;
		padding:20px;			
		margin:0 auto;
		color:#899ca6;
		font-size:10px;
		text-align:left;}