/* reset */

body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
	
li {list-style: none;}

a {
	text-decoration: none;
	color: #F6DBAC;
	outline: none;
	}

/* end reset */

/* basic template styles */

body {
	background: url(../images/bg.gif) top left #1D100A;
	font-family: "Lucida Sans", Arial, Helvetica;
	line-height: 1.9em;
	color: #f6dbac;
	font-size: .7em;
	}
	
#head {
	/* this is the top gradient */
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	height: 187px;
	background: url(../images/bg-top.gif) top left repeat-x;
	z-index: 10;
	}

#content-wrap {
	position: relative;
	}

#content {
	width: 584px; /* 608 minus side padding */
	position: relative;
	margin: 0px 0px 0px 278px;
	background: url(../images/bg-body.gif) top left repeat-y #1D100A;
	padding: 150px 12px 150px 12px;
	z-index: 90;
	}

h1 {
	/* logo */
	width: 331px;
	height: 187px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9999em;
	background: url(../images/logo-clr.gif) top left no-repeat;
	z-index: 100;
	}

/* nav */

.nav {
	width: 265px;
	height: 118px;
	background: url(../images/nav.gif) no-repeat;
	position: absolute;
	right: 0px;
	top:0px;
	
	}

.nav li {
	display: inline;
	}


.nav li a:link, .nav li a:visited {
	position: absolute;
	top:0px;
	height: 118px;
	text-indent: -9999em;
	overflow: hidden;
	z-index:10;
	}
	
.nav .work a:link, .nav .work a:visited {
	left: 0px;
	width: 65px;	
	}

.nav .about a:link, .nav .about a:visited {
	left: 65px;
	width: 117px;	
	}
	
.nav .contact a:link, .nav .contact a:visited {
	left: 182px;
	width: 83px;	
	}
	
.nav .work a:hover, .nav .work a:focus {background: url(../images/nav.gif) no-repeat 0px -119px;}
.nav .about a:hover, .nav .about a:focus {background: url(../images/nav.gif) no-repeat -65px -119px;}
.nav .contact a:hover, .nav .contact a:focus {background: url(../images/nav.gif) no-repeat -182px -119px;}

/* jquery rollover */

.nav-work, .nav-work-click {
    position: absolute;
    top: 0;
    left: 0px;
    width: 65px;
    height: 118px;
    background: url(../images/nav.gif) no-repeat 0px -119px;
	}

.nav-about {
    position: absolute;
    top: 0;
    left: 65px;
    width: 117px;
    height: 118px;
    background: url(../images/nav.gif) no-repeat -65px -119px;
	}

.nav-contact {
    position: absolute;
    top: 0;
    left: 182px;
    width: 85px;
    height: 118px;
    background: url(../images/nav.gif) no-repeat -182px -119px;
	}

.current-work {}

/* footer */

#footer {
	width: 100%;
	background: url(../images/footer.png) top left repeat-x;
	height:163px;
	z-index: 100;
	position: absolute;
	bottom: 0px; left:0px; right:0px;	
	}
	
#footer p {
	color:#a37d5c;
	padding: 90px 0px 0px 290px;
	margin: 0px;
	font-size: .9em;}

/* BEGIN SECTION STYLES */

.section {
	margin-bottom: 20px;
	font-weight: 100;
	}

.section h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 580px;
	height: 32px;
	text-indent: -9999em;}

.top {
	position:relative;
	top: 0px;
	right:0px;
	overflow: visible;
	}

.top a {
	position: absolute;
	top:20px;
	right:-60px;
	height: 7px;
	width: 27px;
	background: url(../images/top.gif) no-repeat;
	background-position: 50% 50%;
	text-indent: -9999em;
	padding: 3px;
	
	}
	
.section#work h2 {background: url(../images/title-work.gif) top left no-repeat;}
.section#about h2 {background: url(../images/title-about.gif) top left no-repeat;}
.section#contact h2 {background: url(../images/title-contact.gif) top left no-repeat;}

.section#work .object {
	position: relative;
	height: 500px;}

.section#work .object div {
	/* this is the description box ot the left */
	position:absolute;
	left: -256px;
	width: 188px; /* 227 minus padding  */
	background: #1D100A;
	top:15px;
	padding: 18px;
	border-top: 1px solid #35281b; 
	font-size: .85em;
	}

.section#work .object div h3 { /* left description title */
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px dashed #35281b; 
		font-size: 1.3em;

	}

.visit {
	color: #ef9800;
	}

.visit:hover {
	border-bottom: 1px solid #ef9800;
	}

.center {
	text-align: center;}
	
.numbers {
	text-align: center;
	}

.numbers a {
	background: url(../images/numbers.jpg) top center no-repeat;
	padding: 4px 6px;
	}

.numbers a:hover {
	background: url(../images/numbers.jpg) bottom center no-repeat;
	
	}
	
.section#about h3#hello {
	width: 176px;
	height: 57px;
	background: url(../images/hello.gif) top left no-repeat;
	text-indent: -9999em;
	margin: 0px;
	padding:0px;
	}
	
.section .l {
	width: 310px; /* 295 plus padding from the P tag */
	float: left;}
	
.section .l p {
	padding-left: 10px;
	
	}

.section .r {
	width: 235px;
	margin-right: 10px;
	float: right;}
	
#cv {
	width: 178px;
	height: 222px;
	background: url(../images/cv.jpg) top left no-repeat;
	display: block;
	text-indent: -9999em;
	float: right;
	margin-top: 40px;}
	
/* contact form */

form, fieldset, label, input, textarea, button {
	margin: 0px;
	padding: 0px;}

textarea, input {
	background-color:#291b16;
	color: #F6DBAC;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	border: 1px solid #896222;
	padding: 3px;
	}
	
fieldset {
	border-collapse: collapse;
	border: 0px #1D100A solid;}

.section#contact form p {
	clear: both;
	margin: 0px;
	padding-bottom: 15px;
	overflow: auto;}

.section#contact form label {
	float: left;
	width: 40px;
	text-align: right;
	padding-right: 15px;
	}

.section#contact form input {
	width: 170px;
	float: left;}

.section#contact form textarea {
	width: 100%;
	height: 135px;
	margin-left: 10px;}


button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 5px 0 0; 
  text-align:center; 
  background:url(../images/button-r.png) right no-repeat; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 10px; 
  height:28px; 
  line-height:25px;
  background:url(../images/button-l.png) left no-repeat;
  color: #f6dbac;
}

button:hover {
  background:url(../images/button-r-o.png) right no-repeat; 
}
button:hover span {
  background:url(../images/button-l-o.png) left no-repeat;
}

button#contact-button {
	position: relative;
	left: 50px;}


/* BUTTON LINK */

a.button {
	border:0; 
	font-weight:bold; 
	padding:0px 10px 0px 0px; 
	text-align:center; 
	background:url(../images/button-r.png) right no-repeat; 
	float: left;
	}

a.button span {
	position:relative; 
	display:block; 
	white-space:nowrap; 
	padding:0 0 0 10px; 
	height:28px; 
	line-height:25px;
	background:url(../images/button-l.png) left no-repeat;
	color: #f6dbac;
	float: left;
	}

a.button:hover {
  background:url(../images/button-r-o.png) right no-repeat; 
}
a.button:hover span {
  background:url(../images/button-l-o.png) left no-repeat;
}

/* FIXES */

.clearfix {
	overflow: hidden;
	}

.hide {
	line-height: 0em;
	text-indent: -9999em;
	height:0px;
	overflow: hidden;}