/**
 * Marlon website 2007
 *
 * Description:	Layout elements and positioning
 *
 * Author: 		Davy De Pauw
 * Created: 	09/11/2007
 * Modified:	09/11/2007
 * URI:			http://www.marlon.be
 */

/* content
---------------------------------------------------------- */

#home h1 {
	height: 0;
	font-size: 0;
	line-height: 0px;
	text-indent: -999em;
}

/* homepage -> projects
---------------------------------------------------------- */

#wrapper-projects {
	position: relative;
	padding: 0 6px;
	height: 312px;
	overflow: hidden;
	width: 777px;
	background: url(../img/bg_projects.jpg) no-repeat 0 0;
}

#wrapper-projects h2 {
	text-indent: -999em;
	height: 22px;
	font-size: 0;
	line-height: 0px;
}

#projects {
	position: relative;
	overflow: hidden;
	margin: 0 5px;
	width: 755px;
	height: 258px;
	white-space: nowrap;
}

#projects-inner {
	overflow: hidden;
	xwidth: 2000px;
	height: 286px;
	white-space: nowrap;
}

#project-nav {
	position: absolute;
	top: 285px;
	right: 28px;
	width: 51px;
}

#project-previous {
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/project_previous.gif) no-repeat 0 0;
}

#project-previous.inactive { background: url(../img/project_previous_inactive.gif) no-repeat 0 0; }

#project-next {
	position: absolute;
	left: 26px;
	width: 25px;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/project_next.gif) no-repeat 0 0;
}

#project-next.inactive { background: url(../img/project_next_inactive.gif) no-repeat 0 0; }

/* homepage -> project
---------------------------------------------------------- */

.project {
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	width: 350px;
	height: 250px;
	white-space: normal;
}

.project .text {
	position: absolute;
	top: 150px;
}

.project .text p {
	margin: 0 0 10px 0;	
}

.project h3 a {
	font-size: .8em;
	color: #A9A615;
	text-decoration: none;
}

.project h3 a:hover {
	text-decoration: underline;
}

.project .thumb {
	position: relative;
	top: 0;
}

.project .thumb img {
	width: 340px;
	height: 135px;
	border: 4px solid #392e18;
}

.project .thumb:hover img {
	
}

/* homepage -> services
---------------------------------------------------------- */

#services {
	padding: 13px 0 0 31px;	
}

#services h2 {
	margin: 0 0 10px 0;
}

#services h3 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	line-height: 1em;
	text-transform: lowercase;
	color: #A9A615;
}

#services h4 {
	font-size: .9em;
	line-height: 1.2em;
	text-transform: lowercase;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	color: #4E3E16;
}

#services .col {
	float: left;
	margin: 0 24px 0 0;
	width: 160px;
}