﻿
.gallery a img {
	background-color: #FFF;
}

#wrapper-home {
	/* background: url(../images/header_bg.jpg) left top repeat-x; */
}


/* Header */
#header {
	position: relative;
	z-index: 15;
	width: 980px;

	min-height: 185px;
	/* max-height: 375px; */
	max-height: 480px;
	padding-top: 0;
	width: 100%;
	height: auto;
	background: #0b152e url(../images/header_bg_m.jpg) center bottom no-repeat;
}
	#wrapper-page #header {
		margin-bottom: 20px;
	}
	
	
	
		#header .header_pt_link {
			display: none;
			position: absolute;
			z-index: 1;
			left: 0;
			top: 362px;
			width: 980px;
			height: 120px;
			text-indent: -8000px;
		}


	#header .header {
		margin: 0 auto;
		width: 980px;
		position: relative;
		z-index: 15;
		height: 175px;
		/* overflow: hidden; */
	}
	
	#header .header #logo {
		float: left;
		width: 350px;
		height: 120px;
		background: url(../images/logo.png) left top no-repeat;
		margin-top: 10px;
		text-indent: -8000px;
	}

	#header .header #country, .work-maintop #country {
		float: left;
		width: 140px;
		padding: 43px 0 0 10px;
		color: #FFF;
		font-size: 10px;
	}
	
		#header #country span, #header #country a,
		.work-maintop #country span, .work-maintop #country a {
			display: block;
		}

		#header .header #country span,
		.work-maintop #country span {
			padding: 0 0 5px 0px;
			font-weight: bold;
		}
		
		#header .header #country a,
		.work-maintop #country a {
			background: #0b152e url(../images/sprites.png) -865px 12px no-repeat;
			border: 1px solid #0b152e;
			color: #FFF;
			font-size: 17px;
			line-height: 23px;
			position:absolute;
			right:145px;
			top:135px;
			padding: 3px 0 0 6px;
			height: 30px;
			width: 120px;
		}
		
			#header .header #country a:hover {
				border: 1px solid #fff;
			}
			
			#header #country a b,
			.work-maintop #country a b {
				display: block;
				background: url(../images/uye.png) left 4px no-repeat;
				font-weight: normal;
				margin-top:0px;
				padding-left: 25px;
				height: 23px;
			}
			
			
		.work-maintop #country span {
			font-weight: normal;
		}
		
		.work-maintop #country a {
			background: url(../images/sprites.png) -865px 12px no-repeat;
			background-color: rgba(29,77,97,0.4) !important;
			background-color: #1C7F94;
			border: 1px solid #35AABC;
		}
			.work-maintop #country a:hover {
				background-color: rgba(29,77,97,0.5) !important;
				background-color: #1C6D82;
				border: 1px solid #4EC3D5;
			}
			
			
		
#header .header #bayi, .work-maintop #bayi {
		float: left;
		width: 140px;
		padding: 43px 0 0 10px;
		color: #FFF;
		font-size: 10px;
	}
	
		#header #bayi span, #header #bayi a,
		.work-maintop #bayi span, .work-maintop #bayi a {
			display: block;
		}

		#header .header #bayi span,
		.work-maintop #bayi span {
			padding: 0 0 5px 0px;
			font-weight: bold;
		}
		
		#header .header #bayi a,
		.work-maintop #bayi a {
			background: #0b152e url(../images/sprites.png) -865px 12px no-repeat;
			border: 1px solid #0b152e;
			color: #FFF;
			font-size: 17px;
			line-height: 23px;
			position:absolute;
			right:0px;
			top:135px;
			padding: 3px 0 0 6px;
			height: 30px;
			width: 120px;
		}
		
			#header .header #bayi a:hover {
				border: 1px solid #fff;
			}
			
			#header #bayi a b,
			.work-maintop #bayi a b {
				display: block;
				background: url(../images/bayi.png) left 4px no-repeat;
				font-weight: normal;
				margin-top:0px;
				padding-left: 25px;
				height: 23px;
			}
			
			
		.work-maintop #bayi span {
			font-weight: normal;
		}
		
		.work-maintop #bayi a {
			background: url(../images/sprites.png) -865px 12px no-repeat;
			background-color: rgba(29,77,97,0.4) !important;
			background-color: #1C7F94;
			border: 1px solid #35AABC;
		}
			.work-maintop #bayi a:hover {
				background-color: rgba(29,77,97,0.5) !important;
				background-color: #1C6D82;
				border: 1px solid #4EC3D5;
			}
			
			
			
/* Select Country */			
#slctCountry {
	background-color: #0b152e;
	height: 45px;
}
	#slctCountry .slctCountry {
		width: 980px;
		height: 45px;
		margin: 0 auto;
		position: relative;
		z-index: 200;
	}
	
		#slctCountry ul {
			position: absolute;
			z-index: 200;
			top: 0;
			left: 0;
			width: 990px;
			padding: 0;
		}
	
		#slctCountry ul, #slctCountry li {
			height: 45px;
			margin: 0;
		}
		
		#slctCountry li {
			background: none;
			padding: 0 1px 0 0;
			float: left;
		}
			#slctCountry li.last {
				padding-right: 0;
			}

		#slctCountry li a {
			float: left;
			color: #FFF;
			font-size: 15px;
			font-weight: bold;
			padding: 14px 18px 0 18px;
			height: 31px;
		}
			#slctCountry li a:hover, #slctCountry li .act {
				background-color: #070d1e;
				color: #FFF;
			}

			
	#work-wrapper #slctCountry {
		background-color: #10425A;
		display: block;
	}	
		#work-wrapper #slctCountry .slctCountry {
			width: 946px;
		}
		
			#work-wrapper #slctCountry ul {
				width: 946px;
			}
		
			#work-wrapper #slctCountry li a {
				font-size: 15px;
				padding: 13px 16px 0 16px;
				height: 32px;
			}
			
			#work-wrapper #slctCountry li a:hover, #work-wrapper #slctCountry li .act {
				background-color: #228AA3;
			}
		
		

/* Select bayi */			
#slctbayi {
	background-color: #0b152e;
	height: 45px;
}
	#slctbayi .slctbayi {
		width: 980px;
		height: 45px;
		margin: 0 auto;
		position: relative;
		z-index: 200;
	}
	
		#slctbayi ul {
			position: absolute;
			z-index: 200;
			top: 0;
			left: 0;
			width: 990px;
			padding: 0;
		}
	
		#slctbayi ul, #slctbayi li {
			height: 45px;
			margin: 0;
		}
		
		#slctbayi li {
			background: none;
			padding: 0 1px 0 0;
			float: left;
		}
			#slctbayi li.last {
				padding-right: 0;
			}

		#slctbayi li a {
			float: left;
			color: #FFF;
			font-size: 15px;
			font-weight: bold;
			padding: 14px 18px 0 18px;
			height: 31px;
		}
			#slctbayi li a:hover, #slctbayi li .act {
				background-color: #070d1e;
				color: #FFF;
			}

			
	#work-wrapper #slctbayi {
		background-color: #10425A;
		display: block;
	}	
		#work-wrapper #slctbayi .slctbayi {
			width: 946px;
		}
		
			#work-wrapper #slctbayi ul {
				width: 946px;
			}
		
			#work-wrapper #slctbayi li a {
				font-size: 15px;
				padding: 13px 16px 0 16px;
				height: 32px;
			}
			
			#work-wrapper #slctbayi li a:hover, #work-wrapper #slctbayi li .act {
				background-color: #228AA3;
			}
		
			
			

			
/* Phone & info	*/	
#phone {
	top: 45px;
	width: 275px;
	height: auto;
	padding: 0;
	background: none;
	color: #acd9eb;
	position: absolute;
	z-index: 1;
	right: 0;
	font-size: 11px;
}
	#work-wrapper #phone {
		top: 20px;
		width: 312px;
	}

	#phone b {
		display: block;
		font-weight: normal;	
		padding: 0;
		color: #F2F1F2;
	}
	
	#phone a { color: #FF66B2; }
		#phone a:hover { color: #F2F1F2; }
		
		
	#phone .phone {
		width: 264px;
		height: 21px;
		margin-left: 6px;
		background: url(../images/sprites.png) -210px 0px no-repeat;
		text-indent: -8000px;
	}
	
	#phone .info {
		padding: 11px 6px 0 8px;
		width: 261px;
		height: 31px;
		background: url(../images/sprites.png) -210px -25px no-repeat;
		/* text-align: justify; */
		white-space: nowrap;
	}
		#work-wrapper #phone .info {
			word-spacing: 0.06em;
			width: 298px;
			height: 67px;
			background-position: -170px -80px;
		}
	
		#phone .info b, #phone .info span {
			display: block;
			line-height: 13px;
		}
		
		#phone .info span {
			word-spacing: 0.12em;
		}	

	
/* Share widgets */	
#header .fb, #header .fb2, #header .fb3, #ft .addthis_toolbox {
	/* display: none; */
}

.fb, .fb2, .fb3 {
	position: absolute;
	z-index: 15;
	top: 133px;
	height: 21px;
	padding: 0;
}

	.fb { 
		right: 88px; 
		width: 84px;
		*position: static;
		*top: auto;
		*right: auto;
		*float: right;
		*padding: 134px 0px 0 0;
		*width: 79px;
		overflow: hidden;
	}
	.fb2 { right: 180px; width: 55px; }
	.fb3 { right: 244px; width: 61px; }

	

/* Icons Share */
.icons_share {
	top: 5px;
	height: 26px;
	position: absolute;
	z-index: 15;
	right: -15px;
	padding: 0;
	width:180px;
	*position: static;
	*top: auto;
	*right: auto;
	*float: right;
	*padding: 132px 0px 0 0;
}
	.icons_share li, 
	.icons_share li a {
		float: left;
		height: 26px;
		width: 29px;
	}	
		.icons_share li {
			padding: 0 0 0 1px;
			list-style-type: none;
			background: none;
		}
		
		.icons_share li a {
			background-image: url(../images/sprites.png);
			background-repeat: no-repeat;
			text-indent: -8000px;
		}
		
		.icons_share .rss { background-position: -1930px 0px }
			.icons_share .rss:hover {background-position: -1930px -30px;}

		.icons_share .twitter { background-position: -1900px 0px }
			.icons_share .twitter:hover {background-position: -1900px -30px;}
			
		.icons_share .facebook { background-position: -1870px 0px }
			.icons_share .facebook:hover {background-position: -1870px -30px;}	
	
	#work-wrapper .icons_share{
		top: 90px;
		padding-right: 4px;
	}
	
	#work-wrapper .fb, #work-wrapper .fb2, #work-wrapper .fb3 {
		top: 91px;
		padding-right: 4px;
	}
			
			
/* Top Menu */
#topMenu {
	clear: left;
	float: left;
	height: 40px;
	position: relative;
	z-index: 10;
	width: 680px;
	padding: 10px 0 0 0;
}
	#topMenu li {
		float: left;
		background: none;
		padding: 0;
		margin: 0 40px 0 0;
		height: 30px;
		font-size: 16px;
		font-weight: bold;
	}
		#topMenu .last {
			margin-right: 0;
		}
	
		
		#topMenu li a { color: #FFF; }	
			#topMenu li a:hover, #topMenu li.act a { color: #298eb9; }	
			
			
		#topMenu #tm1, #topMenu #tm2 {
			background: url(../images/sprites.png) center 26px no-repeat;
		}
		
		#header #topMenu li.act {
			background: url(../images/sprites.png) center -14px no-repeat;
		}
		
		
/* Sub Menus */
#subMenu {
	padding: 40px 8px 0 8px;
	height: 100px;
	clear: both;
	color: #FFF;
	font-size: 11px;
	position: relative;
	z-index: 10;
	display: none;
}
	#subMenu .subMenu {
		width: 975px;
		height: 100px;
		overflow: hidden;
		position: relative;
		z-index: 10;
	}


	#subMenu.sm1 { background: url(../images/sprites.png) 0px -215px no-repeat; z-index: 10; }
	#subMenu.sm2 { background: url(../images/sprites.png) -980px -215px no-repeat; z-index: 11; }
	
	/* #subMenu.sm1 #sm1 { top: 0; }
	#subMenu.sm1 #sm2 { top: 100px; }
	
	#subMenu.sm2 #sm2 { top: 0; }
	#subMenu.sm2 #sm1 { top: -100px; } */
	
	
	
	#subMenu a { color: #298eb9; }
		#subMenu a:hover { 
			/* color: #298eb9; 
			color: #FCF5DE;*/
			color: #FFF;
		}
	
	#subMenu ul {
		display: none;
		float: left;
		width: 975px;
		padding: 0;
		
		position: absolute;
		left: 8px;
		top: 0;
	}
	
	#subMenu li {
		float: left;
		width: 200px;
		padding: 0 37px 0 0;
		background: none;
	}
		#header #subMenu li.last {
			padding: 0;
		}
		
		#header #subMenu li a {
			font-size: 14px;
		}
		
		#header #subMenu li p {
			padding: 3px 0 15px 0;
			line-height: 13px;
		}
			#header .header #subMenu li p a {
				font-size: 11px;
			}
		
		
	#subMenu .close {
		background: url(../images/sprites.png) -490px -40px no-repeat;
		padding-left: 14px;
		position: absolute;
		z-index: 1;
		/* bottom: 8px; */
		top: 287px;
		left: 490px;
		left: 50%;
		margin-left: -20px;
		float: left;
		display: none;
	}
		#subMenu .close:hover {
			background-position: -490px -55px;
		}
	
		#subMenu .close u {
			float: left;
			text-decoration: none;
			line-height: 11px;
			border-bottom: 1px dotted #298eb9;
		}
			#subMenu .close:hover u {
				border-bottom-color: #FFF;
			}
			
			

				
				
/* Request Meeting */
#reqMeeting	{
	background-color: #0b152e;
	padding: 18px 14px 0 18px;
	height: 87px;
	width: 948px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #FFF;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
	#reqMeeting .txt {
		float: left;
		width: 200px;
		padding: 2px;
		line-height: 130%;
	}
		#reqMeeting .txt h3 {
			display: block;
			height: 16px;
			background: url(../images/titles_sprites.png) -160px 0px no-repeat;
			text-indent: -8000px;
			margin-bottom: 4px;
		}
		
		#reqMeeting .txt b { color: #F8E9BF; }
	
	#reqMeeting .form {
		float: right;
		width: 710px;
	}
	
	#reqMeeting .form .inpt, #reqMeeting .form label {
		float: left;
	}
		#reqMeeting .form .inpt {
			background-color: #FFF;
			border: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #333;
		}
			#wrapper-home #reqMeeting .form .default, 
			#wrapper-page #reqMeeting .form .default {
				color: #999;
				*color: #777;
			}
		
			#reqMeeting .form input.inpt {
				padding: 6px 6px 7px 6px;
				width: 192px;
				margin: 0 12px 8px 0;
			}
			
			#reqMeeting .form select.inpt {
				padding: 5px 5px 6px 5px;
				width: 192px;
				margin: 0 12px 8px 0;
				height: 29px;
			}
		
		#reqMeeting .form label {
			width: 200px;
			padding: 7px 0px 0px 0px;
			height: 30px;
		}
		
		#reqMeeting .form .btn {
			float: right;
			border: none;
			width: 65px;
			height: 20px;
			padding: 0;
			background: url(../images/titles_sprites.png) -160px -20px no-repeat;
			margin: 6px 0 0 7px;
			cursor: pointer;
		}
			#reqMeeting .form .btn:hover {
				background-position: -160px -50px;
			}

#country .form {
		margin-top:10px;
		margin-left:10px;
		float: right;
		width: 780px;
	}
	
	#country .form .inpt, #country .form label {
		float: left;
	}
		#country .form .inpt {
			background-color: #FFF;
			border: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #333;
		}
			#wrapper-home #country .form .default, 
			#wrapper-page #country .form .default {
				color: #999;
				*color: #777;
			}
		
			#country .form input.inpt {
				padding: 6px 6px 7px 6px;
				width: 192px;
				margin: 0 12px 8px 0;
			}
			
			#country .form select.inpt {
				padding: 5px 5px 6px 5px;
				width: 192px;
				margin: 0 12px 8px 0;
				height: 29px;
			}
		
		#country .form label {
			width: 200px;
			padding: 7px 0px 0px 0px;
			height: 30px;
		}
		
		#country .form .btn2 {
			float: left;
			border: none;
			width: 65px;
			height: 20px;
			padding: 0;
			background: url(../images/titles_sprites.png) -260px -20px no-repeat;
			margin: 6px 0 0 7px;
			cursor: pointer;
		}
			#country .form .btn:hover {
				background-position: -260px -50px;
			}

#bayi .form {
		margin-top:10px;
		margin-left:10px;
		float: right;
		width: 780px;
	}
	
	#bayi .form .inpt, #bayi .form label {
		float: left;
	}
		#bayi .form .inpt {
			background-color: #FFF;
			border: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #333;
		}
			#wrapper-home #bayi .form .default, 
			#wrapper-page #bayi .form .default {
				color: #999;
				*color: #777;
			}
		
			#bayi .form input.inpt {
				padding: 6px 6px 7px 6px;
				width: 192px;
				margin: 0 12px 8px 0;
			}
			
			#bayi .form select.inpt {
				padding: 5px 5px 6px 5px;
				width: 192px;
				margin: 0 12px 8px 0;
				height: 29px;
			}
		
		#bayi .form label {
			width: 200px;
			padding: 7px 0px 0px 0px;
			height: 30px;
		}
		
		#bayi .form .btn2 {
			float: left;
			border: none;
			width: 65px;
			height: 20px;
			padding: 0;
			background: url(../images/titles_sprites.png) -260px -20px no-repeat;
			margin: 6px 0 0 7px;
			cursor: pointer;
		}
			#bayi .form .btn:hover {
				background-position: -260px -50px;
			}

#karaliste .form {
		margin-top:10px;
		margin-left:10px;
		float: right;
		width: 200px;
	}
	
	#karaliste .form .inpt, #karaliste .form label {
		float: left;
	}
		#karaliste .form .inpt {
			background-color: #FFF;
			border: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #333;
		}
			#wrapper-home #karaliste .form .default, 
			#wrapper-page #karaliste .form .default {
				color: #999;
				*color: #777;
			}
		
			#karaliste .form input.inpt {
				padding: 6px 6px 7px 6px;
				width: 100px;
				margin: 0 12px 8px 0;
			}
			
			#karaliste .form select.inpt {
				padding: 5px 5px 6px 5px;
				width: 192px;
				margin: 0 12px 8px 0;
				height: 29px;
			}
		
		#karaliste .form label {
			width: 200px;
			padding: 7px 0px 0px 0px;
			height: 30px;
		}
		
		#karaliste .form .btn {
			float: left;
			border: none;
			width: 65px;
			height: 20px;
			padding: 0;
			background: url(../images/titles_sprites.png) -160px -20px no-repeat;
			margin: 6px 0 0 7px;
			cursor: pointer;
		}
			#karaliste .form .btn:hover {
				background-position: -160px -50px;
			}

			
/* Homepage' 3 panels */
#panels {
	background: #521A4F url(../images/panels_bg.jpg) 0px 0px no-repeat;
	width: 980px;
	height: 265px;
	/* margin-bottom: 20px; */
	color: #FFF;
	font-size: 12px;
}
	#panels .panel1, #panels .panel2, #panels .panel3 {
		float: left;
		padding: 166px 18px 0 18px;
		width: 290px;
		height: 99px;
		cursor: pointer;
	}
		#panels .panel1 { margin-right: 1px; }
		#panels .panel2 { margin-right: 1px; }
	
	#panels h3, #panels h4 {
		display: block;
		background-image: url(../images/titles_sprites.png);
		background-repeat: no-repeat;
		text-indent: -8000px;
		padding: 0;
		margin: 0;
	}
		#panels h3 { height: 24px; }
		#panels .panel1 h3 { background-position: 0px -206px; }
		#panels .panel2 h3 { background-position: 0px -254px; }
		#panels .panel3 h3 { background-position: 0px -302px; }
		
		#panels h4 { height: 18px; }
		#panels .panel1 h4 { background-position: 0px -230px; }
		#panels .panel2 h4 { background-position: 0px -278px; }
		#panels .panel3 h4 { background-position: 0px -326px; }
	
	#panels p {
		padding-bottom: 0px;
		line-height: 120%;
		display: block;
		height: 73px;
	}
	
	#panels a {
		font-size: 12px;
		font-weight: bold;
		color: #298eb9;
		float: left;
		background: url(../images/panels_arw.png) right 4px no-repeat;
		padding-right: 12px;
		position: relative;
		z-index: 1;
		white-space: nowrap;
	}
		/* #panels .panel1 a { width: 235px; }
		#panels .panel2 a { width: 232px; }
		#panels .panel3 a { width: 164px; } */
	
		#panels a span {
			float: right;
			/* margin: 5px 0 0 7px; */
			display: block;
			background: none;
			width: 0px;      
			height: 0px;      
			border-left: 4px solid #298eb9;        
			border-top: 4px solid transparent; 
			border-bottom: 4px solid transparent;
			font-size: 0px;     
			line-height: 0px;
			position: absolute;
			z-index: 1;
			right: 0;
			top: 5px;
		}
		
		#panels a:hover/* , #panels .hover a */ { color: #FFF; background-position: right -16px; }
			#panels a:hover span/* , #panels .hover a span */ { border-left-color: #F8E9BF; }
			
			
		#main-page #panels .link { color: #298eb9; border-left-color: #298eb9; }
			#main-page #panels .link:hover { color: #F8E9BF; }
				#main-page #panels .link:hover span { border-left-color: #F8E9BF; }
		
	
	
/* Gray Box */
#grayBox {
	background-color: #E7E7ED;
	padding: 18px 20px 20px 20px;
	margin-bottom: 20px;
}
	#grayBox a {
		color: #298eb9;
		text-decoration: underline;
	}
		#grayBox a:hover {
			color: #333;
			text-decoration: underline;
		}
	
	#grayBox .news, #grayBox .info {
		float: left;
		width: 445px;
	}
	
	#grayBox .info {
		font-size: 12px;
	}
	
	#grayBox h3 {
		display: block;
		background-image: url(../images/titles_sprites.png);
		background-repeat: no-repeat;
		text-indent: -8000px;
		padding: 0;
		margin: 6px 0 0 0;
		height: 20px;
	}
		#grayBox .news h3 { background-position: 0px -355px; width: 290px; }
		#grayBox .info h3 { background-position: 0px -385px; padding-bottom: 10px; }
	
	#grayBox .news {
		padding-right: 24px;
		margin-right: 25px;
		border-right: 1px solid #D4D4DF;
	}
		#grayBox .news .icon_rss, #grayBox .news h3, #grayBox .news .seeAll {
			float: left;
		}
			#grayBox .news .icon_rss {
				width: 27px;
				height: 27px;
				background: url(../images/icon_rss.jpg) left top no-repeat;
				text-indent: -8000px;
				margin: 0 10px 2px 0;
			}
				#grayBox .news .icon_rss:hover {
					background-position: left bottom;
				}
				
		#grayBox .news .seeAll {
			position: relative;
			z-index: 1;
			margin: 7px 0 0 0;
			float: right;
		}
			#grayBox .news .seeAll a {
				padding-left: 8px;
			}
			
			#grayBox .news .seeAll a span {
				float: left;
				/* margin: 5px 0 0 5px; */
				display: block;
				background: none;
				width: 0px;      
				height: 0px;      
				border-left: 4px solid #298eb9;        
				border-top: 4px solid transparent; 
				border-bottom: 4px solid transparent;
				font-size: 0px;     
				line-height: 0px;
				position: absolute;
				z-index: 1;
				left: 0;
				top: 4px;
			}
			
				#grayBox .news .seeAll a:hover span { border-left-color: #333; }
				
		
		#grayBox .news ul, #grayBox .news ul li, 
		#grayBox .news ul li .date, #grayBox .news ul li .txt {
			display: block;
			float: left;
		}
			#grayBox .news ul, #grayBox .news ul li {
				width: 445px;
				margin: 0;
				padding: 0;
				background: none;
			}
			
			#grayBox .news ul li .date {
				background-color: #CBD3E7;
				padding-top: 7px;
				width: 48px;
				height: 41px;
				text-align: center;
				color: #FFF;
				font-size: 13px;
				font-weight: bold;
				margin-top: 10px;
				text-transform: uppercase;
			}
				#grayBox .news ul li .date b {
					display: block;
					font-size: 25px;
					font-weight: bold;
					line-height: 20px;
				}
			
			
			#grayBox .news ul li .txt {
				width: 385px;
				padding: 10px 0 0 11px;
				margin-top: -1px;
				line-height: 140%;
				font-size: 12px;
			}
	
	
	#grayBox .info p {
		line-height: 140%;
		padding-bottom: 8px;
	}
		#grayBox .info p a, #grayBox .info p a:hover { text-decoration: none; }
	
	#grayBox .info ul, #grayBox .info ul li, #grayBox .info ul li a {
		display: block;
		float: left;
		height: 16px;
	}
		#grayBox .info ul {
			margin: 0;
			padding: 0;
			width: 445px;
		}
		
		#grayBox .info ul li {
			padding: 0;
			margin-right: 14px;
			font-size: 12px;
			font-weight: bold;
			background: none;
			position: relative;
			z-index: 1;
		}
		
		#grayBox .info ul li a {
			padding-right: 8px;
		}
		
		#grayBox .info ul li a span {
			float: right;
			/* margin: 5px 0 0 5px; */
			display: block;
			background: none;
			width: 0px;      
			height: 0px;      
			border-left: 4px solid #298eb9;        
			border-top: 4px solid transparent; 
			border-bottom: 4px solid transparent;
			font-size: 0px;     
			line-height: 0px;
			position: absolute;
			z-index: 1;
			right: 0;
			top: 4px;
		}
	
			#grayBox .info ul li a:hover span { border-left-color: #333; }
	
	
/* Brads Slider */
#brandsSlider {
	margin-bottom: 5px;
}
	#work-mainfooter #brandsSlider {
		width: 980px;
		margin: 0 auto;
		height: 240px;
	}

	#brandsSlider .t {
		background-color: #E7E7ED;
		padding: 12px 10px 10px 14px;
	}
	
		#brandsSlider .t .l, #brandsSlider .t .r {
			float: left;
			height: 62px;
		}
		
		#brandsSlider .t .l { width: 580px; }
		#brandsSlider .t .r { width: 355px; padding-left: 20px; border-left: 1px solid #D4D4DF; }	
	
		#brandsSlider .l h3 {
			float: left;
			display: block;
			background: url(../images/titles_sprites.png) left -418px no-repeat;
			text-indent: -8000px;
			padding: 0;
			height: 62px;
			width: 300px;
		}
			#brandsSlider .l ul {
				float: left;
				display: block;
				width: 250px;
				padding: 0;
				position: relative;
				z-index: 1;
				margin-top: -5px;
			}
				#brandsSlider .l ul li {
					display: block;
					width: 250px;
					padding: 0 0 3px 0;
					position: relative;
					z-index: 1;
					text-align: left;
				}
				
				#brandsSlider .l ul li a {
					color: #298eb9;
					text-decoration: underline;
					padding-left: 10px;
				}
					#brandsSlider .l ul li a:hover {
						color: #333;
						text-decoration: underline;
					}
					
				#brandsSlider .l ul li a span {
					float: left;
					/* margin: 5px 0 0 5px; */
					display: block;
					background: none;
					width: 0px;      
					height: 0px;      
					border-left: 4px solid #298eb9;        
					border-top: 4px solid transparent; 
					border-bottom: 4px solid transparent;
					font-size: 0px;     
					line-height: 0px;
					position: absolute;
					z-index: 1;
					left: 0;
					top: 4px;
				}
			
					#brandsSlider .l ul li a:hover span { border-left-color: #333; }
				
		
		#brandsSlider .r h3 {
			float: left;
			display: block;
			background: url(../images/titles_sprites.png) left -485px no-repeat;
			text-indent: -8000px;
			padding: 0;
			height: 62px;
			width: 140px;
		}

		
		#featuredOn {
			float: left;
			overflow: hidden;
			height: 60px;
			width: 210px;
			position: relative;
			z-index: 1;
		}
			#featuredOn span {
				display: block;
				background: url(../images/services.gif) center top no-repeat;
				height: 2500px;
				width: 210px;
				position: absolute;
				z-index: 1;
				left: 0;
				top: 0;
			}
		
			
			
	.brandsSlider {
		margin-top: 14px;
		width: 980px;
		height: 116px;
		overflow: hidden;
	}
		#brandsSlider ul, #brandsSlider ul li {
			padding: 0;
			margin: 0;
			background: none;
		}	
			#brandsSlider ul li {
				text-align: center;
			}
			
			

.jcarousel-clip {
    overflow: hidden;
}

.horSlider {
	background: url(../images/home_slider_bg.png) left top no-repeat;
	height: 88px;
	padding-left: 7px;
	width: 846px;
	float: right;
	overflow: hidden;
}
	#homeHeader .horSlider ul {
		padding: 0;
	} 
	
	#homeHeader .horSlider li {
		padding: 0;
		background: none;
	} 


.jcarousel-container-horizontal {
	height: 88px;
	/* width: 876px; */
	width: 786px;
	padding: 0 30px;
	clear: both;
	position: relative; 
	z-index: 1;
}

	.jcarousel-clip-horizontal {
		width: 788px;
		height: 88px;
	}
	
	.jcarousel-item-horizontal {
		width: 158px;
		height: 88px;
	}

	
.brandsSlider .jcarousel-container-horizontal {
	width: 866px;
	height: 116px;
	padding: 0 57px;
}

	.brandsSlider .jcarousel-clip-horizontal, 
	.brandsSlider .jcarousel-item {
		width: 866px;
		height: 116px;
	}
	
	
.portfolio .jcarousel-container-horizontal {
	width: 695px;
	height: 405px;
	padding: 0;
}

	.portfolio .jcarousel-clip-horizontal, 
	.portfolio .jcarousel-item {
		width: 695px;
		height: 405px;
	}

.jcarousel-clip {
    overflow: hidden;
}

/**
 *  Horizontal Buttons
 */
#brandsSlider .jcarousel-next-disabled-horizontal,
#brandsSlider .jcarousel-next-disabled-horizontal:hover,
#brandsSlider .jcarousel-next-disabled-horizontal:focus,
#brandsSlider .jcarousel-next-disabled-horizontal:active,
#brandsSlider .jcarousel-prev-disabled-horizontal,
#brandsSlider .jcarousel-prev-disabled-horizontal:hover,
#brandsSlider .jcarousel-prev-disabled-horizontal:focus,
#brandsSlider .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	/* background: none; */
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	background-color: #0b152e;
}


.jcarousel-next-horizontal, .jcarousel-prev-horizontal { 
	cursor: pointer;
	display:block;
	width: 28px;
	height: 88px;
	position:absolute;
	top: 0px;
	z-index:1000;
}		
	.jcarousel-prev-horizontal { left:3px; }
		.jcarousel-prev-horizontal:hover { background: url(../images/home_slider_bg.png) center top no-repeat; }
	.jcarousel-next-horizontal { left:auto; right:0px; }	
		.jcarousel-next-horizontal:hover { background: url(../images/home_slider_bg.png) center top no-repeat; }
		
		
	
.brandsSlider .jcarousel-next-horizontal, .brandsSlider .jcarousel-prev-horizontal { 
	cursor: pointer;
	display:block;
	width: 44px;
	height: 44px;
	position:absolute;
	top: 35px;
	z-index:1000;
	background-image: url(../images/slider_arws.gif);
	background-repeat: no-repeat;
	background-color: #0b152e;
}		
	.brandsSlider .jcarousel-prev-horizontal { left:10px; background-position: left top; }
		.brandsSlider .jcarousel-prev-horizontal:hover { background-color: #00658f; }
	.brandsSlider .jcarousel-next-horizontal { left:auto; right:10px; background-position: right top; }	
		.brandsSlider .jcarousel-next-horizontal:hover { background-color: #00658f; }	
		
		
		
.portfolio .jcarousel-next-horizontal, .portfolio .jcarousel-prev-horizontal { 
	position: absolute;
    top: 175px;
	width: 44px;
	height: 44px;
	visibility: hidden;
    cursor: pointer;
	z-index:1000;
	background-image: url(../images/slider_arws.gif);
	background-repeat: no-repeat;
	background-color: #0b152e;
}		
	.portfolio .jcarousel-prev-horizontal { left: 13px; background-position: left top; }
		.portfolio .jcarousel-prev-horizontal:hover { background-color: #00658f; }
	.portfolio .jcarousel-next-horizontal { left:auto; right: 13px; background-position: right top; }	
		.portfolio .jcarousel-next-horizontal:hover { background-color: #00658f; }	
		
		

#wrapper-page .animation {
	padding: 9px 0 0 0;
	float: left;
	width: 702px;
	margin-right: -22px;
}
	#wrapper-page .animation li {
		padding: 0 24px 14px 0;
		float: left;
		width: 210px;
	}
	
	.animation li a img {
		width: 198px;
		height: 156px;
		border: 6px solid #F5F5F5;
	}
		.animation li a:hover img {
			border: 6px solid #D9D0DD;
		}
		


/* Portfolios */	

.portfolio {
	background-color: #EEF0F3;
	border-top: 1px solid #E5E7E9;
	border-bottom: 1px solid #E5E7E9;
	padding: 16px 0 0 0;
	margin: 0px 0 45px 0;
	position: relative;
}

#ptShare {
	position: absolute;
	z-index: 10;
	left: 3%;
	top: 16px;
	width: 70px;
	/* overflow: hidden; */
}
	
	#ptShare .ptShare {
		/* position: fixed;
		z-index: 10; 
		background: #CCC;*/
		width: 70px;
		height: 400px;
	}
	
	#ptShare .addthis_button_facebook_like {
		display:block;width:45px;margin:0 auto;
	}
	
	#ptShare .addthis_button_google_plusone, 
	#ptShare .addthis_button_stumbleupon_badge {
		display:block;width:50px;margin:0 auto;
		padding-bottom: 4px;
	}

	
		
#portfolio {
	/* padding-bottom: 80px; */
	width: 948px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
	#portfolio .pt_item {
		background-color: #FFF;
		border:1px solid #E5E5E5; 
		border-bottom:1px solid #D4D4D4; 
		box-shadow:0px 1px 1px #E5E5E5; 
		position:relative;
		margin-bottom: 35px;
		height: 405px;
	}
	
	#portfolio .images {
		background-color: #FFF;
		float: left;
		width: 695px;
		height: 405px;
		position: relative;
		z-index: 1;
		overflow: hidden;
		
	}
		#portfolio .images li {
			width: 695px;
			height: 405px;
			overflow: hidden;
			padding: 0;
			background: none;
		}	
			#portfolio .images li img {
				width: 695px;
				height: 405px;
			}
			
			#portfolio .images_hover .jcarousel-prev-horizontal, 
			#portfolio .images_hover .jcarousel-next-horizontal { visibility: visible; }
	
	#portfolio .descr {
		/* background-color: #D9D0DD;
		background-color: #E8E7ED; */
		float: right;
		padding: 16px 0px 0 20px;
		width: 211px;
		height: 389px;
		margin-right: 20px;
		/* margin-bottom: 55px; */
		color: #707070;
		overflow: hidden;
	}
	
	#work-wrapper #portfolio p {
		float: left;
		padding: 0 0 12px 0;
		clear: left;
	}
	
		#portfolio .descr h3 {
			color: #19334D;
			font-size: 30px;
			line-height: 27px;
			font-weight: bold;
			padding-bottom: 12px;
			letter-spacing: -2px;
			float: left;
		}

		#portfolio .descr .share {
			float: left;
			padding: 20px 15px 0 0;
		}
		
		#portfolio .arwLink {
			clear: left;
			float: left;
			background: none;
			color: #E02B99;
			font-size: 14px;
			font-weight: normal;
			padding: 0;
			line-height: normal;
			border: none;
			cursor: pointer;
			margin-bottom: 12px;
		}
			#portfolio .arwLink span {
				background: none;
				padding-right: 0;
				cursor: pointer;
			}
			
			#portfolio .arwLink:hover {
				background: none;
				color: #19334D;
			}
		
		
			
	#pTabs {
		background-color: #E8E7ED;
		margin-bottom: 25px;
	}
		#pTabs .t {
			padding: 5px 18px 0 18px;
			height: 39px;
			background-color: #B3A2BB;
		}
			#work-wrapper #pTabs .t ul {
				height: 39px;
				padding: 0;
			}
				#pTabs .t ul li, #pTabs .t ul li a {
					float: left;
				}
				
				#work-wrapper #pTabs .t ul li {
					padding: 0 1px 0 0;
					background: none;
				}
					#pTabs .t ul li a {
						font-size: 22px;
						font-weight: bold;
						text-decoration: none;
						color: #170722;
						padding: 5px 30px 0 30px;
						height: 34px;
					}
						#pTabs .t ul li a:hover, #pTabs .t ul li .act {
							text-decoration: none;
							color: #170722;
							background-color: #E8E7ED;
						}
				
		
		#pTabs .b {
			height: 30px;
			padding: 5px 0;
		}
		
		
	#work-wrapper .portfolio .pages {
		text-align: center;
		background: none;
		margin: 0;
		padding: 0;
		height: 36px;
		position: absolute;
		z-index: 10;
		left: 0;
		display: block;
		float: left;
	}
		#work-wrapper .portfolio .pages_t {
			top: -52px;
		}
		
		#work-wrapper .ptLink .pages_t {
			padding-right: 200px;
		}
		
		#work-wrapper .portfolio .pages_b {
			bottom: -71px;
		}
	
		#work-wrapper .portfolio .pages li {
			float: left;
			font-size: 17px;
			margin: 0;
			padding: 0 1px 0 0;
			background: none;
			height: 36px;
		}
			.portfolio #portfolio .pages .prev, 
			.portfolio #portfolio .pages .next {
				min-width: auto;
				height: 20px;
				padding: 0;
				border: none;
				/* text-indent: -8000px;
				width: 10px;*/
				background-image: url(../images/pt_arws.png);
				background-repeat: no-repeat;
			}

			.portfolio #portfolio .pages .prev { 
				margin: 7px 6px 0 0;
				background-position: left 6px;
				padding-left: 14px;
			}
				.portfolio #portfolio .pages .prev:hover {
					background-color: transparent;
					background-position: left -34px;
				}
			
			.portfolio #portfolio .pages .next {
				margin: 7px 0 0 6px;
				background-position: right -74px;
				padding-right: 14px;
			}
				.portfolio #portfolio .pages .next:hover {
					background-color: transparent;
					background-position: right -114px;
				}
			
		
		
			#pTabs .pages li a {
				color: #DF2B99;
				text-decoration: none;
			}
				#pTabs .pages li a:hover {
					color: #192C46;
					text-decoration: none;
				}
				
				#work-wrapper #pTabs .pages li a.act {
					color: #192C46;
					text-decoration: none;
				}
		
		
			#portfolio .pages_t li a {
				-webkit-border-top-left-radius:5px;
				-moz-border-radius-topleft:5px; 
				border-top-left-radius:5px;
				
				-webkit-border-top-right-radius:5px;
				-moz-border-radius-topright:5px; 
				border-top-right-radius:5px;				
			}
			
			#portfolio .pages_b li a {
				-webkit-border-bottom-left-radius:5px;
				-moz-border-radius-bottomleft:5px; 
				border-bottom-left-radius:5px;
				
				-webkit-border-bottom-right-radius:5px;
				-moz-border-radius-bottomright:5px; 
				border-bottom-right-radius:5px;
			}
			
			#portfolio .pages li a {
				/* color: #AEAEAE; */
				float: left;
				color: #DF2B99;
				text-decoration: none;
				padding: 6px 8px 0 8px;
				height: 29px;
				border: 1px solid transparent;
				min-width: 14px;
			}
				#portfolio .pages li a:hover, #work-wrapper #portfolio .pages li a.act {
					color: #192C46;
					text-decoration: none;
					background-color: #EEF0F3;
					border-left: 1px solid #E5E7E9;
					border-right: 1px solid #E5E7E9;
				}
				
				#portfolio .pages_t li a:hover, #work-wrapper #portfolio .pages_t li a.act {
					border-top: 1px solid #D4D6D8;
					border-bottom: none;
				}
				
				#portfolio .pages_b li a:hover, #work-wrapper #portfolio .pages_b li a.act {
					border-bottom: 1px solid #D4D6D8;
					border-top: none;
					padding-top: 7px;
					height: 28px;
				}
				
				
td.dots {
    background: url(../images/dots_v.gif) right top repeat-y;
}


.clientsLogos {
	width: 680px;
	overflow: hidden;
}
	#work-wrapper .clientsLogos {
		width: 910px;
	}
		#work-wrapper .clientsLogos ul {
			float: left;
			width: 915px;
			padding: 0;
		}

	
	#wrapper-home .clientsLogos ul {
		float: left;
		width: 695px;
		padding: 0;
	}
	
	#wrapper-home .clientsLogos li {
		float: left;
		width: 231px;
		/*height: 144px;*/
		background: url(../images/dots_v.gif) right top repeat-y;
		margin-bottom: 25px;
		padding: 0 0px 0 0;
	}
	
	#work-wrapper .clientsLogos li {
		float: left;
		width: 228px;
		height: 144px;
		background: url(../images/dots_v.gif) right top repeat-y;
		margin-bottom: 25px;
		padding: 0 0px 0 0;
		text-align: center;
	}
	
	.clientsLogos .li2 {
		text-align: center;
	}
	

	
#wrapper-home .working404 {
	float: none;
	width: auto;
	padding-bottom: 20px;
}

	.working404 h1 {
		padding-bottom: 25px;
	}

	#wrapper-home .working404 .work-corner1, 
	#wrapper-home .working404 .work-text, 
	#wrapper-home .working404 .work-corner2 {
		float:none;
		margin: 0 auto;
		clear: left;
	}
	
	#wrapper-home .working404 .text-1 {
		margin: 0;
		padding: 7px 0 10px 60px;
	}
	
	.work-text ul {
		padding: 0px;
		top: 16px;
	}
	
	
#portfolioBnr {
	width: 980px;
	height: 142px;
	padding:20px 0;
	position: relative;
	z-index: 1;
}

	#wrapper-home #portfolioBnr {
		padding:0 0 20px 0;
	}

	#portfolioBnr .videoLink {
		display: block;
		width: 164px;
		height: 112px;
		position: absolute;
		z-index: 1;
		top: 14px;
		right: 17px;
	}
	
	
.tbl3 {
	margin: 10px 0 18px 0;
	/* background: url(../images/dots_h.gif) left top repeat-x; */
	border-collapse: collapse;
}
	.tbl3 th, .tbl3 td {
		
	}
	
	.tbl3 th {
		background: #E7E7ED;
		border-right: 1px solid #FFF;
		padding: 11px 8px 12px 8px;
	}
	
	.tbl3 td {
		background: url(../images/dots_h.gif) left bottom repeat-x;
		vertical-align: top;
		padding: 13px 8px 14px 8px;
	}
	
	#wrapper-page .tbl3 .td {
		background-color: #F9F9F9;
	}
	
	#wrapper-page .tbl3 .last {
		border-right: none;
	}
	
	
#ptVideoLink {
	background: url(../images/ptvideo_l.gif) left 5px no-repeat;
	float: right;
	height: 164px;
	width: 230px;
	padding: 20px 0 0 26px;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}

	#ptVideoLink a {
		background: url(../images/watch-video.jpg) center top no-repeat;
		display: block;
		font-size: 15px;
		color: #E243A1;
		text-align: center;
		text-decoration: none;
		width: 200px;
		padding: 128px 0 0 0px;
		height: 15px;
	}
		#ptVideoLink a:hover {
			color: #49155D;
			text-decoration: none;
		}





#ptFooterHolder {
	padding: 0px 0 12px 0;
	margin: 0 auto;
	width: 980px;
	position: relative;
	z-index: 1;
}
	#ptFooter {
		padding: 25px 30px 44px 34px;
		width: 916px;
		background: #1C99AF url(../images/pt_footer.jpg) 0px 0px no-repeat;
		color: #FFF;
		font-size: 11px;
		max-height: 173px;
	}

	#ptFooter a {
		color: #BBE6EC;
		text-decoration: underline;
	}
		#ptFooter a:hover {
			color: #FFF;
			text-decoration: underline;
		}
	
	#ptBackTop, #ptBackTop:hover {
		display: block;
		width: 80px;
		height: 22px;
		background: url(../images/pt_footer_up.png) 0px 0px no-repeat;
		font-size: 11px;
		color: #FFF;
		padding: 10px 0 0 30px;
	}
	
	#ptFooter .l {
		float: left;
		width: 625px;
		margin-bottom: 12px;
	}
	
	#ptFooter .r {
		float: right;
		width: 250px;
		padding: 0 0 2px 26px;
		background: url(../images/dots_w_v.gif) 0px 0px repeat-y;
		margin-bottom: 12px;
	}
		#ptFooter .b .r {
			padding-bottom: 0;
		}
		
	
	#ptFooter h1 {
		font-size: 26px;
		font-weight: bold;
		color: #FFF;
		padding: 0 0 0 0;
		float: none;
		line-height: 22px;
		margin: -2px 0 0 0;
	}
	
	#ptFooter h2 {
		font-size: 18px;
		line-height: 18px;
		/* font-weight: bold; */
		color: #FFF;
		padding: 0 0 12px 0;
		float: none;
	}
		#ptFooter h2.bigger {
			font-size: 22px;
			line-height: 115%;
			padding: 0 0 8px 0;
			margin-top: -4px;
		}
	
	
	#ptFooter h4 {
		font-size: 14px;
		/* font-weight: bold; */
		color: #FFF;
		padding: 0;
		margin: 0;
		line-height: 135%;
	}
	
	#ptFooter .sendEnquiry {
		display: block;
		float: left;
		background: url(../images/pt_footer_btn.png) 0px 0px repeat-x;
		font-size: 15px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		padding: 10px 0px 0 0px;
		height: 28px;
		width: 206px;
		text-align: center;
	}
		#ptFooter .sendEnquiry:hover {
			background-position: left bottom;
			color: #FFF;
			text-decoration: none;
		}
	
	
	#ptFooter dl, #ptFooter dt, #ptFooter dd {
		float: left;
		padding: 0;
		margin: 0;
	}
		#ptFooter dl {
			font-size: 14px;
			line-height: 135%;
		}
		
		#ptFooter dt {
			width: 72px;
		}
		
		#ptFooter dd {
			width: 170px;
		}
	
	
	#ptFooter .b {
		margin: 8px 0 0px 0;
		padding-top: 17px;
		background: url(../images/dots_w_h.gif) 0px 0px repeat-x;
		height: 45px;
	}
	
		#ptFooter .b .l, #ptFooter .b .r{
			margin-bottom: 0;
		}
	
		#ptFooter .b .l h2, #ptFooter .b .l ul, #ptFooter .b .l li {
			float: left;
		}
		
		#ptFooter .b .l h2 {
			width: 105px;
			white-space: nowrap;
		}
		
		#ptFooter .b .l ul {
			padding: 0;
			/* width: 515px; */
		}
		
		#ptFooter .b .l li {
			background: none;
			padding: 0 0 2px 40px;
			clear: left;
			white-space: nowrap;
		}
	
	
	#ptMenu {
		position: absolute;
		z-index: 2;
		height: 44px;
		width: 980px;
		left: 0;
		bottom: 12px;
		background: url(../images/pt_footer_menu.png) 0px 0px repeat;
	}
	
		#ptMenu ul, #ptMenu li, #ptMenu li a {
			float: left;
		}
		
		#ptMenu ul {
			padding: 5px 0 0 20px;
			height: 39px;
		}
		
		#ptMenu li {
			background: none;
			padding: 0 1px 0 0;
			height: 39px;
			font-size: 15px;
			font-weight: bold;
		}
		
		#ptMenu li a {
			padding: 8px 15px 0 15px;
			height: 31px;
			color: #FFF;
		}
		
			#ptMenu li a:hover {
				text-decoration: none;
				color: #E3379E;
			}
			
			#ptMenu li .act, #ptMenu li .act:hover {
				text-decoration: none;
				color: #2A1F44;
				background-color: #FFF;
			}



.ptFeat #portfolio {
	padding-top: 20px;
}		

.ptFeat #portfolio .pages_t { top: -319px; }		
	

.work-swf, .work-picture {
	width: 980px;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	z-index: 10;
}
	.work-swf .btn_rewind {
		width: 59px;
		height: 59px;
		position: absolute;
		z-index: 10;
		left: 20px;
		bottom: 20px;
		background: url(../images/btn_rewind.png) left top repeat;
	}
		.work-swf .btn_rewind:hover {
			background-position: left bottom;
			text-decoration: none;
		}




			
#featProjects, .workItem, .work-swf, .work-picture {
	background-color: #FFF;
	border:1px solid #E5E5E5; 
	border-bottom:1px solid #D4D4D4; 
	box-shadow:0px 1px 1px #E5E5E5; 
	position:relative;
	
}			
	#featProjects, .workItem {
		padding: 16px 18px;
		width: 910px;
		margin: 0 auto;
	}

	#featProjects{
		height: 233px;
	}

	#featProjects h3, .workItem h3 {
		font-size: 18px;
		color: #19334D;
		padding: 0 0 14px 0;
	}
	
	#featProjects a { color: #E02B99; }
		#featProjects a:hover { color: #19334D; }
	
	
	.featProjects {
		padding: 0 0 0 35px;
		height: 190px;
		overflow: hidden;
	}
		.featProjects ul {
			padding: 0;
		}
		
		.featProjects ul li {
			background: none;
			padding: 0;
			float: left;
			width: 212px;
		}
		
		#featProjects .featProjects .thmb {
			display: block;
			width: 206px;
			margin: 0 0 1px 0;
			font-size: 16px;
			color: #19334D;
		}
			.featProjects .thmb b {
				display: block;
				padding-top: 3px;
				font-weight: normal;
			}
			
			#featProjects .featProjects .thmb:hover {
				color: #E02B99;
			}

	
	
.jcarousel-clip {
    overflow: hidden;
}

	
#featProjects .jcarousel-container-horizontal, 
#featProjects .jcarousel-clip-horizontal  {
	width: 848px;
	height: 190px;
}

	#featProjects .jcarousel-item {
		width: 212px;
		height: 190px;
	}

/**
 *  Horizontal Buttons
 */
#featProjects .jcarousel-next-disabled-horizontal,
#featProjects .jcarousel-next-disabled-horizontal:hover,
#featProjects .jcarousel-next-disabled-horizontal:focus,
#featProjects .jcarousel-next-disabled-horizontal:active,
#featProjects .jcarousel-prev-disabled-horizontal,
#featProjects .jcarousel-prev-disabled-horizontal:hover,
#featProjects .jcarousel-prev-disabled-horizontal:focus,
#featProjects .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	/* background: none; */
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#featProjects .featProjects .jcarousel-prev-disabled-horizontal,
#featProjects .featProjects .jcarousel-prev-disabled-horizontal:hover,
#featProjects .featProjects .jcarousel-prev-disabled-horizontal:focus,
#featProjects .featProjects .jcarousel-prev-disabled-horizontal:active { background-position: left top; }

#featProjects .featProjects .jcarousel-next-disabled-horizontal,
#featProjects .featProjects .jcarousel-next-disabled-horizontal:hover,
#featProjects .featProjects .jcarousel-next-disabled-horizontal:focus,
#featProjects .featProjects .jcarousel-next-disabled-horizontal:active { background-position: right top; }


#featProjects  .jcarousel-next-horizontal, #featProjects  .jcarousel-prev-horizontal { 
	cursor: pointer;
	display:block;
	width: 17px;
	height: 61px;
	position:absolute;
	top: 47px;
	z-index:1000;
	visibility: visible;
	/* background-color: #4D3B4E; */
	background-color: transparent;
	background-image: url(../images/featured/arws.png);
	background-repeat: no-repeat;
	/* zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4; */
}		
	#featProjects .jcarousel-prev-horizontal { left:-35px; background-position: left top; }
		#featProjects .jcarousel-prev-horizontal:hover { background-position: left -70px; }
		
	#featProjects .jcarousel-next-horizontal { left:auto; right:-27px; background-position: right top; }	
		#featProjects .jcarousel-next-horizontal:hover { background-position: right -70px; }
		
		#featProjects .jcarousel-prev-horizontal:hover,
		#featProjects .jcarousel-next-horizontal:hover {
			background-color: transparent;
		}	

	
	
	
#overlayDiv {
	display: none;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}



/* Portfolio */
#featProject {
	display: none;
	position: absolute;
	z-index: 9999;
	padding: 0 75px;
	width: 797px;
	height: 545px;
	left: 50%;
	top: 50%;
	margin: -273px 0 0 -474px;
	background: url(../images/featured/bg.png) 0px 0px repeat;
}	
	html>body #featProject { position: fixed; }

	
	.featProject {
		padding: 25px 27px 0 48px;
		width: 715px;
		height: 520px;
		/* overflow: hidden; */
	}
		#featProject ul, #featProject ul li {
			padding: 0;
			margin: 0;
			background: none;
		}	
			#featProject ul li {
			}
			
			
		.featProject h3 {
			/* font-family: "Century Gothic",Helvetica,sans-serif; */
			font-weight: normal;
			font-size: 30px;
			color: #FFF;
			padding: 0 0 25px 0;
		}
			

			
.featProject .jcarousel-container-horizontal, 
.featProject .jcarousel-clip-horizontal  {
	width: 715px;
	height: 450px;
	padding: 0;
}

	.featProject .jcarousel-item {
		width: 715px;
		height: 450px;
	}


/**
 *  Horizontal Buttons
 */
#featProject .jcarousel-next-disabled-horizontal,
#featProject .jcarousel-next-disabled-horizontal:hover,
#featProject .jcarousel-next-disabled-horizontal:focus,
#featProject .jcarousel-next-disabled-horizontal:active,
#featProject .jcarousel-prev-disabled-horizontal,
#featProject .jcarousel-prev-disabled-horizontal:hover,
#featProject .jcarousel-prev-disabled-horizontal:focus,
#featProject .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	/* background: none; */
	background-color: #4B2C49;
	background-color: rgba(255, 255, 255, 0.08);
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}


.featProject .jcarousel-next-horizontal, .featProject .jcarousel-prev-horizontal { 
	cursor: pointer;
	display:block;
	width: 75px;
	height: 545px;
	position:absolute;
	top: -86px;
	z-index:1000;
	/* background-color: #4D3B4E;
	background-color: #301A31; */
	background-color: #4B2C49;
	background-color: rgba(255, 255, 255, 0.08);
	background-image: url(../images/featured/arws2.png);
	background-repeat: no-repeat;
}		
	.featProject .jcarousel-prev-horizontal { left:-123px; background-position: left center; }
		
	.featProject .jcarousel-next-horizontal { left:auto; right:-109px; background-position: right center; }	
		
		.featProject .jcarousel-prev-horizontal:hover,
		.featProject .jcarousel-next-horizontal:hover {
			/* zoom: 1;
			filter: alpha(opacity=55);
			opacity: 0.55; */
			background-color: rgba(255, 255, 255, 0.11);
		}	
		
		
		
#wrapper-home #featProjects {
	background: #2E5E82 url(../images/featured/featbox_bg.jpg) left top no-repeat;
	border: none;
	box-shadow: none;
	padding: 15px 20px 15px 20px;
	width: 940px;
	height: 220px;
	margin-bottom: 20px;
	color: #FFF;
}

	#wrapper-home #featProjects .jcarousel-container-horizontal, 
	#wrapper-home #featProjects .jcarousel-clip-horizontal  {
		width: 878px;
		padding: 0;
	}
	
		#wrapper-home #featProjects .jcarousel-item {
			width: 222px;
		}
		
		#wrapper-home #featProjects .jcarousel-prev-horizontal { background-position: left -140px; }
			#wrapper-home #featProjects .jcarousel-prev-horizontal:hover { background-position: left -210px; }
		
		#wrapper-home #featProjects .jcarousel-next-horizontal { background-position: right -140px; }	
			#wrapper-home #featProjects .jcarousel-next-horizontal:hover { background-position: right -210px; }
		
	
	#featProjects .t {
		padding: 0 0 12px 35px;
	}
		#featProjects .t h3, #featProjects .t a {
			float: left;
		}
		
		#featProjects .t h3 {
			padding: 0;
			width: 179px;
			height: 21px;
			background: url(../images/featured/txt_featured.png) left top no-repeat;
			color: #FFF;
			text-indent: -8000px;
		}
		
		#featProjects .t a {
			display: block;
			float: left;
			height: 16px;
			padding-right: 10px;
			position: relative;
			font-weight: bold;
			text-decoration: underline;
			margin: 2px 0 0 15px;
		}
		
			#featProjects .t a span {
				float: right;
				/* margin: 5px 0 0 5px; */
				display: block;
				background: none;
				width: 0px;      
				height: 0px;      
				border-left: 4px solid #E31A93;        
				border-top: 4px solid transparent; 
				border-bottom: 4px solid transparent;
				font-size: 0px;     
				line-height: 0px;
				position: absolute;
				z-index: 1;
				right: 0;
				top: 4px;
			}
		
				#featProjects .t a:hover span { border-left-color: #FFF; }
	
	
	
	#wrapper-home #featProjects a { color: #E31A93; }
		#wrapper-home #featProjects a:hover { color: #FFF; }
	

	#wrapper-home #featProjects .featProjects .thmb {
		color: #FFF;
	}
		
		#wrapper-home #featProjects .featProjects .thmb:hover {
			color: #E02B99;
		}

	
	

#ft #scrollTop {
	display: block;
	position: absolute;
	z-index: 100;
	right: 20px;
	bottom: 0;
	width: 70px;
	height: 64px;
	padding: 4px 4px 0 4px;
	
	text-align: center;
	font-family: Tahoma;
	overflow: hidden;
}

	#ft #scrollTop a {
		display: block;
		padding: 18px 13px 0 13px;
		width: 44px;
		height: 46px;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		color: #fff;
		box-shadow: none;
		background-color: #0e1939;	
		border: 0px solid #0e1939;
		border-bottom: none;
		
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px; 
		border-top-left-radius:5px;
					
		-webkit-border-top-right-radius:5px;
		-moz-border-radius-topright:5px; 
		border-top-right-radius:5px;
	}
		#ft #scrollTop a:hover {
			color: #fff;
			background-color: #070d1e;
			border-color: #0e1939;
		}
		
		

	
			