body {
	background-color: #000;
	background-image: url('/images/background.jpg');
	background-repeat: repeat-x;
	background-position: center 83px;
	
	color: #eee;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 1.3;
}
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p, ul { font-size: 13px; margin: 0.75em 0; }
strong { font-weight: bold; }
small { font-size: 11px; color: #ccc; }
a {
	font-size: 13px;
	color: #f93;
	text-decoration: none;
}
a:hover {
	color: #f30;
}


/* MAIN STATIC ELEMENTS */
#page {
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	background-color: #000;
}




/* HEAD BOARD */
#headboard {
	position: relative;
	height: 110px;
	background-image: url('/images/menu_floor.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}
#logo {
	width: 275px;
	height: 110px;
	margin-left: 16px;
}
#menu {
	position: absolute;
	bottom: 0px;
	left: 16px;
	margin: 0px !important;
}
#menu li {
	float: left;
}
.menu_item {
	display: block;
	height: 40px;
	margin: 0 19px 0 0;
	font-size: 0px;
	text-indent: -900em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#menu_projects {
	background-image: url('/images/projects.png');
	width: 104px;
}
#menu_services {
	background-image: url('/images/services.png');
	width: 96px;
}
#menu_about {
	background-image: url('/images/about.png');
	width: 69px;
}
#menu_contact {
	background-image: url('/images/contact.png');
	width: 93px;
}




#body {
	height: 449px;
	padding: 0px;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	overflow: hidden;
	background-color: #060606;
}
#footer {
	height: 20px;
	padding: 10px;
	text-align: right;
	background-image: url('/images/footer_bg.png');
	background-repeat: repeat-x;
	background-position: left top;
}




/* CLASSES */
.content_padding {
	position: relative;
	padding: 20px 30px;
}
#project_thumbs {
	position: relative;
	margin: 15px 0px 0px 15px;
}
.project_thumb {
	width: 209px;
	height: 180px;
	margin: 9px;
}
#project_preview_container {
	position: relative;
	display: block;
	width: 956px;
	height: 449px;
	margin: 0px 2px;
	padding: 0px;
	overflow: hidden;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
}
.project_preview {
	position: absolute;
	display: block;
	width: 956px;
	height: 449px;
	top: 0px;
	left: 0px;
	border : 0 none;
}
#project_info {
	position: absolute;
	top: 111px;
	left: -200px;
	width: 260px;
	height: 409px;
	padding: 20px 20px 20px 220px;
	background-color: #000;
	opacity: 0.9;			
}



/* NAVIGATION */

#nav {
	display: none;
	position: absolute;
	top: 450px;
	width: 238px;
	height: 71px;
	background-color: transparent;
}
#nav div {
	display: block;
	float: left;
	width: 74px;
	height: 71px;
	cursor: pointer;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#nav div:hover {
	background-position: 0px -71px;
}


#nav_left_arrow {
	background-image: url('/images/nav_left_arrow.png');
}

#nav_right_arrow {
	background-image: url('/images/nav_right_arrow.png');
}

#nav_info {
	width: 90px !important;
	background-image: url('/images/nav_info.png');
}