/*
* Template Name: BusinessFace
* Author: Serif Templates
* Author URI: http://seriftemplates.com
* Version: 1.0
*/


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/*----------------------------------------------------------------------------- 
Image Rotator
-----------------------------------------------------------------------------*/

ol, ul { 
    list-style: none; 
}

a{
	text-decoration:none;
}

p{
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	font-size:13px;
	color:#211e1c;
}

.hidden{
	visibility:hidden;
}

.banner{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	height:280px;
	background:#fff;
	padding:0px; 	
	position:relative;
	z-index:5;
}

.creative_layer div{ position:absolute;}

.caption_black{
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	font-size:26px;
	color:#fff;
	background-color:#211e1c;
	padding:20px;
	position:absolute;
	font-weight: 800;
	line-height:1;
}

.caption_black_noframe{
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	font-size:28px;
	color:#211e1c;	
	position:absolute;
	font-weight: 800;
	line-height:1;
}

.caption_simple{
	font-family: 'Open Sans', sans-serif; font-weight: 600;
	font-size:13px;
	color:#211e1c;
	position:absolute;
	
}

.darkbutton{
	position:absolute;
	background-color:#fff;
	position:absolute;
  padding:8px 20px 8px 20px;
}

.darkbutton span {
 	font-family: 'Open Sans', sans-serif; font-weight: 600;
	font-size:13px;
	color:#fff;
}

.blackbox{
	background-color:#211e1c;
	width:192px;
	height:20px;
	position:absolute;
}

a:focus { 
    outline: none; 
}

.minicap{
	font-size:14px;
	font-weight: normal;
}

.smallcap{
	font-size:18px;
	font-weight: normal;
}

.largecap{
	font-size:32px;
}

.imagecap{
	position:absolute;
}

.nobg{
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: #000 5px 5px 5px;
}

* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

.banner-preloader{
	background:url(images/loader.gif) no-repeat 50% 50%;
	width:20px;
	height:20px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:9999;
	background-color: #fff;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	padding: 10px;
	margin-left: -20px;
	margin-top: -20px;
}

.thumbbuttons{		
	position:absolute;
	height:10px;	
	z-index:50;	    	
	
}

.thumbbuttons .minithumb{
	background:url(images/button.png) top;
	width:12px;
	height:12px;
	float:left;
	margin-right:8px;
	cursor:pointer;
}

.thumbbuttons .minithumb:hover, .thumbbuttons .selected{
	background-position:bottom;
}

.thumbbuttons .thumbs{
	float:left;
}


.grab-cursor {
    cursor: url("images/grab.png") 8 8, -moz-grab;
}

.grabbing-horizontal-cursor {
    cursor: url("images/grabbingh.png") 8 8, -moz-grabbing;
}

.grabbing-vertical-cursor {
    cursor: url("images/grabbingv.png") 8 8, -moz-grabbing;
}

/*----------------------------------------------------------------------------- 
Custom Scroll Bar
-----------------------------------------------------------------------------*/

#mycustomscroll {
	width: 300px;
	height: 250px;
	overflow: auto;
	position: relative;
	margin: 0.3em auto;

}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #EBEBEB;
}
.vscrollerbar {
width: 10px;
background-color: #2A2A2A;
}
.hscrollerbase {
height: 10px;
background-color: #EBEBEB;
}
.hscrollerbar {
height: 10px;
background-color: #2A2A2A;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*----------------------------------------------------------------------------- 
Testimonial Slider
-----------------------------------------------------------------------------*/
 
#slider1 {
	padding: 0;
	margin: 0;
  text-align: center;
	overflow: hidden;
	height: 126px;
}

#slider1 p{
	font-family:"Tahoma", sans-serif;
  color:#3B3B3B;
  font-size:14.0px;
  line-height:1.21em;
  font-weight: normal;
}

#slider1 h3 {
  font-family:"Open Sans Semibold", sans-serif;
  font-weight:600;
  color:#565656; 
  font-size:19.0px;
  line-height:1.37em;
}

#slider1 li {
	padding: 0 50px 0 50px;
	margin: 0;
	zoom:1;
}

#slider1 img,
#slider2 img {
	float: left;
	margin-right: 36px;
	border: 0px;
}

.bx-next {
	position:absolute;
	top:40px;
	right: 0px;
	z-index:999;
	width: 43px;
	height: 43px;
	text-indent: -999999px;
	background: url(images/gray_next.png) no-repeat 0 -43px;
}

.bx-prev {
	position:absolute;
	top:40px;
	left: 0px;
	z-index:999;
	width: 43px;
	height: 43px;
	text-indent: -999999px;
	background: url(images/gray_prev.png) no-repeat 0 -43px;
}

.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

/*----------------------------------------------------------------------------- 
Gallery
-----------------------------------------------------------------------------*/

.image-gallery a {
  border:1px solid #DDD;
  background-color:#FFF;
  padding:5px;
  margin:0 18px 18px 0;
  float:left;
}

.image-gallery a:hover {
  border:1px solid #C7C7C7;
  -moz-box-shadow:    0px 0px 3px 1px #CCC;
  -webkit-box-shadow: 0px 0px 3px 1px #CCC;
  box-shadow:         0px 0px 3px 1px #CCC;
}

a img {border: none; }


/*----------------------------------------------------------------------------- 
Lightbox
-----------------------------------------------------------------------------*/


#lightzap, #lightzap.full-screen .lz-caption, #lightzap.full-screen .lz-by, #lightzap.full-screen .lz-number
{
	background:url(images/lightbox/icons/bg.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lightbox/bg.png',sizingMethod='scale');
	background:rgba(0,0,0,0.85);
}

#lightzap
{
	color:#bbb;
	font:normal 13px "lucida grande", tahoma, verdana, arial, sans-serif;
}

#lightzap.full-screen
{
	background:#222;
	box-shadow:inset 0 0 126px #000;
	font-size:22px;
}

#lightzap.full-screen .lz-image { box-shadow:0 0 32px #000; }

.lz-container
{
	background-color:#fff;
	padding:10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	margin:48px 10px; 
}
#lightzap.full-screen .lz-container
{
	box-shadow:none;
	background-color:transparent;
	padding:0px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	margin:0px; /* min-distance */
}

#lightzap.full-screen .lz-float
{
	background:url(images/lightbox/bg.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lightbox/bg.png',sizingMethod='scale');
	background:rgba(10,10,10,0.6);
	position:absolute;
	padding:0.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-ms-border-radius:.5em;
	-o-border-radius:.5em;
	border-radius:.5em;
}

.lz-buttonContainer { float:right; margin-top:10px; }
#lightzap.full-screen .lz-buttonContainer
{
	position:absolute;
	right:.5em;
	top:.5em;
	padding-bottom:0.25em;
}
.lz-button { margin:4px; }

.lz-labelContainer { padding-top:12px; }

.lz-caption { font-size:100%; font-weight:bold; }
#lightzap.full-screen .lz-caption { left:1.5em; top:1.5em; }

#lightzap.full-screen .lz-desc, .lz-desc
{
	background:url(images/lightbox/bg.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lightbox/bg.png',sizingMethod='scale');
	background:rgba(10,10,10,0.6);
	width:60%;
	position:absolute;
	top:0;
	margin: 10% 20%;
	padding: 1.5em;
	font-size:80%;
	font-weight:normal;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	-ms-border-radius:1em;
	-o-border-radius:1em;
	border-radius:1em;
}

.lz-number
{
	position:absolute;
	right:1.5em;
	bottom:1.25em;
	font-size:80%;
}
#lightzap.full-screen .lz-number { right:.5em; bottom:.5em; }

.lz-by { font-size:75%; color:#0f0; }
.lz-by span { font-weight:bold; }
#lightzap.full-screen .lz-by { left:.5em; bottom:.5em; }

.lz-resolution { display:none!important; }

.lz-loader	{ background:transparent url(images/lightbox/loading.gif) 50% 50% no-repeat; }
.lz-prev	{ background:transparent url(images/lightbox/prev.png) 5% 48% no-repeat; }
.lz-next	{ background:transparent url(images/lightbox/next.png) 95% 48% no-repeat; }
.lz-close	{ background:transparent url(images/lightbox/close.png); }
.lz-download	{ background:transparent url(images/lightbox/download.png); }
.lz-fullScreen 	{ background:transparent url(images/lightbox/fullscreen.png); }
.lz-print	{ background:transparent url(images/lightbox/print.png); }
.lz-more 	{ background:transparent url(images/lightbox/more.png); }
.lz-like span,
.lz-like	{ background:transparent url(images/lightbox/like.png) 0 0 no-repeat!important; }

#lightzap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000;}
.lz-image{max-width:100%;max-height:100%;}
#lightzap.full-screen .lz-image{width:auto;}
#lightzap a img{border:none;}
.lz-container{position:relative;}
#lightzap.full-screen .lz-container{width:100%;height:100%;}
.lz-loader{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;}
.lz-nav{position:absolute;top:5%;left:0;height:90%;width:100%;}
.lz-container > .nav{left:0;}
.lz-nav a{outline:none;}
.lz-prev,.lz-next{width:49%;height:100%;display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:0.4;}
.lz-prev:hover,.lz-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)!important;opacity:1!important;}
.lz-prev{left:0;float:left;}
.lz-next{right:0;float:right;}
.lz-caption{max-width:100%;max-height:2.5em;text-align:left;overflow:hidden;word-wrap:break-word;}
.lz-by{text-decoration:none;}
.lz-buttonContainer{text-align:right;vertical-align:top;}
.lz-button{display:inline-block;zoom:1;width:24px;height:24px;outline:none;}
.lz-button:hover{cursor:pointer;}
#lightzap.full-screen .lz-fullScreen{display:none;}