/* CSS Document */

/* BIO BUTTON */

.bio_ {
	position:relative;
	background-image: url(../images/bio-over.jpg);
	width:127px;
	height:78px;
	display:block;
	margin:0;
	padding:0;
	float: left;
}

.bio_ a {
	display: block;
	color: #000;
	font-size: 11px;
	width: 127px;
	height: 78px;
	float: left;
	text-decoration: none;
}

.bio_ img {width: 127px; height: 78px; border: 0; }

* html a:hover {visibility:visible}

.bio_ a:hover img{visibility:hidden}

.bio_ span {
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	visibility: hidden;
}


/* GALLERY BUTTON */

.gallery_ {
	position:relative;
	background-image: url(../images/gallery-over.jpg);
	width:118px;
	height:78px;
	display:block;
	margin:0;
	padding:0;
	float: left;
}

.gallery_ a {
	display: block;
	color: #000;
	font-size: 11px;
	width: 118px;
	height: 78px;
	float: left;
	text-decoration: none;
}

.gallery_ img {width: 118px; height: 78px; border: 0; }

* html a:hover {visibility:visible}

.gallery_ a:hover img{visibility:hidden}

.gallery_ span {
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	visibility: hidden;
}


/* CONTACT BUTTON */

.contact_ {
	position:relative;
	background-image: url(../images/contact-over.jpg);
	width:112px;
	height:78px;
	display:block;
	margin:0;
	padding:0;
	float: left;
}

.contact_ a {
	display: block;
	color: #000;
	font-size: 11px;
	width: 112px;
	height: 78px;
	float: left;
	text-decoration: none;
}

.contact_ img {width: 112px; height: 78px; border: 0; }

* html a:hover {visibility:visible}

.contact_ a:hover img{visibility:hidden}

.contact_ span {
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	visibility: hidden;
}


/* LINKS BUTTON */

.links_ {
	position:relative;
	background-image: url(../images/links-over.jpg);
	width:113px;
	height:78px;
	display:block;
	margin:0;
	padding:0;
	float: left;
}

.links_ a {
	display: block;
	color: #000;
	font-size: 11px;
	width: 113px;
	height: 78px;
	float: left;
	text-decoration: none;
}

.links_ img {width: 113px; height: 78px; border: 0; }

* html a:hover {visibility:visible}

.links_ a:hover img{visibility:hidden}

.links_ span {
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	visibility: hidden;
}


/* LAYOUT */

#container {
	position:absolute;
	left:0px;
	top:0px;
	width:930px;
	height:693px;
}

#claytonic-header_ {
	position:absolute;
	left:0px;
	top:0px;
	width:930px;
	height:58px;
}

#claytonic-header002_ {
	position:absolute;
	left:0px;
	top:58px;
	width:413px;
	height:92px;
}

#bio_ {
	position:absolute;
	left:413px;
	top:58px;
	width:127px;
	height:78px;
}

#gallery_ {
	position:absolute;
	left:540px;
	top:58px;
	width:118px;
	height:78px;
}

#contact_ {
	position:absolute;
	left:658px;
	top:58px;
	width:112px;
	height:78px;
}

#links_ {
	position:absolute;
	left:770px;
	top:58px;
	width:113px;
	height:78px;
}

#claytonic-header011_ {
	position:absolute;
	left:883px;
	top:58px;
	width:47px;
	height:92px;
}

#claytonic-header012_ {
	position:absolute;
	left:413px;
	top:136px;
	width:470px;
	height:14px;
}

#claytonic-leftedge_ {
	position:absolute;
	left:0px;
	top:150px;
	width:63px;
	height:482px;
}

#claytonic-maincontent_ {
	position:absolute;
	left:63px;
	top:150px;
	width:568px;
	height:482px;
	background-color: 000000;
	background-image: url(../images/eyeball_bg.png);
}

#claytonic-maincontent_b {
	position:absolute;
	left:63px;
	top:150px;
	width:568px;
	height:482px;
	background-color: 000000;
	background-image: url(../images/contact_collage.jpg);
}

#claytonic-divider_ {
	position:absolute;
	left:631px;
	top:150px;
	width:13px;
	height:482px;
}

#claytonic-leftcontent_ {
	position:absolute;
	left:644px;
	top:150px;
	width:226px;
	height:480px;
	background-color: 000000;
}

#claytonic-fullcontent_ {
	position:absolute;
	left:63px;
	top:150px;
	width:807px;
	height:482px;
	background-color: 000000;
}

#claytonic-rightedge_ {
	position:absolute;
	left:870px;
	top:150px;
	width:60px;
	height:482px;
}

#claytonic-bottom_ {
	position:absolute;
	left:0px;
	top:632px;
	width:930px;
	height:61px;
}


/* CONTENT STYLES */

body {
	background-color: #000000;
}

A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF6600;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
}

.columnheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	font-weight: bold;
	line-height: 145%;
}

.columnheader_w {
	color: #FFFFFF;
	font-weight: bold;
}


.contentdivider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #827F91;
	letter-spacing: 0.5em;
	padding: 6px 15px 4px;
	background-image: url(../images/sectionfade.jpg);
}

.squares {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.squares img {
	display: block;
	padding-top: 26px;
	padding-right: 35px;
}

.subheads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #827F91;
	line-height: 145%;
}

.contentbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 10px;
	line-height: 129%;
	padding-right: 25px;
}

.newsbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 10px;
	line-height: 120%;
}

.column_in {
	padding: 15px;
	clear: both;
}

.maincolumn_in {
	clear: both;
	padding-top: 15px;
	padding-right: 26px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.navigation {
	position: absolute;
	left: 413px;
	top: 58px;
}