/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	font-family:'Georgia', Times New Roman, Times, serif;
	font-size:13px;
	color:#333333;
	background:url('../images/bg.jpg') repeat 50% 100%;
}
	
html,
body {
   margin:0;
   padding:0;
   height:100%;
}

.left{float:left;}
.right{float:right;}
.center{margin:0 auto !important;	}
.clear{clear:both;}

.link,.email{
	text-decoration:underline;
	color:#1155CC;
	cursor:pointer;cursor:hand;
}

.hide{display:none;}

p{
	padding:0;
	margin:0 0 15px 0;
	line-height:1.4em;
}
blockquote{
	background:url('../images/quote.png') no-repeat 0 0;
	padding:5px 0 0 25px;
	line-height:1.4em;
}

#page-wrapper{
	min-height:100%;
	position:relative;
}
	
/* Header */
#header{
	/*background:#FFFFFF url('../images/ds_nav.png') repeat-x 0 100%;*/
	background:url('../images/header-bg.png') repeat-x 0 0;
	
	margin-bottom:15px;
}
	#header .inner-header{
		height:103px;
	}
	/* Logo */
	#header #logo{
		padding-top:20px;
	}
		#header #logo a{
			background:url('../images/bfv-logo.png') no-repeat 50% 50%;
			display:block;
			width:299px;
			height:50px;
		}
	/* Navigation */
	#header nav#menu{
	}
		#header nav#menu ul{
			list-style-type:none;
			padding:0 20px 0 0;margin:35px 0 0 0;
			float:right;
		}
			#header nav#menu ul li{
				float:left;
				padding:0 20px;
				background:url('../images/nav_div.png') no-repeat 100% 0;
			}
				#header nav#menu ul li a{
					display:block;
					padding:5px 10px;
					text-decoration:none;
					color:#333333;
					font-size:18px;
					border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;
				}
				#header nav#menu ul li a:hover{
					background:url('../images/bg-trans.png') repeat 0 0;
					color:#FFFFFF;
				}


#body {
   padding-bottom:60px;   /* Height of the footer */
}


#body .inner-page{
	margin-bottom:20px;
}
	#body .inner-page .sidebar,
		#body .inner-page .content{
		padding:20px;
		background:url('../images/bg-trans2.png') repeat 0 0;
		box-shadow:5px 5px 5px #666666;-moz-box-shadow:5px 5px 5px #666666;-webkit-box-shadow:5px 5px 5px #666666;-khtml-box-shadow:5px 5px 5px #666666;
		border:1px solid #cccccc;
		border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;

	}
		#body .inner-page .sidebar h3{
			padding:0 0 5px 0;margin:0;
			color:#000099;
			font-size:14px;
		}
		#body .inner-page .sidebar ul{
			list-style-type:none;
			padding:0 0 0 10px;margin:0 0 10px 0;
		}
			#body .inner-page .sidebar ul li{
				margin:5px 0;
			}
			#body .inner-page .sidebar ul li a{
				text-decoration:none;
				color:#333333;
			}
		#body .inner-page .content{
			margin-right:10px;
			margin-bottom:30px;
		}
			#body .inner-page .content p{
				padding:0;margin:0 0 10px 0;
				line-height:1.5em;
			}
			#body .inner-page .content h1{
				padding-bottom:20px;
			}
		


/* Homepage */
#body #homepage{
}

	#body #featured-slides,
		#body #featured-slides .slide-item,
			#body #featured-slide-wrapper{
		height:385px;width:1140px;
	}
	#body #featured-slides{		
		overflow:hidden;
	}
	
		#body .orbit-wrapper .slider-nav,
			#body .orbit-wrapper .timer {
			visibility: hidden !important; 
			display: none !important;
		}
		#body #featured-slides img{
			width:100%;
		}
	#body #featured-slide-wrapper{
		margin-bottom:15px;
	}
		#body #featured-slide-wrapper .left-shadow,
			#body #featured-slide-wrapper .right-shadow{
			width:320px;height:14px;
			background-repeat:no-repeat;			
			background-image:url('../images/slideshow_ds.png');
		}
		#body #featured-slide-wrapper .left-shadow{
			background-position:bottom left;
			float:left;
			
		}
		#body #featured-slide-wrapper .right-shadow{
			background-position:bottom right;
			float:right;
		}
	
	
	#body #featured{
		margin-bottom:15px;
	}
		#body #slideshow{
		}
			#body #slideshow .slide-wrapper{
				border-right:1px solid #beb8b8;
				border-bottom:1px solid #beb8b8;
				min-height:285px;
				background-color:#FFFFFF;
			}
			/*#body #slideshow .slide-wrapper .slide{
				display:none;
			}
				#body #slideshow .slide-wrapper .active_slide{
					display:block !important;
				}
			*/	
			#body #slideshow .slide-wrapper .slide-control{
				padding:5px;
				position:absolute;margin:-35px 0 0 735px;
			}
				#body #slideshow .slide-wrapper .slide-control .scont{

					background-repeat:no-repeat;
					background-position:0 0;
					width:45px;height:46px;
					background-image:url('../images/slide_control.png');
					float:left;
				}
				#body #slideshow .slide-wrapper .slide-control .next{
					background-position:100% 100% !important;
				}			
			
			#body #slideshow .left,
				#body #slideshow .right{
				width:320px;height:14px;
				background-repeat:no-repeat;			
				background-image:url('../images/slideshow_ds.png');
			}
			#body #slideshow .left{
				background-position:bottom left;
				
			}
			#body #slideshow .right{
				background-position:bottom right;
			}

			
	#body #home-content{
		margin-bottom:20px;
	}
		#body #home-content .sixcol{
			background:url('../images/bg-trans2.png') repeat 0 0;
		}
			#body #home-content .sixcol .inner-content{
				padding:20px 15px;
			}
				#body #home-content .sixcol .inner-content h3{
					font-size: 18px;
					font-weight: 100;
					margin: 0 0 15px 0;
					padding:0;
					width: 100%;
				}
			#body #home-content .last .inner-content{			
			}
				#body #home-content .last .inner-content .btn{
					display:block;
				}
					#body #home-content .last .inner-content .btn-txt{
						background-color:#003366;
						float:left;
						color:#FFFFFF;
						font-family: 'Arial', Helvetica, sans-serif;
						text-transform:uppercase;
						padding:5px 10px;
						font-size:13px;
						min-width:70px;
						text-align:center;
						border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;-khtml-border-radius:2px 0 0 2px;
					}
					#body #home-content .last .inner-content .btn-arrow{
						float:left;
						width:0px; 
						height:0px; 
						border-bottom:13px solid transparent;  /* left arrow slant */
						border-top:12px solid transparent; /* right arrow slant */
						border-left:13px solid #003366; /* bottom, add background color here */
						font-size:0px;
						line-height:0px;
						margin-top:0px;
					}
				#body #home-content .last .inner-content ul{
					list-style-type:none;padding:0;margin:0;
				}
					#body #home-content .last .inner-content ul li{
						padding-bottom:15px;
					}
					
/* Portfolio */
#body #portfolio{
	margin-bottom:20px;
}
	#body #portfolio .sidebar,
		#body #portfolio .portfolio-content{
		padding:20px;
		background:url('../images/bg-trans2.png') repeat 0 0;
		box-shadow:5px 5px 5px #666666;-moz-box-shadow:5px 5px 5px #666666;-webkit-box-shadow:5px 5px 5px #666666;-khtml-box-shadow:5px 5px 5px #666666;
		border:1px solid #cccccc;
		border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;

	}
		#body #portfolio .sidebar h3{
			padding:0 0 5px 0;margin:0;
			color:#000099;
			font-size:14px;
		}
		#body #portfolio .sidebar ul{
			list-style-type:none;
			padding:0 0 0 10px;margin:0 0 10px 0;
		}
			#body #portfolio .sidebar ul li{
				margin:5px 0;
			}
			#body #portfolio .sidebar ul li a{
				text-decoration:none;
				color:#333333;
			}
		#body #portfolio .portfolio-content{
			margin-right:10px;
			margin-bottom:30px;
		}
			#body #portfolio .portfolio-content p{
				padding:0;margin:0 0 10px 0;
				line-height:1.5em;
			}
		

		#body #portfolio .portfolio-content .logos{
			width:100%;
		}
		#body #portfolio .portfolio-content .logos h3{
			width:100%;
			font-size:18px;
			font-weight:100;
			border-bottom:1px dotted #AAAAAA;
			margin:0 0 30px 0;
			padding:0 0 2px 0;
		}
			#body #portfolio .portfolio-content .logos .logo-wrapper{				
				margin:0 20px 20px 0;
				width:30.55%;height:120px;
			}
			#body #portfolio .portfolio-content .logos .logo{
				/*width:232px;*/
				width:100%;height:120px;
				display:block;
				background-repeat:no-repeat;
				background-position:50% 50%;
				background-color:#FFFFFF;
				border:1px dotted #CCCCCC;
			}
				
		#body #portfolio .portfolio-content .portfolio-company{
			width:100%;
		}
			#body #portfolio .portfolio-content .portfolio-company .portfolio-company-content{
				width:70%;
				float:left;				
			}
				#body #portfolio .portfolio-content .portfolio-company .portfolio-company-content h3{
					margin:0 0 5px 0;
					padding:0;
					color:#000099;
					font-size:18px;
					font-weight:100;
				}
				#body #portfolio .portfolio-content .portfolio-company .portfolio-company-content .sub{
					margin:0 0 4px 0;
					font-size:12px;
				}
					#body #portfolio .portfolio-content .portfolio-company .portfolio-company-content .sub a{
						color:#333333;
						text-decoration:none;
						border-bottom:1px dotted #333333;
						padding-bottom:2px;
					}
			#body #portfolio .portfolio-content .portfolio-company .portfolio-company-content .email{
				color:#333333 !important;
				text-decoration:none;
				border-bottom:1px dotted #333333;
				padding-bottom:2px;
			}
			#body #portfolio .portfolio-content .portfolio-company .portfolio-company-logo{
				width:70%;
				float:right;
				width:30%;
				height:100px;
				background-repeat:no-repeat;
				background-position:50% 50%;
			}
		
		
		
/* Contact Us */
#body #contact-us{
}
	#body #contact-us .title{
		/*background-color:#979797;*/
		padding:10px 15px;
		font-size:18px;
		font-weight:normal;
		color:#FFFFFF;		
		display:none;
	}
	#body #contact-us .row{
		border:1px solid #CCCCCC;
		background:url('../images/bg-trans2.png') repeat 0 0;
		margin-bottom:50px;
		border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
		box-shadow:5px 5px 5px #666666;-moz-box-shadow:5px 5px 5px #666666;-khtml-box-shadow:5px 5px 5px #666666;-webkit-box-shadow:5px 5px 5px #666666;
	}
		#body #contact-us .row .map_container{
			padding:7px 5px;
			height:500px;
			background-color:#FFFFFF;
			border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-khtml-border-radius:0 5px 5px 0;			
		}
			#body #contact-us .row .map_container #map_canvas{
				width:100%;height:500px;
				background-color:#E1E1E1;
				border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
			}
		
			#body #contact-us .row .map_container .ajax_loader{
				background:url('../images/ajax-loader.gif') no-repeat 50% 50%;
				width:100%;height:500px;
			}
			#body #contact-us .row .map_container iframe{
				border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
			}
		#body #contact-us .row h3{
			margin-bottom:30px;
			font-weight:400;
			font-size:18px;
		}
		
/* Partner */
#body #partner{
}
	#body #partner .mg{
		margin:0 20px 20px 0;
		background-color:#FFFFFF;
		padding:5px;
		border:1px dotted #CCCCCC;
	}
	#body #partner .title{
		/*background-color:#979797;*/
		padding:0 0 20px 0;margin:0;
		font-size:18px;
		font-weight:normal;
		color:#333333;		
	}
	#body #partner .row{
		border:1px solid #CCCCCC;
		background:url('../images/bg-trans2.png') repeat 0 0;
		margin-bottom:50px;
		border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;
		box-shadow:5px 5px 5px #666666;-moz-box-shadow:5px 5px 5px #666666;-khtml-box-shadow:5px 5px 5px #666666;-webkit-box-shadow:5px 5px 5px #666666;
	}
	
#footer{
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:url('../images/footer_bg.png') repeat-x 0 0;
   text-align:center;
   color:#938989;
   font-size:13px;
}
	#footer a{
		text-decoration:none;
		color:#938989;
		font-size:13px;
	}

/* Dialog Balloon Tip */
.porfolio-balloon-wrapper{
	background:url('../images/portfolio-balloon.png') no-repeat 0 0;
	width:295px;height:157px;
	position:absolute;
	z-index:999;
	margin:-120px 0 0 0;
	padding-left:4px;
}
	.porfolio-balloon-wrapper .balloon-content{
		padding:15px;
		width:247px;height:98px;
	}
	.porfolio-balloon-wrapper .balloon-content-loading{
		background:url('../images/ajax-loader.gif') no-repeat 50% 50%;
		width:100% !important;height:107px;
	}



	.balloon-dialog .dialog-container{

		padding-left:4px;
	}
		.balloon-dialog .dialog-container .dialog-content{
			padding:18px 15px 15px 15px;
			width:247px;height:63px;			
			overflow:hidden;
		}
			.balloon-dialog .dialog-container .ajaxloading{
				background:url('../images/ajax-loader.gif') no-repeat 50% 50%;
			}
		.balloon-dialog .dialog-container .dialog-readmore{
			text-align:right;
			padding:10px 15px;
			width:247px;
		}
			.balloon-dialog .dialog-container .dialog-readmore a{
				text-decoration:none;
			}
			
	/* Slideshow */
	#slideshow-container {
		position:relative;
		height:285px;
		background-color:red;
	}
	
	#slideshow-container div.slide{
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		height:285px;
		width:843px;
	}
		#slideshow-container div.slide img{
		}
	
	#slideshow-container div.active {
		z-index:10;
	}
	
	#slideshow-container div.last-active {
		z-index:9;
	}

		#body #slideshow_tab{
			background-color:#004466;
			min-height:285px;
			width:100%;
		}
			#body #slideshow_tab ul{
				list-style-type:none;
				padding:0;margin:0;				
			}
				#body #slideshow_tab ul a{

					display:block;
					padding:23.30px 0;
					margin:0 20px;
					color:#FFFFFF;
					text-decoration:none;
					border-top:1px solid #99b4c2;
					text-align:center;
					font-size:20px;
				}
				#body #slideshow_tab ul li.first a{
					border-top:none !important;
				}
				#body #slideshow_tab ul li.active{
					background:url('../images/slide_small_arrow.png') no-repeat 0% 50%;
				}

/* approach*/
#approach{}
#approach .inner-content{
	background:url('../images/bg-trans2.png') repeat 0 0;
	padding:20px;
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}