@import "reset.css";

body {
	font-family: 'Trebuchet Ms';
	font-size: 15px;
	line-height: 15px;
	color: #434343;
	background: url('../images/body_bg.jpg') repeat-x 0 0 #fff;
}

/* containers */
#container {

}

#container.home {
    background: url('../images/home_bg.jpg') no-repeat center top;
}

#container.content {
	background: url('../images/content_bg.jpg') no-repeat center top;
}

#content {
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#content.home {
	width: 610px;
	padding: 105px 5px 0 5px;
}


#content.content {
	width: 930px;
	padding: 5px 5px 5px 5px;
	height: 640px;
}

/* carrousel */

ul.carrousel,
ul.carrousel li.item {
	height: 640px;
	width: 930px;
}

/* content elements */

h1 {
	margin: 0 auto;
	width: 930px;
	background: url('../images/h1_pennock.jpg') no-repeat left bottom;
	height: 100px;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 220px;
	height: 100px;

}

h1 span {
	text-indent: -9999px;
}


h2 {
	line-height: 30px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}

p, blockquote, .list li, address {
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 15px 0;
}

a {
	text-decoration: none;
	color: #434343;
}

/* navigation */

ul.nav {
	float: left;
	height: 620px;
	border-left: 10px solid #434343;
	width: 145px;
	padding: 20px 0 0 0;
}

ul.nav.sculptures {
	border-left: 10px solid #591e00;
}

ul.nav.collages{
	border-left: 10px solid #434343;
}

ul.nav.publispaces {
	border-left: 10px solid #591e00;
}

ul.nav.about {
	border-left: 10px solid #b3b3b3;
}

ul.nav.contact {
	border-left: 10px solid #ff0000;
}

ul.nav li a {
	display: block;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	padding: 0 0 0 15px;
}

ul.nav li.sculptures a:hover,
ul.nav li.sculptures a.active {
	border-left: 5px solid #591e00;
	padding: 0 0 0 10px;
}


ul.nav li.collages a:hover,
ul.nav li.collages a.active {
	border-left: 5px solid #434343;
	padding: 0 0 0 10px;
}

ul.nav li.publicspaces a:hover,
ul.nav li.publicspaces a.active {
	border-left: 5px solid #434343;
	padding: 0 0 0 10px;
}

ul.nav li.about a:hover,
ul.nav li.about a.active {
	border-left: 5px solid #b3b3b3;
	padding: 0 0 0 10px;
}

ul.nav li.contact a:hover,
ul.nav li.contact a.active {
	border-left: 5px solid #ff0000;
	padding: 0 0 0 10px;
}


/* visuals about contact*/

div.visuals,
div.about,
div.contact {

	position: relative;
	float: left;
	width: 540px;
	height: 480px;
	padding: 20px 20px 15px 20px;
}


#visual {
	position: relative;
	width: 540px;
	height: 480px;
}

dt {
	color: #8e8e8e;
	line-height: 30px;
}

dd {
	font-size: 12px;
	height: 15px;
	padding: 0 0 15px 0;
}

ul.pagenation {
	position: relative;
	float: left;
	display: block;
	width: 540px;
	height: 30px;
	padding: 10px 20px;
}

ul.pagenation li {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 5px 15px 0;
}

ul.pagenation li a {
	display: block;
	background: url('../images/pagenation.png') no-repeat 0 -10px;	
	width: 10px;
	height: 10px;
}

ul.pagenation li a:hover,
ul.pagenation li a.active {
	background: url('../images/pagenation.png') no-repeat 0 0px;	
}

/* about */

div.introduction {
	height: 180px;
	margin: 0 0 15px 0;
}

div.cv {
	height: 335px;
	overflow-y: scroll;
}


/* contact form */

form {
	margin: 0 0 60px 0;
}

form fieldset {
	width: 100%;
	margin: 0 0 10px 0;
}

form fieldset span {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 10px 0 0 0;
}

form fieldset span.textarea {
	height: 180px;
}

form fieldset span label {
	display: block;
	float: left;
	width: 70px;
	font-size: 12px;
}

form fieldset span label.textarea {
	width: 100%;
	float: none;	
}

form fieldset span input {
	display: block;
	float: left;
	line-height: 30px;
	height: 30px;
	border: 0;
	width: 390px;
}

form fieldset span textarea {
	width: 100%;
	height: 150px;
	line-height: 30px;
	border: 0;	
}

form input.submit {
	float: right;
	width: 92px;
	height: 27px;
	background: url('../images/button_send.gif') no-repeat top right;
	border: 0;
	text-indent: -9999px;
}

/* description book */

div.description {
	float: left;
	width: 180px;
	height: 480px;
	padding: 20px 10px 15px 0;
}
div.book {
	float: left;
	width: 180px;
	height: 620px;
	padding: 20px 10px 0 0;
}

img.book {
	border: 5px solid #fff;
	margin: 0 0 17px 0;
}


ul.list {
	margin: 0 0 10px 0;
}
ul.list li ul li {
	padding: 0 0 0 15px;
}


/* footer */

#container.home #footer {
	margin: 0 auto;
	width: 620px;
}


#container.content #footer {
	margin: 0 auto;
	width: 940px;
}

#footer .footerleft {
	display: block;
	width: 300px;
	float: left;
	padding: 5px;
}

#footer .footerright {
	width: 300px;
	float: right;
	text-align: right;
	padding: 5px;
}

/* extra */

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear { 
    display: inline-block; 
}