/* 
CSS created by David Oldfield
Brainstorm Design • brainstormdesign.co.uk • david.oldfield@brainstormdesign.co.uk 

Colours: green : #d7df23
*/
@font-face {
    font-family: 'square721_btroman';
    src: url('/fonts/square_721_bt-webfont.eot');
    src: url('/fonts/square_721_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/square_721_bt-webfont.woff') format('woff'),
         url('/fonts/square_721_bt-webfont.ttf') format('truetype'),
         url('/fonts/square_721_bt-webfont.svg#square721_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	outline:none;
}
html, body {
	height:100%;
}

body {
	padding:0px;
	margin:0px;
	color:#f7edd4;
	font-family: 'square721_btroman', Helvetica, Arial;
	font-size:12px;
	background-color:#000;
	background-image:url(/images/bg-body.jpg);
	background-repeat:repeat-x;
}
input, select, textarea {
	font-family: Helvetica, Arial;
	font-size:12px;
}
.clear {
	clear:both;
}
a {
	color:#f7edd4;
	text-decoration:none;
	font-family: 'square721_btroman', Helvetica, Arial;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;*/
}
a:hover {
	text-decoration:underline;
}
#container {
}
h1, h2, h3, h4, h5 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	color:#8f8000;
}

ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu {
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
	padding:15px 0px 8px 0px;
	width:100%;
	background-image:url(/images/bg-black-transparent.png);
}
.inner_menu, .content {
	width:1200px;
	margin:0px auto;
	position:relative;
	z-index:1;
}
.content {
	position:relative;
	z-index:15;
	padding-bottom:20px;
}
img.logo {
	width:340px;
}
.links {
	position:absolute;
	right:0px;
	top:40px;
	z-index:1;
}
.links li, .links li a, .links li span {
	display:inline-block;
	vertical-align:middle;
	height:30px;
}
.links li {
	margin-left:25px;
}
.links li a, .links li span {
	font-size:13px;
	text-transform:uppercase;
}
.links li a:hover {
	color:#8f8000;
	text-decoration:none;
}
.links li a img {
	margin-top:1px;
	height:16px;
	margin-left:4px;
}
#overlay {
	height:100%;
	width:100%;
	background-image:url(/images/bg-black-transparent.png);
	position:fixed;
	top:0px;
	left:0px;
	z-index:2;
	display:none;
}
#about, #contact, #work {
	display:none;
	width:634px;
	margin:200px auto 0px auto;
}
.column {
	width:307px;
	margin-right:20px;
	float:left;
	padding-bottom:20px;
}
#prevslide, #nextslide {
	position:absolute;
	top:48%;
	z-index:1;
	border-bottom:2px solid #000;
}
#prevslide:hover, #nextslide:hover {
	border-bottom:2px solid #8f8000;
	cursor:pointer;
}
#prevslide {	
	left:0px;
}
#nextslide {
	right:0px;
}
#slidecounter {
	background-color:#000;
	color:#fff;
	display:block;
	position:absolute;
	right:0;
	top:55%;
	z-index:1;
	height:20px;
	padding-top:5px;
	width:58px;
	text-align:center;
	font-size:12px;
}
h2 {
	position:relative;
	z-index:1;
	display:block;
}
h2 a {
	position:absolute;
	right:0px;
	top:0px;
	z-index:2;
}
a.close {
	text-transform:uppercase;
	font-size:11px;
	color:#c00;
}
.no_m {
	margin-right:0px!important;
}