@charset "UTF-8";

/*
* RESET
***********************************************************************************/
html, body, h1, h2, h3, h4, h5, div, img, p, ul, ol {
	border:0;
	margin:0;
	padding:0;
	}
	
p, li { line-height:20px; }
	
a:link, a:visited, a:active {
	color:#000;
	text-decoration:none;
	}
a:hover {
	color:#c2a487;
	}


/*
* LAYOUT
***********************************************************************************/
body {
	background-color:#f3efec;
	}

#wrapper {
	margin:25px auto;
	width:844px;
	}
#top {
	background:transparent url(../img/top.jpg) 0 0 no-repeat;
	height:31px;
	width:844px;
	}
#banner-left {
	background:transparent url(../img/banner-left.png) 0 0 no-repeat;
	float:left;
	height:260px;
	width:20px;
	}
#banner-right {
	background:transparent url(../img/banner-right.png) 0 0 no-repeat;
	float:right;
	height:260px;
	width:20px;
	}
#banner-mid {
	background:transparent url(../img/banner-mid.png) 0 0 repeat-x;
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
	line-height: 12px;
	height:260px;
	position:relative;
	width:804px;
	overflow:hidden;
	}
	#content {
		height:185px;
		padding:35px 30px 0 30px;
		}
	#navigation {
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:9px;
		font-weight:bold;
		list-style:none;
		text-align:center;
		}
		#navigation li {
			display:inline;
			margin:0 25px 0 0;
			}
	
	
#big-z {
	background:transparent url(../img/name.jpg) 0 0 no-repeat;
	height:358px;
	margin:-10px 0 0;
	width:844px;
	}
	
	
/*
* SLIDER
***********************************************************************************/
#slider {
	margin:0 auto;
	}
#slider .container, #slider .slide {
	list-style:none;
	margin:0;
	padding:25px 0 0 0;
	position:relative;
	overflow:hidden;
	}
#slider .slide{
	height:145px;
	overflow:hidden;
	white-space:normal;
	width:720px;
	}

#btn-next a {
	background:transparent url(../img/arrow-right.png) 0 0 no-repeat;
	height:200px;
	position:absolute;
	right:40px;
	text-indent:2000em;
	top:20px;
	width:50px;
	}
#btn-prev a {
	background:transparent url(../img/arrow-left.png) 0 0 no-repeat;
	height:200px;
	left:40px;
	position:absolute;
	text-indent:2000em;
	top:20px;
	width:50px;
	}


/*
* CLASSES
***********************************************************************************/
.img {
	display:block;
	text-indent:-2000em;
	text-decoration:none;
	z-index:1000;
	}
.tan { color:#c2a487; }
.portfolio {
	list-style:none;
	margin:0 auto;
	text-align:center;
	width:565px;
	}
.clear {
clear:both;
margin:0; padding:0;
width:100%;
height:1px;
}
	
	
/*
* ELEMENTS
***********************************************************************************/
H1 {
	margin:0 0 15px;	
	}