html {
	min-height: 100%;
}
body {font-family: Helvetica, Arial, sans-serif;
	color: #5a5241;
	font-size: 70%; /* IE */
	background:#e2e1dd;
	margin:0;
	padding:0;
	line-height:20px;
}  
html > body   { font-size:12px ; }  /* Other browsers */

ul 
	{
	list-style-type: none;
	padding:0;
	margin:0;
	display:block;
	}

li {
	padding:0;
	margin:0;
	}	
	
a { padding:0;
margin:0;}	
	
.right
	{
	position:absolute;
	top:100px;
	margin-left:470px;
	width:320px;
	height:325px;
	background: url(../images/curve_right.gif) no-repeat top right;
	display:block;
	}
	
.left
	{
	display:block;
	width:470px;
	height:325px;
	}	
	
.leftsmall
	{
	display:block;
	width:170px;
	height:325px;
	}	
	
.middle
	{
	position:absolute;
	top:100px;
	margin-left:170px;
	width:370px;
	padding:30px;
	overflow:hidden;
	}

.rightsmall
	{
	position:absolute;
	top:100px;
	margin-left:600px;
	width:189px;
	background:#f9f9f8 url(../images/curve_rightsmall.gif) no-repeat top right;;
	border-left: 1px solid #edecea;
	height:325px;
	}	
	
.middleleft
	{
	width:175px;
	padding-top:20px;
	padding-right:15px;
	float:left;
	}
	
.middleright
	{
	width:175px;
	padding-top:20px;
	float:left;
	}
	
.middle img
	{
	padding-bottom:6px;
	}	
	
/*Basic Typography*/
a 
	{
	color:#784b37;
	text-decoration: none;
	}

a:hover
	{
	color:#3f2114;
	}

h1
	{
	font-size:12px;
	color:#5a5241;
	font-weight:bold;
	line-height:0px;
	}

h2
	{
	font-size:10px;
	color:#5a5241;
	font-weight:normal;
	line-height:12px;
	}

	
.container
	{
	margin:100px auto;
	width:790px;
	}

.content
	{
	display:block;
	background:white;
	height:325px;
	width:790px;
	overflow:hidden;
	}
	
.image
	{
	background:url(../images/ajax-loader.gif) no-repeat center;
	}

.description
	{
	margin:145px 30px 30px 30px;
	}
	
.worklist
	{
	font-size:9px;
	line-height:15px;
	padding:30px;
	}

.worklist a
	{
	display:block;
	}
/*.worklist ul li img
	{
	position:absolute;
	top:0px;
	left:470px;
	
	}
.worklist ul li a:hover {white-space:normal;}

.worklist ul li a:hover img
	{
	display:block;
	}*/

.worklist ul li { padding:0; margin:0; height:15px;}
.worklist ul li a {display:block;}
.worklist ul li a img {display:block; width:0px; height:0px; border:0; padding:0; margin:0;}
.worklist ul li a:hover {white-space:normal;}
.worklist ul li a:hover img {position:absolute; left:-470px; top:0; width:470px; height:325px;}





	
#hoverpagelink
	{
	position:absolute;
	top:390px;
	margin-left:500px;
	}	
	
.pagelink a
	{
	padding-top:15px;
	font-size:9px;
	color:#ad9e8b;
	text-transform:uppercase;
	}	

.pagelink a:hover
	{
	color:#464035;
	}		

.thumbs
	{
	width:260px;
	border-bottom: 1px solid #f6f6f5;
	margin: 0px 30px;
	padding-top:30px;
	padding-bottom:12px;
	}

.thumbs img
	{
	padding-right:4px;
	background:url(../images/ajax-loader.gif) no-repeat center;
	border:none;
	outline:none;
	}

img {
	border:none;

}
div.navigation
	{
	padding-top:10px;
	margin-left:10px;
	}

ul.navigation
	{
	margin-left:162px;
	border-left:1px solid #fff;
	border-right:1px solid #fff; /* #d0cac2; */
	width:296px;
	height:50px;
	}

ul.navigation li
	{
	float:left;
	margin-top:15px;
	margin-left:35px;
	}

ul.navigation li a
	{
	color:#6a6655;
	font-size:13px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	float:left;
	}

ul.navigation li a:hover
	{
	color:#444;	
	}

div.info
	{
	position:absolute;
	top:450px;
	margin-left:490px;
	font-size:9px;
	}

span#copyright
	{
	padding-left:15px;
	color:#ad9e8b;
	text-transform: uppercase;
	}
	
.title a
	{
	padding-right:12px;
	margin-top:8px;
	float:left;
	width:141px;
	height:33px;
	background:url(../images/caponi_title.gif) no-repeat;
	overflow : hidden;
	display:block;
	background-position:0 -1px;
	text-indent:-100px;
	letter-spacing: -1000em;
	}

.title a:hover
	{
	background-position: 0 -34px;
	}	

.category	
	{
	font-size:9px;
	color:#ad9e8b;
	text-transform:uppercase;
	font-style:normal;
	}
	
.work
	{
	font-size:9px;
	color:#ad9e8b;
	text-transform:uppercase;
	font-style:normal;
	padding-bottom:15px;
	}
.work a	
	{
	color:#ad9e8b;
	text-transform:uppercase;
	display:inline;
	}
.work a:hover, .work a:active
	{
	color:#3f2114;
	}
	
#workright
	{
	padding-left:30px;
	}
	
#active_link
	{
	color:#3f2114;
	}