/* RESET
________________________________________________________*/

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* HTML & BODY
________________________________________________________*/

html {
}

body {
	font:14px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.3em;
	-webkit-font-smoothing: antialiased;
	background:#14130f;
	color:#fff;
}


/* FONTS
________________________________________________________*/

h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}



p {margin:0 0 1.5em;}

ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

a {	color:#fff;}

/* FONTFACE
________________________________________________________*/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#nav {font: 18px/27px 'BebasNeueRegular', Arial, sans-serif;}
h1 {font: 2.1em/1 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0; margin-bottom:0.5em;color:#948c35; border-bottom: 1px solid #605f5c; height:60px;}
h2 {font: 1.6em 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0; margin-bottom:0.25em; color:#948c35; border-bottom: 1px solid #605f5c; height:60px;}
#services .col1 h2, #about .col1 h2 {height:30px;}

.subheading {
	display:block;
    font: .7em/1 Arial, sans-serif;letter-spacing: 0;
}


/* STYLES
________________________________________________________*/

.gradient{
	background: #999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 
}

.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
  filter:progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=5, offY=5, positive=true);
}

.innershadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

.borderradius {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.textshadow {
	text-shadow: 2px 2px 2px #000;
}

.blackbg {
	background:#000;
	padding:10px;
}

.number {
	color:#fff;
	font-size:1.5em;
}

/* LAYOUT
________________________________________________________*/

#page-height {
	background:url(images/body-bg.png) repeat-x #26251e;
}

#container {
	width:980px;
	margin:0 auto;
}

#header {
	position:relative;
	padding-top:10px;
	z-index:9999;
}

#logo {
	position:absolute;
	z-index:999;
}

#main {
	padding:20px 0px;
}

#about #main, #services #main, #gallery #main, #contactpage #main {
	padding-top:150px;
}




/* NAVIGATION
________________________________________________________*/

#nav {
	position:absolute;
	top:50px;
	right:0px;
}
#nav ul {
	list-style:none;
	}
#nav li {
	float:left;
	margin:2px;}

#nav li a {
	display:block;
	text-decoration:none;
	padding:10px 20px;
	text-transform:uppercase;
}


#home li#homelink a, #nav li a:hover {}

.menu ul {list-style:none;}

#homelink a:hover, #home li#homelink a {
		background:url(images/li-home-bg.png) center no-repeat; 
}
#serviceslink a:hover, #services li#serviceslink a {
		background:url(images/li-services-bg.png) center no-repeat; 
}
#gallerylink a:hover, #gallerypage li#gallerylink a {
		background:url(images/li-gallery-bg.png) center no-repeat; 
}
#aboutlink a:hover, #about li#aboutlink a {
		background:url(images/li-about-bg.png) center no-repeat; 
}
#contactlink a:hover, #contactpage li#contactlink a {
		background:url(images/li-contact-bg.png) center no-repeat; 
}

/* FOOTER
________________________________________________________*/

#footer {
	width:960px;
	margin:0 auto;
	padding:20px 0px;
	font-size:.8em;
	color:#948c35;
}

#footer a {
		color:#948c35;
		text-decoration:none;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer ul li ul li {
	float:left;
	margin:10px 5px 0px 0px;
}

#footer .floatright {
	font-size:.8em;
}

/* COLUMNS
________________________________________________________*/

.col1, .col2, .col3, .col4, .col5, .col6 {
	float:left;
}

.col1 {
	width:600px;
	margin:0px 20px;
}

.col2 {
	width:280px;
	margin:0px 20px;
}

.col2 li {margin:4px 0px;}

/* CLEARFIX & FLOATS
________________________________________________________*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.floatleft {
	float:left;
}
.floatright {
	float:right;
	text-align:right;
}


.slider-wrapper {
	padding-top:100px;
}

#slider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:385px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}