@charset "UTF-8";
/* 
	STYLESHEET FOR: Applied Bolting / projects
	VERSION: 1.0
	DATE: 01/22/2010
	BY: Samir Joza / Integritive
	
 */

a {outline: none;}


#project-content-wrapper {
	width: 524px;
	margin: 0 auto;
	position: relative;
}


#projects-wrapper {
	position: relative;
	width: 518px;
	margin: 0 auto;}
	
#projects-nav-text {
	color:#333333;
	left:0;
	margin:0 50px 0 0;
	position:absolute;
	text-align:right;
	top:71px;
	width:480px;}

#project-name-holder {
	left:5px;
	position:absolute;
	top:5px;
	width:512px;
	color: #333;}

#project-name {}

#projects .jcarousel-item-placeholder {
    background: transparent url(projects/loading-small.gif)  50% 50% no-repeat;
}


#project-detail-wrapper {
	width: 524px;
	position: relative;}
	
#project-detail-header {
	height: 17px;
	position: relative;
	background: #fff url(../images/layout/content-header-background.png) repeat-x;
	margin:10px 0 14px;
	color: #000;}

#project-detail-header p {
	position: relative;
	top: -2px;
	margin:0 0 0 5px;}

#detail-header-title {
	color: #ff6600;}

#project-text {
	margin-top:15px;}

#project-fabricator span {
	display:block;
	float:right;
	margin:0 0 0 10px;
	padding:0;
	width:420px;}

#project-description {
	color: #666;
	position: relative;
	top: 10px;}
	
#project-description p {
	margin:0 0 0.2em;
	padding: 0;
	line-height:1.5em;}


#project-owner, #project-fabricator, #project-content-name {
	color: #000;
	font-weight: bold;}

#project-content-name span {
	color: #ff6600;}

#project-owner span, #project-fabricator span {
	color: #666;
	font-weight: normal;}


#project-detail-nav {
	height: 29px;
	background: url(../images/layout/project-nav-bg.png) repeat-x;
	position: relative;}

#list-items {
	color: #333;
	position: absolute;
	left: 5px;
	top: 5px;}

#list-items span {
	color: #ff6600;}

.jcarousel-control {
	height:10px;
	padding:5px 5px 0 0;
	position:absolute;
	text-align:right;
	top:0;
	width:518px;}

.jcarousel-control a {
	display: inline-block;
	height: 10px;
	width: 10px;
	background: #ccc;}

.jcarousel-control a.item-active {
	background: #ff6600;}

.jcarousel-control a:hover, .jcarousel-control a:active {
	background: #ff6600;}

.jcarousel-control a span {
	display: none;}
	
/* CLASSES */
.jcarousel-skin-projects .item-active {
	border-color: #ff6f0f;}

/*TYPOGRAPHY*/
#projects-nav-text {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform:lowercase;}

#project-name-holder {
	font: bold 12px Arial, Helvetica, sans-serif;}
	
#project-name {
	font: normal 12px Arial, Helvetica, sans-serif;}
	
#project-detail-header p{
	font: bold 14px Arial, Helvetica, sans-serif;}

#project-description {
	font: 14px Arial, Helvetica, sans-serif;}
	
#list-items {
	font: bold 13px Arial, Helvetica, sans-serif;}