@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
	background-color:#A30101;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { margin-bottom: 16px; }

ul {
  margin-left: 16px;
  line-height: 21px;
  margin-top: 5px;
  font-size: 12px;
}

ul li {
  padding-left: 3px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}

.header {
	margin: 43px 0 45px 0;
	z-index: 100;
	height: 83px;
}

.main {
	height: 480px;
	margin-bottom: 40px;
	
}

.logo-eh {
	margin-top: 30px;
	margin-left: 0;
	display: inline-block;
}

.nav-bg {
	position: relative;
	right: 0;
	left: 158px;
	display: inline-block;
}

.content-box-1.grid_4 {
	width: 228px;
	margin-right: 136px;
	position: relative;
	margin-left: 0;
	line-height: 17px;
	top: 10px;
}

.content-box-2.grid_4 {
	width: 256px;
	margin-right: 107px;
	position: relative;
	margin-left: 0;
	line-height: 17px;
	top: 10px;
}

.content-box-3.grid_4 {
	width: 249px;
	margin-right: 0px;
	position: relative;
	margin-left: 0;
	line-height: 17px;
	top: 10px;
}

.featured-bullets a:link, .featured-bullets a:visited {
  color: #E1E1E1;
  font-size: 11px;
  text-decoration: none;
  list-style: none;
  background: url(../images/arrow.gif) right center;
  background-repeat: no-repeat;
  text-transform: uppercase;
}

.featured-bullets a:hover {
  color: #BF8B64;
  background: url(../images/arrow-hover.gif) right center;
  background-repeat: no-repeat;
}

.featured-bullets li a {
  display: block;
  padding: 12px 19px 12px;
  width: 100px;
}

.featured-bullets {
  margin: 19px 0 0 0; padding: 0;
  list-style: none;
  width: 157px;
  clear: both;
  background-image: url(../images/buttons/gray-button.png);
  background-repeat: no-repeat;
  height: 43px;
  font-weight: bold;
}

.featured-bullets li {
  padding-left: 0;
  margin-top: 7px;
  clear: both;
}

.footer {
	margin: 0; padding: 0;
	margin-top: 50px;
	background-color: #000;
	height: 330px;
}

.bottom-logo {
	float: left;
	margin-top: 85px;
}

.spacer {
	height: 2px;
	background-image: url(../images/spacer.gif);
	float: left;
	width: 100%;
	margin-top: 30px;
}

.footer-nav {
	float: left;
	display: inline;
	margin-top: 30px;
	width: 364px;
}

.footer-nav a { color: #ff0000; font-weight: bold; text-transform: uppercase; margin-left: 25px; float: left; display: inline; font-size: 10px; text-decoration: none; }
.footer-nav a:first-child { margin-left: 0; }

.footer-nav a:hover { text-decoration: underline; }

.footer-right {
	float: right;
	display: inline;
	font-size: 10px;
	color: #999999;
	font-size: 10px;
	width: 370px;
	text-align: right;
	margin-top: 30px;
}

.footer-right p { line-height: 16px; font-weight: bold; }

.inner-content.grid_4 {
	width: 480px;
	margin-left: 0;
}

.inner-content p { line-height: 20px; padding-bottom: 16px; }

.inner-photos.grid_4 {
	width: 330px;
	margin-left: 77px;
	margin-right: 0;
	height: 490px;
}

.serv-box {
	float: left;
	display: inline;
	width: 250px;
	margin-bottom: 16px;
}

.inner-photos p { line-height: 20px; padding-bottom: 16px; }

/* Work Selection */

.fadehover001 {
	position: absolute;
	top: 40px;
	}
	
.fadehover002 {
	position: absolute;
	top: 40px;
	left: 202px;
	}

.fadehover003 {
	position: absolute;
	top: 197px;
	left: 0px;
	}
	
.fadehover004 {
	position: absolute;
	top: 197px;
	left: 202px;
	}

.fadehover005 {
	position: absolute;
	top: 354px;
	left: 0px;
	}
	
.fadehover006 {
	position: absolute;
	top: 354px;
	left: 202px;
	}
	
	
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	border: 0;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
	}

/* Homepage Scrollable */

.fpscrollable-container {
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	height: 450px;
}

.inner-page .fpscrollable-container { height: 350px; }

.fpscrollable {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 470px;
}

.inner-page .fpscrollable { height: 350px; }

.fpscrollable .items {
	width: 20000em;
	margin-left: 100px;
	position: absolute;
}

.fpscrollable .items div.case-study {
	float: left;
	width: 990px;
	height: 470px;
	position: relative;
	margin: 0 40px 0 0;
}

.inner-page .fpscrollable .items div.case-study { height: 350px; }

.fpscrollable .items div.case-study img {
	position: relative;
	z-index: 10;
}

.header .browse {
	display: block;
	width: 43px;
	height: 148px;
	background: url(../images/nav-carousel.gif) 0 0 no-repeat;
	position: absolute;
	top: 118px;
	right: 0;
	z-index: 1000;
	cursor: pointer;
}

.inner-page .header .browse { top: 85px; }

.header .prev {
	right: auto;
	left: 0;
	background-position: -43px 0;
}

.header .prev:hover {
	background-position: -129px 0;
}

.header .next:hover {
	background-position: -86px 0;
}

.header .disabled {
	display: none;
}

.fpscrollable .case-study-info {
	position: absolute;
	top: 404px;
	left: 0;
	right: 0;
	height: 33px;
	background-color: #2b2826;
	overflow: hidden;
	z-index: 5;
}

.fpscrollable .case-study-info p {
	line-height: 31px;
	font-size: 15px;
	color: #a3acac;
	margin: 0 0 0 159px;
}

.fpscrollable .case-study-info p span {
	color: #fff;
}

.fpscrollable .case-study-info .view {
	display: block;
	width: 210px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 0 0 10px;
	border-left: solid 1px #423f3d;
	color: #a3acac;
	text-decoration: none;
	line-height: 31px;
	font-size: 15px;
	background: url(images/arrow-view.gif) 100% 0 no-repeat;
}

.fpscrollable .case-study-info .view:hover {
	background-position: 100% -33px;
	color: #bbb489;
}

.fpscrollable .case-study-thumb {
	width: 990px;
	height: 450px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.inner-page .fpscrollable .case-study-thumb { height: 350px; }

.fpscrollable .case-study-thumb .img-a img {
	position: absolute !important;
	top: 0;
	left: 0;
}

.fpscrollable .case-study-thumb .img-b img {
	position: absolute !important;
	top: -450px;
	left: 0;
}

.inner-page .fpscrollable .case-study-thumb .img-b img { top: -350px; }

/* Colour */
.fpscrollable .case-study-thumb .img-a {
	z-index: 1;
}

/* B&W */
.fpscrollable .case-study-thumb .img-b {
	z-index: 2;
}

.fpscrollable .case-study-thumb .img-a,
.fpscrollable .case-study-thumb .img-b {
	position: absolute;
	width: 990px;
	height: 450px;
	top: 0;
	left: 0;
	overflow: hidden;
}

.inner-page .fpscrollable .case-study-thumb .img-a,
.inner-page .fpscrollable .case-study-thumb .img-b { height: 350px; }

/*----- Nav Classes -----*/

.nav a {
	background-position: 0 0;
	list-style: none;
}

.nav a:hover, .nav a.current {
	background-position: 0 -17px;
}

.nav { list-style: none; }

.nav li {
	display: inline-block;
	margin-left: 14px;
}

.nav li:first-child { margin-left: 0; }

.nav li a {
	height: 17px;
	list-style: none;
	display: block;
	text-indent: -5000px;
}

.nav li .home { background-image: url(../images/buttons/home.png); width: 64px; }
.nav li .about { background-image: url(../images/buttons/about.png); width: 85px; }
.nav li .portfolio { background-image: url(../images/buttons/our-work.png); width: 88px; }
.nav li .contact { background-image: url(../images/buttons/contact.png); width: 80px; }