/* Company: Steinruck Design
   Author : Mark Steinruck
   Email  : hello@steinruckdesign.com
   Phone  : +1 864 569 0424 

   CSS: Work specific styles
   
*/

#client_list, #project_details, #projectnav { font-size: .95em;}

#container {
	background: #ff0090 url(/images/work/bkg_black.gif) 0 0 repeat-x;
}

/* Work Menu
------------------------------ */
#client_list {
	width: 875px;
	padding-bottom: 20px;
}
#client_list ul {
	float: left;
	margin-right: 80px;
}

#client_list li a { 
	color: #fff;
	font-weight: bold;
}

#client_list li a:hover { color: #000;}

#client_list li a.active {
	background: url(/images/work/active_work_nav.gif) 0 3px no-repeat;
	padding-left: 12px;
	color: #000;
}

/* Projects
------------------------------ */
#project_details {
	width: 875px;
	height: 42px;
	color: #5d5d5d;
	padding-top: 24px;
}

#project_details dd, #project_details dt { float: left; margin-right: 35px;}


#container_work { background: #f5f5f5 url(/images/work/bkg_white.gif) 0 0 repeat-x; }

#content_container_work {
	width: 875px;
	margin: 0 auto;
}

#screens {
	background: #ececec;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 875px !important;
	height: 700px !important;
	padding: 0 !important;
	z-index: 10;
}

#project_content {
	position: absolute;
	top: 50px;
	right: 0;
	width: 875px;
	height: 608px;
	z-index:0;
	overflow:hidden;
}

/* Project Nav
------------------------------ */
#projectnav { width: 875px;}

#projectnav ul {
	float: right;
	padding-top: 20px;
}

#projectnav .visit { 
	margin-right: 45px;
	float: right;
	padding-top: 18px;
}

#projectnav li { 
	float: left; 
	width: 15px;
	height: 15px;
	background-position: 0 -15px;
	margin-right: 10px;
}

#projectnav li a {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}

#projectnav li a:hover, #projectnav li.active { background-position: 0 0;}

#num01, #num01 a:hover { background-image: url(/images/work/num_01.gif);}
#num02, #num02 a:hover { background-image: url(/images/work/num_02.gif);}
#num03, #num03 a:hover { background-image: url(/images/work/num_03.gif);}
#num04, #num04 a:hover { background-image: url(/images/work/num_04.gif);}
#num05, #num05 a:hover { background-image: url(/images/work/num_05.gif);}
#num06, #num06 a:hover { background-image: url(/images/work/num_06.gif);}
#num07, #num07 a:hover { background-image: url(/images/work/num_07.gif);}
#num08, #num08 a:hover { background-image: url(/images/work/num_08.gif);}



/* Scrolling Styles
------------------------------ */
#slider {
	width: 15000px;
	position: absolute;
	left: 0;
	top: 0;
}
.scroll {
	float: left;
	width: 875px;
	height: 608px;
	position: relative;
}