#project-list {
	
}

	#list-header {
		background: url(../images/bg/projects/main_wrapper/content/project_list/list_header/background.jpg) left top no-repeat;
		height: 26px;
	}
	
	#list-header h1 {
		padding: 5px 0 0 10px;
		display: inline;
		float: left;
	}
	
	#list-header .close {
		float: right;
		display: inline;
		line-height: 0px;
	}

	#list-header .close img {
		border: 0px;
	}
	
	#list {
		height: 492px;
	}
	
	#project-list .projects {
		width: 257px;
		height: 123px;
		display: block;
		clear: both;
	}
	
	#project-list .projects .info {
		padding: 10px;
		height: 103px;
		display: block;
		text-decoration: none;
		line-height: 0px;
	}
	
	/*#project-list .projects .info:hover {
		width: 239px;
		height: 105px;
		border: 2px solid #ccc;
		padding: 3px;
	}*/
	
	
			

	#project-list .projects .info img {
		width: 95px;
		height: 95px;
		border: 0px;
		float: left;
		display: inline;
		margin: 1px 6px 1px 1px;
		/*background: #fefefe;*/
	}
	
	#project-list .projects .info:hover {
		color: #0f0f0f;
		border-color: #6edc30;
	}
	
	#project-list .projects .info:hover img {
		border: 1px solid #6edc30;
		margin: 0 5px 0 0;
	}
	
	#project-list .projects .info span {
		display: block;
		padding: 0 0 5px 0;
		line-height: 12px;
	}
	
	#project-list .projects .info:hover span {
		color: #6edc30;
	}
	
	#project-sel {
		background: url(../images/bg/projects/main_wrapper/content/project_list/project_sel/background.jpg) left top no-repeat;
	}				
	
	#project-1 {
		background: url(../images/bg/projects/main_wrapper/content/project_list/project_1/background.jpg) left top no-repeat;
	}
	
	#project-2 {
		background: url(../images/bg/projects/main_wrapper/content/project_list/project_2/background.jpg) left top no-repeat;
	}
	
	#project-3 {
		background: url(../images/bg/projects/main_wrapper/content/project_list/project_3/background.jpg) left top no-repeat;
		}
	
	#project-4 {
		background: url(../images/bg/projects/main_wrapper/content/project_list/project_4/background.jpg) left top no-repeat;
	}
		
	#scroll-nav {

	}
		#scroll-nav li {
			display: inline;
		}
	
		#scroll-nav li a {
			width: 64px;
			height: 30px;
			float: left;
			display: inline;
			text-decoration: none;
			text-align: right;
			/*padding: 5px 5px 0 0;*/
		}
		
		#scroll-nav li .scroll-first{
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/first.jpg) 0px -30px no-repeat;
		}
						
		#scroll-nav li .scroll-first:hover {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/first.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-first-inactive {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/first_inactive.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-prev {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/prev.jpg) 0px -30px no-repeat;
		}
	
		#scroll-nav li .scroll-prev:hover {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/prev.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-prev-inactive {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/prev_inactive.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-next {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/next.jpg) 0px -30px no-repeat;
		}
		
		#scroll-nav li .scroll-next:hover {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/next.jpg) 0px 0px no-repeat;
		}
	
		#scroll-nav li .scroll-next-inactive {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/next_inactive.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-last {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/last.jpg) 0px -30px no-repeat;
		}
		
		#scroll-nav li .scroll-last:hover {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/last.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-last-inactive {
			background: url(../images/bg/projects/main_wrapper/content/project_list/scroll_nav/last_inactive.jpg) 0px 0px no-repeat;
		}
		
		#scroll-nav li .scroll-first:hover span, #scroll-nav li .scroll-prev:hover span, #scroll-nav li .scroll-next:hover span, #scroll-nav li .scroll-last:hover  span {
			color: #4f9c24;
		}
		
		#scroll-nav li a span {
			vertical-align: middle;
			
			line-height: 30px;
			padding: 0 10px 0 0;
		}
		
#project-view {
	
}

	#project-header {
		background: url(../images/bg/projects/main_wrapper/content/project_view/project_header/background.jpg) left top no-repeat;
		padding: 0 3px 0 0;
	}
	
	#project-header h1{
		padding: 5px 0 0 10px;
		display: inline;
		float: left;
	}
	
	#project-header .close {
		float: right;
		display: inline;
		line-height: 0px;
	}

	#project-header .close img {
		border: 0px;
	}
	
	#project-view .column .text {
		background: url(../images/bg/projects/main_wrapper/content/project_view/column/text/background.jpg) left top no-repeat;
		height: 492px;
		overflow: auto;
	}
	
	#project-view .column .text h2 {
		padding: 15px 15px 0 15px;
	}
	
	#column-1 {
		background: url(../images/bg/projects/main_wrapper/content/project_view/column_1/background.jpg) left top no-repeat;
	}
	
	#column-2 {
		background: url(../images/bg/projects/main_wrapper/content/project_view/column_2/background.jpg) left top no-repeat;
	}
	
	#column-3 {
		background: url(../images/bg/projects/main_wrapper/content/project_view/column_3/background.jpg) left top no-repeat;
	}
	
	#project-view .column p {
		padding: 15px 15px 0 15px;
		text-align: justify;
	}
	
	#project-view .span-three img {
		width: 689px;
		height: 492px;
	}
	
	#project-opt {
		clear: both;
		background: url(../images/bg/projects/main_wrapper/content/project_view/project_opt/background.jpg) left top repeat-x;
		border-right: 1px solid #080808;
		border-left: 1px solid #1a1a1a;
		height: 30px;
	}
		
		#project-opt ul {
		
		}
		
		#project-opt ul li {
			display: inline;
		}

		#project-opt ul li a {
			height: 30px;
			float: right;
			display: inline;
			text-decoration: none;
			text-align: right;
		}
		
		#project-opt .info:hover span, #project-opt .view:hover span, #project-opt .preview:hover span {
			color: #4f9c24;
		}
		
		#project-opt ul li .download {
			width: 99px;
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/download/background_inactive.jpg) 0px 0px no-repeat;
		}
		
		#project-opt ul li .download:hover span {
			color: #333;
		}
		
		#project-opt ul li .info {
			width: 55px;
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/info/background.jpg) 0px -30px no-repeat;
		}
		
		#project-opt ul li .info-inactive {
			width: 55px;
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/info/background_inactive.jpg) 0px 0px no-repeat;
		}
		
		#project-opt ul li .info:hover {
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/info/background.jpg) 0px 0px no-repeat;
		}
		
		#project-opt ul li .view {
			width: 69px;
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/view/background.jpg) 0px -30px no-repeat;
		}
		
		#project-opt ul li .view:hover {
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/view/background.jpg) 0px 0px no-repeat;
		}
		
		
		#project-opt ul li .preview {
			width: 87px;
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/preview/background.jpg) 0px -30px no-repeat;
		}
		
		#project-opt ul li .preview:hover {
			background:  url(../images/bg/projects/main_wrapper/content/project_view/project_opt/preview/background.jpg) 0px 0px no-repeat;
		}
		
		#project-opt ul li a span {
			vertical-align: middle;
				
			line-height: 30px;
			padding: 0 10px 0 0;
		}
		
		#project-opt .breaker {
			float: right;
			height: 28px;
			width: 2px;
			border-top: 1px solid #262626;
			border-right: 1px solid #070707;
			border-bottom: 1px solid #040404;
			border-left: 1px solid #151515;				
		}