/*
	5 Inline CSS Homepage Stylesheet
*/



/*	| Portflowlio
	---------------------------------- */

#viewer_wrap {
	background: url(../images/view_bg.jpg) left top no-repeat;
	height: 400px;
	width: 760px;
	}
#viewer {
	height: 370px;
	overflow: hidden;
	position: relative;
	width: 760px;
	}
	#slide {
		height: 370px;
		list-style-type: none;
		margin: 0;
		position: absolute;
		padding: 0;
		width: 12160px; /* 760px x [site number] + 100px */
		}
		#slide li {
			background: url(../images/portfolio_shadow.png) center bottom no-repeat                !important;
			background: none;
			color: #fff;
			float: left;
			margin: 35px 0 0px 0;
			padding: 0 0 14px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			width: 760px;
			}
		.details {
			background: #000;
			border-top: 1px solid #777;
			display: block;
			height: 18px;
			line-height: 18px;
			left: 170px;
			overflow: hidden;
			position: absolute;
			text-align: center;
			top: 292px;
			width: 420px;
			}
			.details a { color: #5d970b; text-decoration: none; }
			.details a:hover { text-decoration: underline; }
			.details p { line-height: 14px; padding: 10px; text-align: left; }
			.details p b { color: #cfcfcf; }

#controller_wrapper {
	background: url(../images/controller_bg.gif) left top no-repeat;
	height: 21px;
	margin: 0 auto;
	padding: 0 36px;
	position: relative;
	width: 662px;
	}
	#L, #R {
		display: block;
		height: 19px;
		position: absolute;
		text-decoration: none;
		top: 2px;
		width: 34px;
		}
	#L { left: -36px; }
	#R { right: -36px; }
#controller {
	height: 21px;
	padding: 0;
	position: relative;
	width: 662px;
	}
	#slider {
		background: url(../images/slide_bg_l.gif) left center no-repeat;
		border: none;
		cursor: pointer;
		height: 21px;
		line-height: 21px;
		position: absolute;
		}
		#slider span {
			background: url(../images/slide_bg_r.gif) right center no-repeat;
			display: block;
			height: 21px;
			line-height: 18px;
			margin-left: 10px;
			text-align: center;
			}
			#slider span img { margin: 7px 0 0 -10px; }



/*	| News List
	---------------------------------- */
ul#news {
	list-style-type: none;
	}
	ul#news li {
		clear: both;
		color: #444;
		display: block;
		float: left;
		margin: 0.5em 0;
		width: 100%;
		}
h5.date {
	background: url(../images/date_top.gif) #efefef center top no-repeat;
	color: #8a8a8a;
	display: block;
	float: left;
	font-size: 12px;
	margin: 0 1em 0 0;
	line-height: 10px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 40px;
	}
	h5.date span {
		background: url(../images/date_bottom.gif) center bottom no-repeat;
		display: block;
		font: bold 22px Arial, Helvetica, sans-serif;
		padding: 0 0 5px 0;
		}