/* slideshow2
-----------------------------------------------*/
.comp-dyn-slideshow-02{
	
}

.comp-dyn-slideshow-02 .slideshow2-thumb-col{
	width: 80px;
	text-align: center;
	vertical-align: top;
	padding: 0px 0 0 0;
	margin: 0;
	border: none;
	float: left;
}

.comp-dyn-slideshow-02 .thumb {
	float:left;
	margin:0 0 10px 0;
	padding: 0px 0px 0px 0px;
	width:75px;
	
	
}
	.comp-dyn-slideshow-02 .thumb a {
		
		border: 2px solid #ccc;
		display:block;
		height:50px;
		overflow:hidden;
		width:75px;
	}

	.comp-dyn-slideshow-02 .thumb a img{
	visibility:hidden;
	}
	
	.comp-dyn-slideshow-02 .thumb a:hover,
	.comp-dyn-slideshow-02 .thumb a:active,
	.comp-dyn-slideshow-02 .active-thumb a{
		border-width:2px;
	}
	
	
	

.comp-dyn-slideshow-02 .slideshow2-photo-col{
	padding: 0 0 0 20px;
  	margin: 0 0 0 0px;
  	border: none;
  	float: left;
  	min-height: 380px;
  	height:380px;
  	overflow:visible;
	
}

.slideshow2-photo-col{
  width: 481px;
  text-align: center;
}


.comp-dyn-slideshow-02 .photo-nav-top{
	padding: 5px 0px 15px 0px;
	text-align: center;
	margin-left: 100px;
	height: 1em;
}
	
.comp-dyn-slideshow-02 .photo-nav-bottom{
	padding: 5px 0px 5px 0px;
	text-align: center;
	margin-left: 100px;
	height: 1em;
}

.comp-dyn-slideshow-02 .photo-nav div{
	float: left;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.comp-dyn-slideshow-02 .photo-nav div.photo-nav1{
	text-align: left;
	width: 120px;
}

.comp-dyn-slideshow-02 .photo-nav div.photo-nav2{
	text-align: center;
	width: 115px;
	padding-right: 0px;
}

.comp-dyn-slideshow-02 .photo-nav div.photo-nav3{
	text-align: center;
	width: 115px;
	padding-left: 0px;
}

.comp-dyn-slideshow-02 .photo-nav div.photo-nav4{
	text-align: right;
	width: 130px;
}

.comp-dyn-slideshow-02 .photo-nav div a{
	text-decoration: none;
}


	
.comp-dyn-slideshow-02 .slideshow2-photo-col p{
	margin: 0;
	padding: 0;
	text-align: center;
}

.comp-dyn-slideshow-02 .photobox{
	
}

.comp-dyn-slideshow-02 .photobox img{
	border:2px solid #ccc;
}

/* Project
-----------------------------------------------*/

.comp-project-01{
	margin-bottom:15px;
	
}

.comp-project-01 h2{
	padding-left: 5px;
}

.development-box {
	width:588px;
	border:1px solid #ccc;
	position: relative;
	height:465px;
	background-color:#f3efe3;
}

.textInfo{


}

.textInfo .infoBox{
	margin:0 0 0 5px;
	padding:0 0 0 0px;
	width:255px;
	height:200px;
	overflow:auto;
}


.textInfo .heading{
	margin:5px 0 0px 5px;
	text-transform:uppercase;
	padding:0;
	font-weight: bold;
	color: #2D6DBB;
}
.textInfo .info{
	width: 255px;
	padding:0 0 0 0px;
	margin: 0px 0 5px 5px;
	
}


.verticalDevelopmentTitle, .horizontalDevelopmentTitle, .developmentTitle{
	margin: 0 0 0 0;
	padding: 10px 10px 0 5px;
	border-bottom:1px #ccc solid;
	width:250px;
	border-left:1px #ccc solid;
	height:100px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	background: #fff;
}

.development-info{
	position: absolute;
	top: 71px;
	right: 8px;
}
.development-info a{
	display: block;
	margin: 0px;
	height:26px;
	width:70px;
	padding-top:10px;
}

.development-thumb-bar{
	float: left;
	margin: 0 3px 0 0px;
	padding: 3px 0 0 0;
	border-top: 3px solid #CBCBBF;
}



.activebar{
	float: left;
	margin: 0 3px 0 0px;
	padding: 3px 0 0 0;
	border-top: 3px solid #255082;
}

.verticalDevelopmentTitle img, .horizontalDevelopmentTitle img, .developmentTitle img{
	margin:0;
	padding: 0 0 0 0;
	border: 1px solid #000;
	width: 25px;
	height: 25px;
}

.developmentTitle .thumb{
}

.verticalDevelopmentTitle h3, .horizontalDevelopmentTitle h3, .developmentTitle h3{
	font-weight: normal;
	height:45px;
	overflow:hidden;
	line-height: 1.5em;
	white-space: nowrap;

}
.developmentLargeImage{
	
}

.noInfoDevelopmentText{
		position: absolute;
		top: 120px;
		left: 10px;
		z-index: 10;
		width:560px; 
		height:340px;
		overflow:auto;
}

.verticalDevelopmentText{
		position: absolute;
		top: 115px;
		right: 0px;
		z-index: 10;
		width:270px; 
		height:340px;
		overflow:auto;
		background-color:#f3efe3;
}

.verticalDevelopmentText p, .horizontalDevelopmentText p{
	margin: 10px 10px 0px 10px;
	font-size: 11px;
	padding: 0;
}

.verticalDevelopmentBugFix{
		position: absolute;
		top: 8px;
		left: 8px;
		z-index: 10;
		height:449px;
		width:300px;
		overflow:hidden;
}

.verticalDevelopmentLargeImage{
		position: absolute;
		z-index: 10;
		height:450px;
		width:300px;
		overflow:hidden;
}

.horizontalDevelopmentText{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		width: 315px;
		height: 110px;
		overflow:auto;
		
}

.horizontalDevelopmentBugFix{
		position: absolute;
		left: 9px;
		z-index: 10;
		top: 118px;
		overflow:hidden;
		height:380px;
		width:570px;
}

.horizontalDevelopmentLargeImage{
		position: absolute;
		z-index: 10;
		overflow:hidden;
		height:380px;
		width:570px;
}