/*

	This website was created by Natural Graphic

	Copyright:	2010 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
+
+
----------------------------------- */

html,
body
		{
			font-family:arial,verdana,sans-serif;
			background-color:#fff;
			line-height:130%;
			height:100%;					/* needed for container min-height */
			color:#333;
		}





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

.header
		{
			margin:20px auto 0 auto;
			width:940px;
		}
		
.logo
		{
			background-color:#B900A7;
		}
		
.navigation
		{
			background-color:#575757;
			margin:0 auto;
			width:940px;
			height:50px;
		}
		
.navigation ul
		{
			margin-left:10px;
		}
		
.navigation ul li
		{
			float:left;
		}
		
.navigation ul li a
		{
			background-color:#888;
			text-decoration:none;
			display:inline-block;
			margin:10px 10px 0 0;
			line-height:30px;
			padding:0 8px 0 7px;
			font-size:90%;
			height:30px;
			color:#333;
		}
		
.navigation ul li a.active,
.navigation ul li a:hover
		{
			background-color:#ccc;
			color:#B900A7;
		}
		
.content
		{
		
			overflow:hidden;
		}
		
.page
		{			
			margin:0 auto 20px auto;
			width:960px;
		}
		
.footer
		{
			border-top:#B900A7 solid 1px;
			padding:10px 0;
			margin:0 auto;
			width:940px;
		}
		
.footer .copy
		{
			font-size:80%;
		}
		
.floateddiv
		{
			/*background:pink;*/
			
			float:left;
		}





/* -----------------------------------
+
+
+	Typography
+
+
----------------------------------- */

p
		{
			margin-bottom:20px;
		}

p.name,
h2
		{
			margin-bottom:0;
			font-size:120%;
		}
		
p.title
		{
			margin-bottom:0;
			font-size:120%;
			color:#999;
		}
		
p.biog
		{
			margin-bottom:0;
			font-size:90%;
		}

p.date
		{
			margin-bottom:0;
			font-size:80%;
			color:#B900A7;
		}
		
h1
		{
			margin-bottom:20px;
			line-height:130%;
			font-size:120%;
		}
		
.column940px h1
		{
			margin-bottom:0;
		}





/* -----------------------------------
+
+
+	Grid
+
+
----------------------------------- */

.column140px,
.column220px,
.column300px,
.column460px,
.column770px,
.column940px
		{
			margin:20px 10px 0 10px;
			float:left;
			
			/*background:lime;*/
		}
		
.column140px
		{
			width:140px;
		}

.column220px
		{
			width:220px;
		}

.column300px
		{
			width:300px;
		}

.column460px
		{
			width:460px;
		}

.column770px
		{
			width:770px;
		}

.column940px
		{
			width:940px;
		}





/* -----------------------------------
+
+
+	Misc
+
+
----------------------------------- */

img
		{
			vertical-align:bottom;
		}

div
		{
			overflow:hidden;
		}
		




/* -----------------------------------
+
+
+	Links
+
+
----------------------------------- */
	
a
		{
			color:#B900A7;
		}
		
a:active
		{
			color:#B900A7;
		}
		
a:visited
		{
			color:#B900A7;
		}
		
a:hover
		{
			text-decoration:underline;
			color:#B900A7;
		}
				




/* -----------------------------------
+
+
+	Lists
+
+
----------------------------------- */

.content ul
		{
			/*background:lime;*/
			
			list-style:circle;
			padding-left:15px;
		}

.content ul li
		{
			/*background:red;*/
			
			font-weight:bold;
			line-height:110%;
			margin-top:15px;
			font-size:86%;
			color:#B900A7;
		}