/* ------------------------------------------------------------------------
	VERGEVISION
	quality says everything
	Developped By: S.M. SHABBIR HOSSAIN -> www.vergevision.com
	Version: 3.0
	
	Copyright © 2006 - 2009 VERGEVISION. All rights reserved
------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color:#262626;	
	margin: 0px auto;
}

.clear {
	clear: both;
}

.Top_Container {
	width: 100%;
	height:428px;
	background: #FFFFFF;
}
.Header_Container{
	width:997px;
	height:100px;
	background-image:url(../images/vv_logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin:0 auto;
}

/* SEARCH Controler */
.Search_Container{
	float:right;
	height:26px;
	margin-top:30px;
	margin-right:10px;
}
form {
	margin:0;
	padding:0
}

input.search-field {
	float: left;
	border:0;
	margin:0;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	padding: 6px 1px 0px 4px;
	height:26px;
	background: #ffffff url(../images/search_field_image.jpg) no-repeat 100% 0;
	width: 141px;
}

input.search-go { 
	float:left;
	border:0;
	margin:0;
	padding:0;
	height: 26px;
	width: 27px;
	background: url(../images/search_btn.jpg) no-repeat top left;
	cursor: pointer;
}

input.search-go:hover { 
	background:url(../images/search_btn_hover.jpg) no-repeat bottom left;
}


A.HeaderLink {
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#7c7c7c;
}

A.HeaderLink:hover {
	background: #b40007;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

/* END SEARCH Controler */


.Nav_Container{
	width:983px;
	cursor:pointer;
	margin:0 auto;
}

.BodyDivider{
	width:972px;
	margin:0 auto;
	background-color:#000000;
	min-height:4px;
	height:4px;
}
.Body_Container_Home{
	width:972px;
	margin:0 auto;
	background-color:#b40007;
	min-height:1200px;
}
.Body_Container_Work{
	width:972px;
	margin:0 auto;
	background-color:#b40007;
	min-height:1800px;
}
.Body_Container_Team{
	width:972px;
	margin:0 auto;
	background-color:#b40007;
	min-height:3000px;
}
.Body_Container_Contact{
	width:972px;
	margin:0 auto;
	background-color:#b40007;
	min-height:1100px;
}
.Column_Work{
	width:972px;
	height:auto;
	/*padding-left:25px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:15px;*/
	float:left;
}
.Column01_Team{
	width:560px;
	height:auto;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:15px;
	float:left;
}
.Column02_Team{
	width:305px;
	height:auto;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:15px;
	float:left;
}
.Column01_Getintouch{
	width:445px;
	height:auto;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:15px;
	float:left;
}
.Column02_Getintouch{
	width:420px;
	height:auto;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:15px;
	float:left;
}
.Column01{
	width:280px;
	height:auto;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:25px;
	float:left;
}
.Column02{
	width:280px;
	height:auto;
	padding-left:5px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:25px;
	float:left;
}
.Column03{
	width:305px;
	height:auto;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:25px;
	float:left;
}
.Column04{
	width:560px;
	height:auto;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:15px;
	float:left;
}
.Title01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#000000;
}
.Title02{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.Title03{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#b40007;
	padding-left:30px;
}
.Title04{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#8a8989;
	padding-left:20px;
	padding-right:10px;
}
.Title05{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#595959;
	padding-right:30px;
	padding-bottom:10px;
	text-align:right;
}
.Title06{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#710005;
	text-align:right;
}
.Title07{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFFFFF;
}
.TeamLabel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}
.TeamDesc{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:justify;
}
.TeamLabelContent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-align:justify;
	line-height:20px;
}
p A {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	text-align:justify;
	line-height:20px;
	text-decoration:none;
}
p A:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	text-align:justify;
	line-height:20px;
	text-decoration:underline;
}

.MoreLinkDiv{
	background-color:#000000;
	border:1px solid white;
	height:15px;
	width:100px;
	padding:5px 7px 2px 10px;
	margin-top:20px;
	cursor:pointer;
}
.MoreLinkDiv:hover{
	background-color:#1c1c1c;
	border:1px solid white;
	height:15px;
	width:100px;
	padding:5px 7px 2px 10px;
	margin-top:20px;
	cursor:pointer;
}
.MoreLinkDiv A{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}
.TeamImg{
	padding-top:5px;
}
.ClientImg{
	padding-right:8px;
	padding-top:10px;
	border:0;
}
.Quotation{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:338px;
	color:#858585;
	padding-left:30px;
	padding-top:20px;
	text-align:justify;
	font-style:italic;
}
.ClientInfo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:355px;
	color:#8a8989;
	text-align:right;
}
.vvCopyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#343434;
	text-align:right;
	padding-right:30px;
}
.vvFooterTop{
	background-color:#121212;
	height:30px;
	width: 972px; 
	margin:0 auto;
}
.vvFooterBottom{
	background-color:#121212;
	height:256px;
	width: 972px; 
	margin:0 auto;
}
.FooterLeftCol{
	width:50%;
	float:left;
}
.FooterRightCol{
	width:50%;
	float:left;
}

/* EXPAND CONTENT CONTROLER */



.header_highlight{
	background:#222222;
}
.ImgPadding{
	padding-right:10px;
	vertical-align:bottom;
}
hr{
	width:100%;
	height:1px;
	background:#ffffff;
	border:0px;
	margin-top:15px;
	margin-bottom:15px;
}

.Banner_Container{
	width:972px;
	margin:0 auto;
	background-color:#ffffff;
	height:265px;
	padding-bottom:5px;
}


/* MODAL STYLE */

#facebox .b {
  background:url(../images/pop_img/b.png);
}

#facebox .tl {
  background:url(../images/pop_img/tl.png);
}

#facebox .tr {
  background:url(../images/pop_img/tr.png);
}

#facebox .bl {
  background:url(../images/pop_img/bl.png);
}

#facebox .br {
  background:url(../images/pop_img/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #121212;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 0px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
.PopTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#99CC00;
	font-weight:bold;
	padding-top:10px;
}
.PopDescription{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	text-align:justify;
	line-height:14px;
}
/* END MODAL STYLE */
.BodyTextStyle01{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
A.SubLink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
A:hover.SubLink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.SubLink_Selected {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.WorkSubLink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
A:hover.WorkSubLink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
A.WorkSubLink_Selected {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}



/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */

div.scrollable {
	float:left;	
	position:relative;
	overflow:hidden;
	width: 936px;	 
	height:265px;
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	cursor:pointer;
}

a.disabled {
	visibility:hidden !important;		
}

a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;	
}

#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}
a.prev, a.next {
	margin-top:110px;	
}
#thumbs div {
	float:left;
	width:936px;
	height:265px;
	color:#000000;
	cursor:pointer;
}

#thumbs div.hover {
	background-color:#FFFFFF;	
}

#thumbs div.active {
	background-color:#FFFFFF;
	cursor:default;
}

.BannerTitle01 {
	display: block; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 3.2em; 
	/*font-weight: bold;*/
	letter-spacing: -3px;
	line-height:45px;
	color: #333333;
	margin-top:50px;
	padding-left:10px;
}/*
.BannerTitle02 {
	display: block; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 3em; 
	font-weight: bold; 
	letter-spacing: -3px;
	color: #b40007;
	padding-left:10px;
}*/
.BannerText {
	display: block; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 0px;
	line-height:20px;
	color: #8a8a8a;
	width:550px;
	padding-left:12px;
	padding-top:10px;
}
.HomeBannerImg01{
	background-image:url(../images/home_banner/Slide01.jpg); 
	background-repeat:no-repeat; 
	background-position:right bottom;
}
.HomeBannerImg02{
	background-image:url(../images/home_banner/Slide02.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg03{
	background-image:url(../images/home_banner/Slide03.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg04{
	background-image:url(../images/home_banner/Slide04.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg05{
	background-image:url(../images/home_banner/Slide05.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg06{
	background-image:url(../images/home_banner/Slide06.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg07{
	background-image:url(../images/home_banner/Slide07.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg08{
	background-image:url(../images/home_banner/Slide08.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg09{
	background-image:url(../images/home_banner/Slide09.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}
.HomeBannerImg10{
	background-image:url(../images/home_banner/Slide10.jpg);
	background-repeat:no-repeat; 
	background-position:right bottom;
	
}

/* MENU STYLE */
.latest_img {
	border: 0px;
}
/* END */


/* Portfolio Style */
.container {
	width: 560px;
	overflow: hidden;
	float:left;
	padding:20px;
}
ul.display {
	float: left;
	width: 558px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.display li {
	float: left;
	width: 558px;
	padding: 10px 0;
	margin: 0;
}
ul.display li a {
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
}
ul.display li a:hover {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
}
ul.display li .content_block {
	padding: 0 10px;
	color: #e7ff61;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;

}
ul.display li .content_block p {
	padding:10px;
}
ul.display li .content_block a img{
	padding: 5px;
	border: 2px solid #000000;
	background: #fff;
	margin: 0 15px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 250px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}
a.switch_thumb {
	width: 16px;
	height: 16px;
	cursor:pointer;
	color:#99FF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	background-image:url(../images/switch_thumb.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	line-height:50px;
	text-decoration:none;
}
a:hover.switch_thumb {
	filter:alpha(opacity=70);
	opacity:.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
a.swap { 
	width: 16px;
	height: 16px;
	cursor:pointer;
	color:#99FF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	background-image:url(../images/switch_thumb.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	line-height:50px;
	text-decoration:none;
}

/* END */



/* Team Sliding Effect */
.sm {
	list-style:none; 
	width:972px; 
	height:265px; 
	display:block; 
	overflow:hidden;
/*	border:1px solid red;*/
}
.sm li {
	float:left; 
	display:inline; 
	overflow:hidden
}
/* END */

.TeamTitle01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.1em; 
	letter-spacing: -2px;
	color: #ffffff;
	line-height:60px;
}