/*
 * CSS Stylesheet for excentrix.com
 * v 0.1
 * (c) 2006 Anthony McLin
 * http://www.anthonymclin.com
 */

body {
	margin:					0;
	padding:				0;
	color:					#797979;
	font-family:			Arial, Helvetica, sans-serif;
	background:				#FFFFFF;
	font-size:				10px;
}

img {
	border: none;
}

p {
	padding: 0;
	margin-top: 0;
	margin-bottom: 1em;
}

a {
	outline:				none;
}

#logo {
	position:				absolute;
	top:					130px;
	left:					107px;
	
	width:					340px;
	height:					62px;
}

#logo h1 {
	visibility:				hidden;
}

#menu {
	position:				absolute;
	top:					225px;
	left:					290px;
	width:					72px;
	z-index:				1000;
	text-align:				right;
}

.homeimage {
	margin-left: 14px;
}

#menu img:hover,
#menu img.active {
	margin-right:			9px;
}



strong {
	font-size: 11px;
}




#content {
	position:				absolute;
	left:					107px;
	top:					130px;


	
	width:					800px;
	height:					300px;
	overflow:				visible;
}

#imagecontent {
	position:				absolute;
	top:					45px;
	left:					263px;
	width:					700px;
}

#textcontent {
	position:				absolute;
	top:					170px;
	width:					255px;
	text-align:				right;
}

#thumbnailstrip {
	position:				absolute;
	width:					471px;
	height:					66px;
}

#hometoptext {
	position:				absolute;
	width:					388px;
	top:					0;
	left:					383px;
}

#homemaintext {
	position:				absolute;
	width:					388px;
	left:					383px;
	top:					170px;
}

#scrollcontainer {
	position:				absolute;
	top:					45px;
	left:					263px;
	width:					600px;
	height:					66px;
	overflow:				hidden;
}
#portfolioimage {
	position:				absolute;
	top:					125px;
	left:					263px;
}
div#scrollcontent {
	position:				relative;
	left:					0;
	height:					100%;
}

div#scrollArea {
	position	: absolute;
	left		: 263px;
	top			: 114px;
	height		: 8px;
	width		: 600px;
	border-left	: 1px solid #797979;
	border-right	: 1px solid #797979;
	overflow	: hidden;
	z-index:	1000;
	background:		url(images/scroller_background.gif) repeat-x;
}

div#scroller {
	position	: absolute;
	height		: 6px;
	background	: #B7B570;
	border	: 1px solid #FFF;
}


/** Vertical scrolling for text **/
#vertscrollcontainer {
	position:				absolute;
	top:					5px;
	left:					0px;
	width:					239px;
	height:					239px;
	overflow:				hidden;
}
div#vertscrollcontent {
	position:				relative;
	top:					0;
	height:					100%;
	margin-top:				-10px;
}
div#vertscrollArea {
	position	: absolute;
	left		: 250px;
	margin-top			: 50px;
	width		: 8px;
	height		: 238px;
	border		: 1px solid #797979;
	overflow	: hidden;
	z-index:	1000;
	top:		125px;
}

div#vertscroller {
	position	: absolute;
	top		: -1px;
	width		: 6px;
	background	: #B7B570;
	border	: 1px solid #FFF;
}






/**** Portfolio ******/
div.slide {
	position:		absolute;
}

#scrollitem img {
	cursor:			pointer;
}

.thumbnail {
	margin-right:	2px;
	opacity:		.5;
}

.current_thumbnail {
	margin-right:	2px;
	opacity:		1;
}