
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #bdbdc1 url('img/bg.jpg') fixed top left no-repeat;
	margin: 20px;
}

h1, h2, h3, h4 { margin: 0; padding: 0; }

h1, h2, .frontpage a {
	font-family: Georgia;
	font-weight: normal;
}
h1 { font-size: 24pt; }
h2 { font-size: 14pt; }

.menu { 
	margin-top: 10px; 
	width: 200px; 
}
.menu a {
	display: block;
	text-decoration: none;
	font-size: 10pt;
}
.menu .selected { font-weight: bold; }
.submenu { padding: 0 0 5px 10px; }

.content {
	position: absolute;
	top: 100px;
	left: 175px;
}

/* CMS Page */

.page { 
	padding: 20px 0;
	text-align: justify;
	font-size: 10pt; 
	width: 600px;
}
.page p { margin: 0 0 5px 100px; }
.page h2 { margin: 25px 0 10px 0; }
.page h3 {
	float: left;	
	font-size: 8pt;
	line-height: 13pt;
	font-weight: normal;
	width: 80px;
	text-align: right;
}

/* News page */

.newsitem {
	margin-top: 20px;
	width: 600px;
	clear: left;
}
.newsitem div, h2 { padding-left: 100px; }
.newsitem img { 
	float: left; 
	max-width: 80px;
	max-height: 80px;
}
.newsitem, .newsitem img {
	padding-bottom: 20px;
}
.newsitem div, .newsitem h4 { 
	text-align: justify;
	font-size: 10pt; 
}
.newsitem h3 { 
	font-size: 11pt; 
	font-weight: bold; 
}
.newsitem h4 {
	margin-bottom: 5px;
}

/* Work view page */

.works td { 
	vertical-align: middle; 
	height: 540px;
	padding: 0px 50px;
}
.works img {
	max-width: 800px;
	max-height: 500px;
}
.works h3, .works h4 {
	font-size: 10pt;
	height: 18px;
}
.works h3 { padding-top: 5px; }
.works h4 { font-weight: normal; }

.works td#return { 
	font-size: 200px; 
	color: #ccc; 
	cursor: pointer;
}

/* Text colours */

h1, h2, h5,
.menu a,
.newsitem h4, 
.works h3, .works h4 
{ color: #444 !important; }

.newsitem h3,  
.menu a:hover, .menu .selected,
.newsitem div, .frontpage a:hover
{ color: #111 !important; }

a { color: #338; }

/* Front Page */

.frontpage {
	position: absolute;
	top: 50%;
	left: 50%;
}
.frontpage .container {
	position: relative;
	width: 400px;
	left: -200px;
	top: -50px;
	text-align: center;
}
.frontpage h1 { font-size: 40pt; }
.frontpage a {
	color: #666;
	text-decoration: none;
	font-size: 16pt;
}

