/******************************
 CSS Created by Kelvin Travers
    www.kelvintravers.co.uk
******************************/
html {
	height: 100%; 
	max-height: 100%; 
	padding: 0; 
	margin: 0; 
}

body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(/images/bg_body.gif) center;
	height: 100%;
	max-height: 100%;
	overflow: hidden; 
}

p { margin: 0; padding: 0; }
a:link, a:visited { color: #FFF; text-decoration: none; }
a:hover, a:active {	color: #FFF; text-decoration: underline; }

#wrapper {
	display: block;
	height: 100%;
	max-height: 100%;
	overflow-y: scroll;
	position: relative;
	z-index: 3;
}

/* Header */
div#headerContainer {
	height: 70px;
	background: #000;
	border-bottom: 1px solid #FFF;
	position: absolute;
	z-index: -1;
	width: 100%;
}

div#header {
	width: 938px;
	height: 376px;
	background: url(/images/bg_billboard.gif);
	margin: 0 auto;
	text-align: left;
}

/* Navigation */
div#nav {
	height: 74px;
	text-align: center;
	position: absolute;
	z-index: 2;
	width: 100%;
}

ul.nav {
	padding: 0 20px;
	margin: 0 auto;
	width: 898px;
}

ul.nav li span { display: none; }

ul.nav li, ul.nav a {
	height: 74px;
	display: block;
}

ul.nav li {
	float: left;
	list-style: none;
	display: inline;
}

#home a { width: 103px; background: url(/images/but_home.png) no-repeat; }
#home a:hover { background: url(/images/but_home.png) 0px -74px no-repeat; }

#about a { width: 103px; background: url(/images/but_about.png) no-repeat; }
#about a:hover { background: url(/images/but_about.png) 0px -74px no-repeat; }

#contact a { width: 103px; background: url(/images/but_contact.png) no-repeat; }
#contact a:hover { background: url(/images/but_contact.png) 0px -74px no-repeat; }

#blog a { width: 103px; background: url(/images/but_blog.png) no-repeat; }
#blog a:hover { background: url(/images/but_blog.png) 0px -74px no-repeat; }

/* Heroes */
div#herohome {
	background: url(/images/hero_home.png) no-repeat;
	width: 923px;
	height: 242px;
	text-transform: uppercase;
	padding: 134px 10px 0 0;
	color: #A1A07C;
}

div#heroabout {
	background: url(/images/hero_about.png) no-repeat right center;
	width: 608px;
	height: 296px;
	padding: 80px 280px 0 50px;
	text-align: right;
	font-size: 13px;
}

div#herocontact {
	width: 818px;
	height: 296px;
	padding: 80px 60px 0 60px;
	font-size: 13px;
}

div#heroabout p, div#herocontact p { line-height: 125%; margin-bottom: 10px; }

div#herohome a { color: #333; }
div#herohome p { line-height: 135%; margin-bottom: 10px; }

div#news { 
	width: 183px; 
	height: 195px;
	float: right; 
	background: url(/images/postit.png) no-repeat; 
	padding: 45px 25px 0 35px;
}

/* Content */
div#content {
	width: 898px;
	background: url(/images/bg_billboard.gif);
	margin: 0 auto;
	text-align: center;
	padding: 20px;
}

div.boxTop {
	width: 972px;
	height: 16px;
	margin: 26px auto -9px auto;
	background-image: url(/images/box-top.png);
}

div.boxBottom {
	width: 972px;
	height: 21px;
	margin: 0 auto;
	background-image: url(/images/box-bottom.png)
}

div.boxMiddle {
	width: 972px;	
	margin: 0 auto;
	text-align: center;
	background: url(/images/box-middle.png) repeat-y;
}

.title { text-align: left; margin-bottom: 20px; }
.portfolio { margin-bottom: 30px; }

/* Footer */
.padBlock {
	display: block;
	height: 83px;
}

div#footerContainer {
	position: absolute; 
	margin: 0; 
	right: 17px;
	bottom: 0; 
	display: block; 
	width: 100%; 
	height: 83px; 
	z-index: 4;	
	background: url(/images/bg_footer.gif) bottom repeat-x;
	text-align: center;
}

div#footer {
	padding: 0;
	margin: 0 auto;
	width: 938px;
	text-align: left;
}

div#copyright {
	width: 459px;
	float: left;
	padding: 30px 0 0 10px;
}

div#footerNav {
	width: 409px;
	padding-left: 50px;
	height: 74px;
	text-align: right;
	float: right;
}

ul.footernav {
	padding: 0;
	margin: 0 auto;
	width: 898px;
}

ul.footernav li span { display: none; }

ul.footernav li, ul.footernav a {
	height: 65px;
	display: block;
}

ul.footernav li {
	float: left;
	list-style: none;
	display: inline;
}

#footerhome a { width: 103px; background: url(/images/but_home_footer.png) no-repeat; }
#footerhome a:hover { background: url(/images/but_home_footer.png) 0px -65px no-repeat; }

#footerabout a { width: 103px; background: url(/images/but_about_footer.png) no-repeat; }
#footerabout a:hover { background: url(/images/but_about_footer.png) 0px -65px no-repeat; }

#footercontact a { width: 103px; background: url(/images/but_contact_footer.png) no-repeat; }
#footercontact a:hover { background: url(/images/but_contact_footer.png) 0px -65px no-repeat; }

#footerblog a { width: 103px; background: url(/images/but_blog_footer.png) no-repeat; }
#footerblog a:hover { background: url(/images/but_blog_footer.png) 0px -65px no-repeat; }

.icon { margin-left: 8px; border: 0; }

/* Form Styles */
div#formLeft { float: left; width: 350px; }
div#formRight { float: right; width: 350px; }

input, textarea, select {
	font-size: 12px;
	width: 346px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #D10000;
	padding: 2px;
	border: 1px solid #D8C3C3;
}

textarea { height: 138px; }

.submit {
	background: none;
	float: right;
	border: 0;
	width: auto;
}

.checkbox {
	width: 15px;
	background: none;
	padding: 0px;
	color: none;
	vertical-align: middle;
	margin-right: 5px;
}

div.input {
	width: 346px;
	margin: 2px 0 15px 0;
}

div.radio {
	width: 346px;
	margin: 2px 0 15px 0;
}

div#checkLeft {
	width: 49%;
	float: left;
	position: relative;
	margin-bottom: 15px;
}

div#checkRight {
	width: 49%;
	float: right;
	position: relative;
	margin-bottom: 15px;
}

div.textarea {
	height: 138px;
	width: 346px;
	margin: 2px 0 15px 0;
	overflow: hidden;
}

/* Misc */
div.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0.1em;
	overflow: hidden;
}