* {
	margin: 0;
	padding: 0;
}

body {
	background: #0c020b url(../images/bkg-body.jpg) no-repeat top center;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden {
	display: none;
}

div#wrapper {
	height: 636px;
	background: url(../images/bkg-wrapper-tile.jpg) repeat-x center 102px;
}

div#container {
	width: 850px;
	margin: 0 auto;
}

div#header {
	padding-top: 10px;
}

h1 {
	width: 317px;
	height: 0;
	padding-top: 210px;
	margin-left: 265px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	background: transparent url(../images/bkg-h1.png) no-repeat top left;
}

div#header h2,h3 {
	height: 0;
	overflow: hidden;
}

div#left-scrolls {
	width: 136px;
	height: 510px;
	margin: 114px 0 0 -76px;
	position: absolute;
	background: url(../images/bkg-left-scrolls.png) no-repeat top left;
	z-index: 8;
}

div#right-scrolls {
	width: 136px;
	height: 510px;
	margin: 114px 0 0 790px;
	position: absolute;
	background: url(../images/bkg-right-scrolls.png) no-repeat top left;
	z-index: 8;
}

div#content-area {
	width: 730px;
	height: 469px;
	margin: 114px 0 0 60px;
	position: absolute;
	z-index: 7;
	overflow: hidden;
	background: transparent url(../images/bkg-content.jpg) no-repeat top left;
}

div#content {
	height: 385px;
	margin-top: 84px;
}

div#flash {
	width: 500px;
	height: 281px;
	margin: 0 auto;
	padding: 39px 56px 51px 56px;
	background: url(../images/bkg-flash.png) no-repeat top left;
}

ul#navigation {
	width: 730px;
	height: 39px;
	list-style: none;
	background: #281226 url(../images/bkg-navigation.png) no-repeat top left;
	text-align: center;
	margin: 583px 0 0 60px;
	position: absolute;
	z-index: 9;
}

ul#navigation li {
	display: inline;
	line-height: 39px;
	float: left;
}

ul#navigation li a {
	height: 0;
	padding-top: 39px;
	overflow: hidden;
	display: block;
}

body#home li#home a, body#work li#work a, body#story li#story a, body#contact li#contact a {
	background-position: 0 -39px;
}

li#home a {
	width: 117px;
	background: url(../images/nav-home.png) no-repeat top left;
}

li#home a:hover {
	background: url(../images/nav-home.png) no-repeat 0 -39px;
}

li#work a {
	width: 248px;
	background: url(../images/nav-work.png) no-repeat top left;
}

li#work a:hover {
	background: url(../images/nav-work.png) no-repeat 0 -39px;
}

li#story a {
	width: 197px;
	background: url(../images/nav-story.png) no-repeat top left;
}

li#story a:hover {
	background: url(../images/nav-story.png) no-repeat 0 -39px;
}

li#contact a {
	width: 168px;
	background: url(../images/nav-contact.png) no-repeat top left;
}

li#contact a:hover {
	background: url(../images/nav-contact.png) no-repeat 0 -39px;
}


/* ---------- INSIDE PAGES ---------- */

div#content {
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	color: #220e20;
}

div#content p {
	margin-bottom: 12px;
}

div#content h3 {
	width: 612px;
	padding-top: 32px;
	margin: 0 auto 20px auto;
}

div#text {
	width: 540px;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
}

/* ---------- HEAR OUR STORY ---------- */

body#story #content h3 {
	background: url(../images/bkg-header-story.png) no-repeat top left;
}


/* ---------- EXPERIENCE OUR WORK ---------- */

body#work #content h3 {
	background: url(../images/bkg-header-work.png) no-repeat top left;
	margin: 0 auto 10px auto;
}

body#work #text {
	height: 51px;
}

div#gallery {
	width: 626px;
	height: 237px;
	margin: 0 auto;
	padding: 38px 0 0 0;
	background: url(../images/bkg-work-gallery.png) no-repeat top center;
}

div#gallery a img {
	border: none;
}

div.scrollable {
	width: 562px;
	height: 190px;
	float: left;
	position: relative;
	overflow: hidden;
}

div.scrollable div.items {
	width: 20000em;
	position: absolute;
	clear: both;
}

div.scrollable div.items div {
	width: 135px;
	height: 190px;
	float: left;
	margin-right: 7px;
	font-size: 10px;
	line-height: 11px;
	text-align: left;
}

div#content div.scrollable div.items div strong {
	font-size: 11px;
}

div#content div.scrollable div.items div p {
	margin-bottom: 3px;
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:19px;
	height:0;
	overflow: hidden;
	padding-top: 19px;
	background: url(../images/gallery-left.png) no-repeat top left;
	float:left;
	margin: 96px 14px 0 0;
	cursor: pointer;
}

a.next, a.nextPage {
	background: url(../images/gallery-right.png) no-repeat top left;
	margin-right: 0;
	float: right;	
}

a.disabled {
	background-position: 0 -19px;
	cursor: default;
}

div.scrollable div.items div div {
	width: auto;
	height: 95;
	float: none;
	margin: 0;
	padding-right: 4px;
	border-right: 1px solid #d9b166;	
}


/* ---------- CONTACT ---------- */

body#contact #content h3 {
	background: url(../images/bkg-header-contact.png) no-repeat top left;
}

ul#contact-options {
	width: 378px;
	margin: 30px auto 20px auto;
}

ul#contact-options li {
	width: 120px;
	float: left;
	display: inline;
	line-height: 14px;
}

ul#contact-options li:first-child {
	padding-right: 60px;
	margin-right: 48px;
	background: url(../images/contact-list-border.png) repeat-y top right;
}

ul#contact-options h4 {
	height: 0;
	overflow: hidden;
	padding-top: 19px;
}

h4#hq {
	width: 110px;
	background: url(../images/contact-h4-hq.png) no-repeat top left;
	margin: 0 auto 7px auto;
}

h4#call {
	width: 108px;
	background: url(../images/contact-h4-call.png) no-repeat top left;
	margin: 0 auto 2px auto;
}

h4#email {
	width: 131px;
	background: url(../images/contact-h4-email.png) no-repeat top left;
	margin: 0 auto 2px auto;
}