/*////////////////////////////////////////////////////
Good CSS references to use are:
	www.yourhtmlsource.com
	www.sitepoint.com
	www.alistapart.com
////////////////////////////////////////////////////*/

/*************** Extra for JS ***************/

#ZoomBox {
	border: 10px solid #ffffff;
	}

#ZoomImage{}
	
#ZoomClose {
	width:30px; 
	height:30px; 
	border: none;
	}

/*************** Body and tag styles ***************/

*{margin:0; padding:0; border:none;}
a {text-decoration: none; }
a img {border:none;}
img {vertical-align: top; margin: 0px; }

body {
	font-family: Verdana, Arial;
	font-size: 100%;
	/*line-height:1.25em;*/
	line-height:0.975em;
	background-color: #f5f5f5;
	}

h1, h2, h3 {
	font-weight:normal;
	letter-spacing: 0.045em;
	margin:0;
	border:0;
	padding:0;
	}
	
h3 {
	font-size: 1em;
	line-height: 1.136em;
	color:#696969;
	}

h1 {
	font-size: 1.375em;
	line-height: 1.436em;
	color:#a9a9a9;
	}
	
span.superscript {
	font-size: 60%;
	vertical-align: super; 
	}

/*************** Header and Navigation styles *******/
#imgContainer {
	position: absolute;
	margin: 40px;
	background-color:#ffffff;
	border:20px solid #ffffff;
	}
	
#container {
	width: 758px;
	margin: 10px auto;
	background-color:#ffffff;
	overflow: hidden;
	border:20px solid #ffffff;
	}

.navigation {
	width: 100%;
	height: 28px; /* 1.8em */
	margin-top: 10px;
	background-color: #696969;
	float: left; /* Note might cause trouble makes IE unhappy*/
	}
	
.navigation ul {
	list-style-type:none;
	}
	
.navigation li {
	display: inline; /*block */
	line-height: 24px;
	}

/* To make IE 5/6 Happy */
* html .navigation li {width:1%;}

.navigation li a:link, .navigation li a:visited {
	font-size: 0.675em;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 7px 20px 8px 20px;
	border-right: 1px solid #ffffff;
	background-color: #696969;
	color: #ffffff;
	}
	
.navigation li a:hover {
	background-color:#000000;
	color: #ffffff;
	}

/**************** Cover page styles ****************/

.home {
	height:510px;
	background-image: url("images/backgrounds/vp.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
	
.sculpture {
	height:570px;
	background-image: url("images/backgrounds/sbk.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	color: #000000;
	}
	
.furniture {
	height:570px;
	background-image: url("images/backgrounds/furniture.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	color: #000000;
	}

/**************** Content styles ****************/
.content {
	float: left;
	width: 100%;
	color: #808080;
	}

.content h1 {
	margin-top: 15px;
	margin-bottom: 10px;
	/*padding-left: 10px;
	width: 46%;*/
	}

.content h3 {
	padding-top: 1em;
	}

.content p {
	/*width: 26em;*/
	padding-top: 0.875em;
	font-size: 0.675em;
	}
	
.content a:link, .content a:visited {
	font-size: 0.975em;
	color: #0000FF;
	}
	
.content a:hover, .content a:focus {
	text-decoration: underline;
	}

.content dl {
	margin:16px 5px 10px 0;
	}
	
.content dt {
	/*font-weight:bold;*/
	padding:10px 0 5px 0;
	font-size: 0.75em;
	}
	
.content dd {
	padding-left: 5px;
	font-size: 0.675em;
	}

/*************** CVStyles */
	
.cv_text h3{
	color: #000;
}
	
.cv_text dl {
	display: block;
	position: relative;
	float: left;
	}

.cv_text dt {
	float: left;
	width: 86px;
	height: 8px;
	padding: 0;
	margin-right: 8px;
	margin-bottom: 16px;
	*height: 8px;
	*margin-bottom: 16px;
}

.cv_text dd {
	width: 100%;
	margin-bottom: 16px;
	/* IE 7 < Hack */
	*width: 70%;
	*margin-bottom: 16px;
}

.cv_text .cv_format {
	padding: 0 0 26px 0;
	float: left;
	display: block;
	position: relative;
}

.cv_text .cv_format p {
	float: none;
	padding: 16px 0 0 0;
	}

/*************** Column Styles */

.fullcolumn { 
	width:100%;
	float:right;
	}
	
.leftcolumn {
	float:left; 
	width:47%;
	}
	
.rightcolumn {
	float:right; 
	width:49%;
	}

.rightcolumn img {
	padding-top: 20px;
	}
	
/**************** Cover page columns */

.homeBody {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	width: 20em;
	}
	
.sculptureNav {
	float: right;
	width: 60%;
	padding-top: 200px;
	}
	
.sculptureBody {
	padding-top: 140px;
	padding-left: 10px;
	float: left;
	width: 26%;
	}
	
.furnitureNav {
	float: right;
	width: 60%;
	padding-top: 310px;
	padding-left: 20px;
	}
	
.furnitureBody {
	padding-top: 360px;
	padding-left: 10px;
	float: left;
	width: 34%;
	}
	
.furnitureNav img, .sculptureNav img {
	margin-bottom: 10px;
	display:inline;
	border: 1px solid #ffffff;
	margin-right: auto;
	margin-left: auto;
	}

.furnitureNav img.new, .sculptureNav img.new {
	margin: 0 0 10px 16px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	}
	
.menu li {
	display: inline;
	list-style: none;
	padding-right: 12px;
	}

/* To make IE 5/6 Happy */
.menu li img{
	margin-right: 0;
	margin-left: 0;
	}

/**************** Small image navigation */

.shard {
	width: 95%;
	float:right;
	text-align: left;
	}
	
.shard p {
	margin: 10px 0 5px 10px;
	}

.shard ul li {
	display: block;
	margin-left: 10px;
	margin-bottom: 25px;
	float: left;
	}

/**************** Footer styles ****************/

.footer {
	clear: both;
	width: 100%;
	font-size: 0.75em;
	color: #dcdcdc;
	padding-bottom: 5px;
	}

.footer p {
	text-align:center;
	}
	
.footer a:link, .footer a:visited {
	color:#d3d3d3; 
	background-color:inherit; 
	font-weight:bold;
	}
	
.footer a:hover, .footer a:focus {
	color:#000000; 
	background-color:inherit; 
	text-decoration: underline;
	}