/*

	This website was created by Natural Graphic

	Copyright:	2008 Natural Graphic Ltd All rights reserved
	Author(s):	Alex Traylen
	Web:		www.naturalgraphic.co.uk
	Email:		talk [at] naturalgraphic.co.uk
	Phone:		+44 (0) 20 7241 2264

*/





/* -----------------------------------
+
+
+	General
+
+
----------------------------------- */

body
		{			
			font-family:arial,verdana,helvetica,sans-serif;
			background-color:#666;
			line-height:120%;
			font-size:96%;
			margin:50px;
			color:#fff;
		}





/* -----------------------------------
+
+
+	Containers
+
+
----------------------------------- */

.container
		{
			margin:0 auto;
			width:821px;
		}
		
.header
		{
			/*background:red;*/
			
			border-bottom:#c7ff56 solid 1px;
			margin:0 0 30px 0;
			height:30px;
		}
		
.content
		{
			overflow:hidden;
		}

.sections
		{
			overflow:hidden;
		}
		
.sections .section
		{
			margin:0 40px 0 0;
			float:left;
		}
		
.sections p
		{
			text-transform:uppercase;
			text-align:center;
			margin:2px 0 0 0;
			font-size:65%;
		}
		
.intro p
		{
			margin:20px 0 0 0;
		}
		
.leftcolumn
		{
			/*background:yellow;*/
			
			width:238px;
			float:left;
		}

.leftcolumn .cover
		{
			/*background:#999;*/
			
			height:365px;
			width:238px;
			float:left;
		}
		
.leftcolumn .caption
		{
			/*background:cyan;*/
			
			margin:10px 0 0 0;
			font-size:86%;
			float:left;
		}
		
.centercolumn
		{
			/*background:yellow;*/
			
			margin:0 0 0 45px;
			height:365px;
			width:255px;
			float:left;
		}
		
.centercolumn img
		{
			margin:0 5px 10px 5px;
			float:left;
		}

.rightcolumn
		{
			/*background:yellow;*/
			
			margin:0 0 0 45px;
			width:238px;
			float:left;
		}

.rightcolumn .subnavigation
		{
			/*background:cyan;*/
			
			font-family:georgia,times,serif;
			margin:345px 0 0 0;
			height:20px;
		}

.footer
		{
			/*background:red;*/
			
			border-top:#c7ff56 solid 1px;
			margin:30px 0 0 0;
			height:30px;
		}




/* -----------------------------------
+
+
+	Main navigation
+
+
----------------------------------- */
		
.mainnavigation
		{
			/*background:cyan;*/
			
			text-transform:uppercase;
			font-size:76%;
			float:right;
		}
		
.mainnavigation ul
		{
			/*background:purple;*/
			
			text-align:right;
			height:30px;
		}
		
.mainnavigation ul li
		{
			display:inline;
			margin:0 0 0 15px;
		}

.mainnavigation ul li a
		{
			text-decoration:none;
			line-height:20px;
			color:#fff;
		}

.mainnavigation ul li a:hover
		{
			color:#c7ff56;
		}





/* -----------------------------------
+
+
+	Sub navigation
+
+
----------------------------------- */
		
.subnavigation
		{
			/*background:cyan;*/
			
		}
		
.subnavigation ul
		{
			/*background:purple;*/
			
			height:20px;
		}
		
.subnavigation ul li
		{
			display:inline;
			margin:0 7px 0 0;
		}

.subnavigation ul li a
		{
			line-height:20px;
			color:#fff;
		}

.subnavigation ul li a.active
		{
			text-decoration:none;
		}

.subnavigation ul li a:hover
		{
			color:#c7ff56;
		}