/*	Global styles */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}

body, th, td {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696969;
	}

h1, h2, h3, h4 {
	margin: 0 0 15px 0;
	padding: 0;
	text-transform: uppercase;
	}
	h2 { font-size: 12px; color: #444; margin-bottom: 10px; }
	h3 { font-size: 12px; color: #444; margin-bottom: 10px; }

p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.5em;
	}

a {
	color: #5da5bd;					/* COLOUR VARIATION */
	text-decoration: none;
	}
	a:hover { color: #a3cbd9; }		/* COLOUR VARIATION */
	a img { border: none; }

/*	Misc styles */

a.anchor { color: #696969; }
a.anchor:hover { color: #696969; }

.smaller { font-size: 11px; }
.small { font-size: 10px; }

.bigger { font-size: 13px; }
.big { font-size: 14px; }

.left { float: left; }
.right { float: right; }

.tighter { line-height: 1.4em; }

img.left {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #171717;
	}
img.right {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #171717;
	}
img.lite { border: none; }

.dull { color: #525252; }

.nobreak { white-space: nowrap; }

ul.rich {
	margin: 0 0 15px 0;
	padding: 0 0 0 1.3em;
	text-indent: -1.3em;
	list-style-image: url('/assets/images/construct/bullet-arrow-small.gif');
	list-style-position: inside;
	}
	ul.rich li {
		margin: 0;
		padding: 0 0 0.4em 0;
		}

/*	Background/canvas styling */

body { background: #191919 url('/assets/images/construct/bg-soft-noise.jpg'); }

#canvas {
	float: left;
	width: 100%;
	/*height: auto;*/
	min-height: 800px;
	height: auto !important;
	height: 800px;
	background: url('/assets/images/construct/bg-soft-radial.jpg') top no-repeat;
	}

/*	Layout */

#pagewrap {
	margin: 0 auto 30px auto;
	width: 820px;
	}

#navigation {
	border-top: 26px solid #666;
	width: 820px;
	}
	#navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#navigation ul li {
			float: left;
			margin: 0;
			padding: 0;
			width: 210px;
			list-style-type: none;
			font-size: 12px;
			text-transform: uppercase;
			line-height: 1em;
			background: url('../images/construct/dotted-line-x-light.gif') bottom repeat-x;
			}
			/*#navigation ul li:last-child*/
			#navigation ul li.last { width: 190px; }
			#navigation ul li a {
				display: block;
				margin-right: 20px;
				margin-bottom: 1px;
				padding: 28px 0 13px 0;
				color: #696969;
				}
				/*#navigation ul li:last-child a*/
				#navigation ul li.last a { margin-right: 0; }
				#navigation ul li a:hover { color: #b4b4b4; }
				#navigation ul li.active a {
					color: #b4b4b4;
					padding-bottom: 10px;
					border-bottom: 3px solid #5da5bd;	/* COLOUR VARIATION */
					}

#header {
	float: left;
	width: 820px;
	height: 150px;
	background: url('../images/construct/heading-introduction.gif') 209px 86px no-repeat;
	}
	#header img.logo {
		float: left;
		margin-top: 69px;
		}
	#header img.twitter {
		float: right;
		margin: 43px 10px 0 0;
		}

.content-row {
	float: left;
	width: 820px;
	padding: 35px 0 45px 0;
	background: url('../images/construct/dotted-line-x.gif') top repeat-x;
	}
	.content-row.lite { padding: 20px 0 30px 0; }

.col {
	float: left;
	margin-right: 20px;
	width: 190px;
	}
	.col-lite { float: left; width: 190px; }

.col2 {
	float: left;
	margin-right: 20px;
	width: 400px;
	}
	.col2-lite { float: left; width: 400px; }

.col3 {
	float: left;
	margin-right: 20px;
	width: 610px;
	}
	.col3-lite { float: left; width: 610px;	}

#footer {
	float: left;
	width: 820px;
	margin: 30px 0 0 0;
	padding: 10px 0 40px 0;
	background: url('../images/construct/dotted-line-x.gif') top repeat-x;
	}
	#footer p {
		font-size: 10px;
		color: #525252;
		}

/*	Page specific */

.minigallery {
	width: 400px;
	}
	.minigallery ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		.minigallery ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
	ul.minigallery-controls {
		float: left;
		margin: 0 0 15px 0;
		padding: 0;
		list-style: none;
		background: url('../images/construct/dotted-line-x.gif') bottom repeat-x;
		}
		ul.minigallery-controls li {
			float: left;
			margin: 0;
			padding: 4px 0 7px 0;
			width: 11px;
			list-style-type: none;
			}
			ul.minigallery-controls li a { outline: none; }
			ul.minigallery-controls li.gal-label {
				width: 378px;
				font-size: 11px;
				color: #444;
				text-transform: uppercase;
				text-align: center;
				}

#twitter {
	font-size: 11px;
	color: #525252;
	}
	ul#twitter_update_list {
		margin: 0 0 15px 0;
		padding: 0;
		list-style: none;
		}
		ul#twitter_update_list li {
			margin: 0;
			padding: 8px 0 12px 0;
			list-style-type: none;
			font-size: 11px;
			font-style: italic;
			color: #525252;
			line-height: 1.2em;
			}
			ul#twitter_update_list li span { display: block; }
			ul#twitter_update_list li span a { color: #777; }
			ul#twitter_update_list li span a:hover { color: #999; }
	p.twitter_follow {
		margin-top: 6px;
		padding-top: 8px;
		font-size: 11px;
		font-style: normal;
		background: url('../images/construct/dotted-line-x.gif') top repeat-x;
		}

.work-row {
	float: left;
	width: 820px;
	padding: 0 0 30px 0;
	}
	.work-row .col {
		padding-top: 10px;
		background: url('../images/construct/dotted-line-x-light.gif') top repeat-x;
		}
	.work-image {
		margin: 0 0 15px 0;
		width: 610px;
		height: 380px;
		background-repeat: no-repeat;
		}
		.work-image div.glase {
			width: 610px;
			height: 380px;
			background: url('../images/construct/lower-gradient-alpha.png') bottom repeat-x;
			}