/********** GLOBAL **********/

body{
	margin:0;
	padding:0;
	border:none;
	font-family:helvetica, arial, sans-serif;
	font-size:14px;
	color:#2e2821;
	background:url('../nav/body_bg.gif') repeat-x;
	text-align:center;
}
ul, ol, dl{
	margin:15px 0 15px 30px;
	padding:0;
}
ul li, ol li, dl li{
	margin:3px 0;
	padding:0;
}
form, input, label{
	margin:0;
	padding:0;
}
fieldset{
	margin:0;
	padding:0;
	border:none;
}
a:link{
	color:#bc000f;
}
a:visited{
	color:#bc000f;
}
a:hover, a:focus, a:active{
	color:#2e2821;
}
img{
	border:none;
}
h1, h2, h3, h4, h5, h6{
	font-weight:700;
	color:#2e2821;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #fff;
}
h1{
	font-size:30px;
	margin:0 0 18px 0;
}
h2{
	font-size:30px;
	margin:0 0 20px 0;
}
h3{
	font-size:18px;
	margin:28px 0 18px 0;
	font-weight:400;
}
h3.red{
	margin:0 0 24px 0;
	color:#bc000f;
}
h4{
	font-size:14px;
	margin:0 0 16px 0;
}
h5{
	font-size:12px;
	margin:0 0 16px 0;
}
h5{
	font-size:11px;
	margin:0 0 16px 0;
}
p{
	margin:0 0 18px 0;
	line-height:18px;
	text-shadow:1px 1px 1px #fff;
}
.red{
	color:#bc000f;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/********* STRUCTURE *********/

.grey-wrap{
	background-color:#e9e8e7;
	border-top:1px solid #fff;
	border-bottom:1px solid #b5b1ad;
	padding:30px 0;
}
.grey-wrap#top{
	border-top:1px solid #d0cecb;
}
.brown-wrap{
	background:url('../nav/brown_bg.jpg') repeat #b8b0a8;
	border-top:1px solid #fff;
	border-bottom:1px solid #8e867d;
	padding:30px 0;
	overflow:hidden;
}
#about, .work, .contact{
	width:995px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

/********* HEADER *********/

#header{
	width:995px;
	height:315px;
	position:relative;
	background:url('../nav/header.gif') 0 0 no-repeat;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
#header img{
	position:absolute;
	top:125px;
	left:0;
}
#header ul{
	list-style:none;
	margin:0;
	position:absolute;
	top:13px;
	right:0;
}
#header ul li{
	float:left;
	display:inline;
	margin:0 0 0 16px;
}
#header ul li a{
	color:#fff;
	font-size:11px;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#d30010;
}
#header ul li a:hover{
	color:#2e2821;
}
#header h1#strapline{
	width:486px;
	height:101px;
	position:absolute;
	top:105px;
	right:0;
	overflow:hidden;
}
#header h1#strapline span{
	margin:0;
	display:block;
	width:486px;
	height:101px;
	position:absolute;
	top:0;
	right:0;
	background:url('../nav/strapline.gif') 0 0 no-repeat;
}

/********* ABOUT *********/

#rotator{
	float:right;
	width:485px;
	height:600px;
	float:right;
	display:inline;
	position:relative;
	margin:-90px 0 0 20px;
	-moz-box-shadow:0 0 5px #222;
	-webkit-box-shadow:0 0 5px #222;
	box-shadow:0 0 5px #222;
}
#rotator img{
	border:15px solid #bcb4ac;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#rotator img.active{
    z-index:10;
}
#rotator img.last-active{
    z-index:9;
}

#skillset{
	width:485px;
	height:332px;
	position:relative;
}
#skillset span{
	width:485px;
	height:332px;
	position:absolute;
	top:0;
	left:0;
	background:url('../nav/skillset.gif') no-repeat;
}

/********* WORK *********/

.work{
	background:url('../nav/further_work.gif') bottom right no-repeat;
	overflow:hidden;
	padding:0 0 25px;
	position:relative;
}
.work h2, .work h3{
	text-shadow:1px 1px 1px #e3dfda;
}
.webdesign{
	width:600px;
	float:left;
	display:inline;
	margin:10px 0 0;
}
.emailmarketing{
	width:385px;
	float:right;
	display:inline;
	margin:10px 0 0;
}
.work ul{
	list-style:none;
	margin:0;
}
.work ul li{
	width:185px;
	height:200px;
	float:left;
	display:inline;
	margin:0 15px 15px 0;
	position:relative;
}
.work ul.large-portfolio li{
	width:270px;
	height:200px;
	margin:0 25px 25px 0;
}
.work ul li.no-margin{
	margin:0 0 15px;
}
.work ul li img{
	-moz-box-shadow:0 0 5px #695c4f;
	-webkit-box-shadow:0 0 5px #695c4f;
	box-shadow:0 0 5px #695c4f;
	margin:0 0 8px;
}
.work ul li h4{
	font-size:12px;
	text-shadow:none;
	margin:0 0 8px;
}
.work ul li p{
	font-size:11px;
	text-shadow:none;
	margin:0;
	line-height:16px;
}
.work ul li div{
	position:absolute;
	top:0;
	left:0;
	width:183px;
	height:98px;
	background-color:#222;
	border:1px solid #000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display:none;
}
.work ul li div h4{
	text-shadow:none;
	color:#fff;
	margin:0;
	padding:15px;
	font-size:12px;
	font-weight:400;
	line-height:16px;
}
.work ul li div img{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	position:absolute;
	margin:0;
}
.work ul li div img.zoom{
	bottom:15px;
	left:15px;
}
.work ul li div img.site{
	bottom:15px;
	right:15px;
}

/********* CONTACT *********/

.contact p{
	font-size:18px;
	margin:0;
}

/********* FOOTER *********/

#footer{
	text-align:center;
	font-size:11px;
	color:#888888;
	padding:15px 0;
}
#footer a{
	color:#888888;
	text-decoration:none;
}

/********* SLIMBOX *********/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('../nav/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('../nav/prevlabel.gif') no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('../nav/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('../nav/closelabel.gif') no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}