@charset "UTF-8";
/* CSS Document */

/* 	Dan Jone Sculpture Website
	By Christian Betts - October 2011
	www.danjonesculpture.co.uk
	www.christianbetts.com
*/
	

/******* BODY HTML ********/

body, html {
	margin:0;
	height:100%;
	width:100%;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;

}

/******* MASTEHAD AND NAVI ********/

#nav-block {
	width:940px;
	height:158px;
	/*background-position:0px 45px;
	background-image:url(images/masthead/masthead.png);
	background-repeat:no-repeat;*/
	border-bottom: 1px solid rgb(92,92,92);
	/*padding-bottom:45px;*/

}

/* SET FOR ABSOLUTE POSTIONING OF ELEMENTS */

.absolute-wrapper { 
	position:absolute;
}


#logo {
	width:198px;
	height:70px;
	background-image:url(images/masthead/logo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:45px;
	left:0px;
}

/******** NAV LINK CLASSES *********/

.nav {
	text-decoration:none;
}

.nav a:link {
	color:rgb(77,77,77);
	text-decoration:none;
	display:inline-block;
	padding:2.6px 3px 2.6px 3px;
}

.nav a:hover {
	text-decoration:none;
	background-color:#ccc;
	/*color:white;
	background-color:rgb(77,77,77);*/
	border-radius: 3px;
	margin:0;
	padding:2.6px 3px 2.6px 3px;
}

.nav a:visited {
	display:inline-block;
	text-decoration:none;
	color:rgb(77,77,77);
	margin:0;
	padding:2.6px 3px 2.6px 3px;
}

.nav a:active {
	display:inline-block;
	text-decoration:none;
	color:rgb(77,77,77);
	margin:0;
	padding:2.6px 3px 2.6px 3px;
}

/********** NAV LINK CLASSES END **********/

#nav1 {
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	text-decoration:none;
	position:absolute;
	top:42px;
	left:314px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
}

#nav2 {
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	text-decoration:none;
	position:absolute;
	top:42px;
	left:648px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
}

#nav3 {
	width:67px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	text-decoration:none;
	position:absolute;
	top:42px;
	left:880px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
}


/******* WRAPPER / CONTAINER ********/

#wrapper {
	width:1020px;
	background-color:white;
	margin:auto;
}

#container {
	width:940px;
	height:800px;
	margin:auto;
	background-color:white;
}

/******* PAGE HEADER ********/

.page-header {
	height:16px;
	width:274px;
	background-position:center;
	background-image:url(images/header/header.png);
	background-repeat:no-repeat;
	padding-top:30px;
	padding-bottom:30px;
}

/******* AJAZ CONTENT DIV ********/

#content {
	display:none;
	width:940px;
	height:480px;
}

#test {
	width:800px;
	height:600px;
	background-image:url(small-sculpture/images/image.jpg);
}

/******* CONT WRAPPER FOR PREVOIOUS AND NEXT LINKS ********/

#continuation-wrapper {
	width:940px;
	height:auto;
}

/******* FOOTER & FOOTER COPY ********/

#footer {
	border-top: 1px solid rgb(71,71,71);
	width:940px;
	height:42px
}

.footer-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:30px 0px 0px 0px;
	color:rgb(71,71,71);
	line-height:1.5em;
}

/******* DIVS AND TEXT FOR PROJECT TEXTS ********/

#project-bar {
	float:left;
	width:250px;
	height:436px;
	/*background-color:#ccc;*/
	margin-left:30px;
	position:relative;
	/*border-bottom:1px solid rgb(204,204,204);*/
}

.details {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	padding-bottom:30px;
	background-image:url(images/sepper/sepper.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	line-height:1.4em;
	/*background-position:left;*/
	
}

.showing {
	margin-top:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	padding-bottom:30px;
	background-image:url(images/sepper/sepper.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	line-height:1.4em;
}
	

.np {
	margin-top:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(77,77,77);
	padding-bottom:30px;
	text-decoration:none;
	line-height:1.4em;
}

.np a:link {
	color: rgb(77,77,77);
}

.np a:hover {
	text-decoration:underline;

}

.project-image {
	float:left;
}

/********** Scrolling thumbs padding div to stop 2 row load **********/

#scroll-pad {
	width:940px;
	height:30px;
	/*background-color:black;*/
	border-bottom: 1px solid rgb(204,204,204);
}

#ie7-pad {
	width:auto;
	height:30px;
}

/******** ME *********/

.me {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	line-height:1.4em;
}
	
.me a:link {
	color:#999;
	text-decoration:none;
}
.me a:active {
	color:#999;
	text-decoration:none;
}

.me a:visited {
	color:#999;
	text-decoration:none;
}

.me a:hover {
	color:#333;
	text-decoration:underline;
}