/* 
GB CSS by James Carrier james@golbravo.co.uk
(c) golfbravo.co.uk 2010 All Rights Reserved
*/

body {
	background:#ECECEC none repeat scroll 0 0;
	color:#222222; 
	margin:0; padding:0; }

body, p, td, tr, label, fieldset {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px; font-weight: 300; line-height: 21px; }

a { color: #666666; }
#supporter a { text-decoration: none; }
#footer a { color: #666666; text-decoration: none; }
.heading { font-weight: bold; }
.message { color: red; }

img { border: 0px; }
br.clear  { clear: both; }

h1  { text-shadow:1px 1px 1px white; font-weight: normal; color: black; }
h2, h3 { font-weight: normal; font-size: 18px; margin: 0px; padding: 0px; }
#header h1 { font-weight: normal; text-shadow: none; font-size: 18px; color: white; }

div#container {
	background-image: url(images/cyber.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 800px; position: relative; margin-left: auto; margin-right: auto; }

div#header {
	width: 780px;
	height: 105px;
	padding: 45px 0px 0px 20px;
	background-image: url('images/header.png'); }

div#supporter {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	text-transform: uppercase; }
	
div#content {
	width: 630px;
	text-align: justify; }

div#column {
	width: 150px;
	text-align:right;
	float: right; }

div#footer {
	position: relative;
	clear: both;
	height: 80px;
	margin-top: 50px;
	margin-bottom: 10px;
	color: #666666;
	font-size: 0.7em;
}

div#footer div#biglinks {
	font-size: 1.5em;
	position: absolute;
	text-transform: uppercase;
	right: 0px;
	top: 5px; }
	
.stylistic {
	background-color: white; 
	padding: 20px; 
	opacity: 0.8; }


/* Navigation */

div#navigate {
	border-bottom: 1px solid white;
	height: 40px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 1.3em; }

div#navigate ul {
	text-align: center;
	height: 39px;
	border-bottom: 1px solid #CACACA;
	list-style-type: none;
	margin: 0px;
	padding: 0px; }
	
div#navigate ul li {
	display: inline-block;
	background-repeat: no-repeat;
	height: 39px;
	line-height: 30px;
	padding: 0px 15px 0px 40px; }

div#navigate ul li a {
	text-decoration: none;
	color: black; 
	text-shadow:1px 1px 1px white; }

div#navigate ul li a.active {
	font-weight: bold; }

div#navigate .home      { background-image: url('images/icons/home.png'); }
div#navigate .about     { background-image: url('images/icons/about.png'); }
div#navigate .services  { background-image: url('images/icons/services.png'); }
div#navigate .portfolio { background-image: url('images/icons/portfolio.png'); }
div#navigate .pay       { background-image: url('images/icons/pay.png'); }
div#navigate .contact   { background-image: url('images/icons/chat.png'); }