.searchBar {

	background:url(../img/portfolio/search-bg.gif) left top repeat-x;

	padding-top:13px;

	height:39px;

}

.projectSelect {

	margin-left:82px;

	width:400px;

	float:left;

	display:inline;

}

.projectSearch {

	margin-right:73px;

	width:270px;

	float:right;

	display:inline;

	text-align:right;

}

.projectSearch, .projectSelect {

 	color:#17417D;

	font-size:13px;

	font-weight:bold;

	text-transform:uppercase;

}

.projectSearch input{

	width:154px;

	height:18px;

	margin-left:14px;

	padding-left:2px;

	border:1px solid #337FB6;

	font:11px Tahoma;

	color:#17417D;

	background:url(../img/portfolio/input-bg.gif) left top repeat-x #55B9E3;

}



.portfolio {

	width:835px;

	padding:0 0 22px 20px;

	background:url(../img/portfolio/portfolio-footer-bg.gif) left bottom repeat-x;

	float:left;

	clear:both;

	margin:0;

}

* html .portfolio {

	padding:0 0 42px 20px;

}

.portfolio a, .portfolio a:hover {

	text-decoration:none;

	cursor:hand;

}

.portfolio dl {

	display:block;

	width:180px;

	overflow:hidden;

	margin:0 23px 20px 0;

	float:left;
	background:url(../img/portfolio/end-bg.gif) right top no-repeat #7ECAEA;

}

dt {

	background:#7ECAEA;

	padding:5px;

	height:114px;
	width: 170px;

}

dt .imgOn {

	visibility:visible;

}

dt .nameOff, dt .imgOff {

	display:none;

}

dt .nameOn {

	height:114px;

	margin:0;

}

dt .nameOn td{

	vertical-align:bottom;

	width:170px;

	font:18px Tahoma;

	color:#0E3162;

}

dt .nameOn td div{

	overflow:hidden;

	width:165px;

}



dt img {

    height: 114px;

    width: 170px;

}

dd {	


	font:10px/17px Tahoma;

	color:#3292BF;

	text-transform:uppercase;

	padding-left:25px;

	margin-left:0;

	height:17px;
}

dd p{



	padding:0 7px 0 0;

	font:10px/17px Tahoma;

	margin:0px;

	display:inline-block;
	width: 350px;
}

* html dd p{

	padding:0 7px 0 0;
	display:inline;
}
.taur {

	background:url(../img/portfolio/taur.gif) left top no-repeat;
}
.web {

	background:url(../img/portfolio/dev.gif) left top no-repeat;
}

.ana {

	background:url(../img/portfolio/ana.gif) left top no-repeat;

}

.aud {

	background:url(../img/portfolio/aud.gif) left top no-repeat;

}

.cor {

	background:url(../img/portfolio/cor.gif) left top no-repeat;

}

.pho {

	background:url(../img/portfolio/pho.gif) left top no-repeat;

}

.vid {

	background:url(../img/portfolio/vid.gif) left top no-repeat;

}

.wri {

	background:url(../img/portfolio/wri.gif) left top no-repeat;

}

.hos {

	background:url(../img/portfolio/cnt.gif) left top no-repeat;

}

.eo {

	background:url(../img/portfolio/flg.gif) left top no-repeat;

}

.ban {

	background:url(../img/portfolio/banner.gif) left top no-repeat;

}

.weban {

	background:url(../img/portfolio/anal.gif) left top no-repeat;

}

.hip {

	background:url(../img/portfolio/abt.gif) left top no-repeat;

}

.it {

	background:url(../img/portfolio/small_icons2.gif) left top no-repeat;

}

.ip {

	background:url(../img/portfolio/small_icons1.gif) left top no-repeat;

}



.pagingSkip {

	background:url(../img/portfolio/paging-bg.gif) left top repeat-x;

	width:835px;

	padding:0 0 0 20px;

	clear:both;

	float:left;

}

* html .pagingSkip {

	display:inline;

}

.pagingSkip a.prew, .pagingSkip a.next {

	padding:5px 12px 2px 22px;

	background:url(../img/prew-bg.gif) left center no-repeat;

	font-size:11px;

	color:#125A8D;

	border-right:none;

	width:80px;

	text-decoration:underline;

}

.pagingSkip a.next {

	padding:5px 22px 2px 12px;

	background:url(../img/next-bg.gif) right center no-repeat;

	border:none;

	width:62px;

	

}

.pagingSkip a{

	text-decoration:none;

	display:block;

	float:left;

	padding-top:3px;

	color:#125A8D;

	width:28px;

	height:24px;

	text-align:center;

	background:url(../img/paging-bg-right.gif) right center no-repeat;

}

.pagingSkip a:hover{

	text-decoration:none;

	color:#0E3162;

}

.pagingSkip a.selected{

	background:url(../img/portfolio/steps-bg.gif) left top no-repeat;

	color:#125A8D;

}



/*   project filter  */

.projectSelect li{

	display:block;

	float:left;

}

li.title {

	padding-top:2px;

}

li.filter {

	/*background:url(../img/portfolio/project-filter.gif) left top no-repeat;*/

	font:11px/22px Tahoma;

	width:208px;

	height:22px;

	margin:0 10px;

	text-transform:none;

}

li.filter a{

	text-decoration:none;

	width:199px;

	height:22px;

	display:block;

}









ul.filerSelect {

	width:208px;

	background:#55B9E3;

	border:1px solid #337FB6;

}

ul.filerSelect li {

	padding:8px 10px;

}

ul.filerSelect li input{

	margin:0;

}	

ul.filerSelect li:hover {

	background:#77C7E9;

}

ul.filerSelect li label{

	font-size:11px;

	padding-left:20px;

	margin-left:11px;

}











/* portfolio full  */



.layerOn {

	width:840px;

	padding:10px;

	padding-bottom:15px;

	background:#7ECAEA;

	position:relative;

	z-index:100;

	margin:0 auto;

}

.layerOn .col1 {

	width:600px;

	float:left;

	display:inline;

	text-align:left;

}

.layerOn img{

	border:none;

	margin:0;

}

.col2  {

	width:216px;

	float:right;

	display:inline;

}

.colRight {

	text-align:right;

}

.date {

	font-size:10px;

	color:#366A9D;

}

.layerOn h1 {

	color:#0E3162;

	padding-bottom:10px;

}

.layerOn p {

	padding-left:0;

	padding-right:25px;

	padding-bottom:15px;

}

.layerOn ul {

	margin-right:25px;

}

.layerOn li {

	border-bottom:1px solid #58AED5;

	padding:2px 8px 3px 9px;

	font-size:11px;

}

.layerOn li a {

	color:#125A8D;

}

.layerOn li.title {

	padding-left:24px;

	text-transform:uppercase;

	font-size:10px;

	color:#17417D;

	background:url(../img/related-bg.gif) left center no-repeat;

}













.projectSearch ul {

	margin-top:-3px;

}

* html .projectSearch ul {

	margin-top:-1px;

}

.projectSearch li{

	display:block;

	float:left;

}

.projectSearch li.title {

	padding-top:5px;

	text-align:right;

}

* html .projectSearch li.title {

	padding-top:2px;

	text-align:right;

}

.projectSearch li.input {

	font:11px/22px Tahoma;

	width:158px;

	height:22px;

	margin:0;

	text-transform:none;

}