/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{text-decoration:none; outline:none; font-family: 'MuseoSans500';}
a{color:#4d7081; text-decoration:none}
a:hover{color:#111111;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
ul{display:block; list-style:none}
li{display:block; list-style:none}
body {font-family: 'MuseoSans500',Lucida Sans Unicode,Lucida Grande, sans-serif;}
#wrap{width:100%; height:auto; background: url(../i/home-bg.png) #fff repeat top;}
body.other{background: url(../i/home-bg.png) #fff repeat top;}
h2 {padding:10px 0px; font-size: 23px; line-height: 23px; font-family: 'WEADYOU'; text-transform:uppercase;
display:block; height:autopx; margin-bottom:7px;color:#23667f; border-bottom:1px #dbe1e3 dashed}
h2.b{padding:10px 0px; font-size: 20px; line-height: 23px; font-family: 'WEADYOU'; text-transform:uppercase;
display:block; height:autopx; margin-bottom:7px;color:#23667f; border-bottom:1px #dbe1e3 dashed}
h2 a {text-decoration: none; color: #427f9e; }
h2 a:hover {border-bottom: 1px dotted #427f9e;}
/*---header--*/
.header{width:1000px; margin:0 auto; padding-top:10px; height:90px;}
.headerline{ width:97%; margin:0 auto; background:#cfcece;height:1px; position:relative;}
.logo{display:block; float:left;width:300px;}
/*---nav--*/
ul.nav{ list-style:none;width:569px; float:right; display:block; display:block }
ul.nav li{float:left; display:block; margin-left:0px;}
ul.nav li a{font-family: 'BebasNeueRegular';color:#465d63; text-transform:uppercase; text-align: center; font-size:35px; letter-spacing:; display:block; padding:0px 0px;text-shadow:0px 1px 0px #fff; margin-left:2px; padding-top:30px; width:140px; height:49px; text-decoration:none }
ul.nav li a:hover{color:#1b4f57; text-shadow:none; background: url(../i/nav-hover.png) no-repeat bottom center; }
ul.nav li a#seleted{color:#1b4f57; text-shadow:none; background: url(../i/nav-hover.png) no-repeat bottom center}
/*---content--*/
h3{ font-family: 'WEADYOU'; font-size:36px; line-height:35px; margin-bottom:28px; margin-top:0px;text-transform:capitalize; letter-spacing:-1px; color:#2d3334}
.col-left{background:none; width:340px; float:left; margin-bottom:10px; margin-top:18px}
.box{border:1px solid #ccc; border-top:0px; padding:10px 10px 10px; border-radius:15px; margin-bottom:20px; float:left; background:none}
.col-right{float:left; margin-left:0px; width:640px; display:block;margin-top:18px}
.col-right h3{ font-family: 'WEADYOU'; font-size:36px; line-height:35px; margin-bottom:28px; margin-top:0px; text-transform:capitalize; letter-spacing:-1px}
#wrapcontent{width:1000px; margin:0 auto; padding:20px 27px 8px 27px; height:auto;background:none}
p span{font-family: 'MuseoSans700';line-height:normal; font-size:19px; letter-spacing:-1px; color:#2a7293}
p{margin-bottom:13px; line-height:18px; font-size:14px; color:#4f4f4f;}
#ser h2{ font-size:18px; line-height:23px; font-style:normal;font-family: 'WEADYOU'; text-align:left; padding-top:0px; text-transform:none; border-color:#777D7F}

p#more a{width:265px;display:block; padding:7px 0px; background:#333; margin:0 auto; text-align:center; font-family: 'MuseoSlab900'; font-size:14px;
text-transform:uppercase; text-decoration:none; color:#FFF; -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;}
p#more a:hover{background:#025266 no-repeat;color:#fff}

#inline1{width:800px;height:340px;overflow:auto; padding:30px 20px; background: url(../i/public_bg.png)}
#inline1 p{font-size:14px; color:#5a6062}
#inline1 h3{ font-family: 'WEADYOU'; font-size:36px; text-shadow:0px 1px 0px #fff; padding:12px 0px; margin-bottom:19px; margin-top:0px; text-transform:uppercase; color:#23687d; }

#box_sitemap{ width:660px;}
#box_title_col{ width:100%; float:left; border:1px dashed #999;text-align:center;font-size:26px; text-shadow:0px 1px 0px #fff; padding:20px 0px;margin-top:0px; text-transform:uppercase; color:#333;font-family: 'WEADYOU'; }
#box_title_col p{font-size:26px;}
#box_sitemap_col{font-family: 'WEADYOU';  width:89%; float:left; text-align:left; border:1px dashed #999; border-top:none;
border-right:0px; font-size:17px; text-shadow:0px 1px 0px #fff; padding:10px 38px; border-right:1px dashed #999;text-transform:uppercase;color:#217991;}
#box_sitemap_col a{font-family: 'WEADYOU';}
#box_sitemap_col{padding-left:35px;}

/*webicon*/
.tip{  font-family: 'WebSymbolsRegular'; font-size:16px; color:#217991}

#service-box{width:49%;float:left; display:block; margin-bottom:5px; }
.col-a{ float:left; width:74px; display:block; padding:5px 0px; height:175px;}
.col-b{ float:left; width:219px; display:block; height:175px; text-align:justify; margin-right:5px;}

.contact-cycle a{
	width:280px;
	height:275px;
	display:block; 
	text-indent:-9999px;
	background:url(../i/contact.png) no-repeat;
}
.contact-cycle a:hover{
	width:280px; 
	height:275px;
	display:block;
	text-indent:-9999px;
	background:url(../i/contact-hover.png) no-repeat;
}
 
/* show on map button */
#btn_map{ 
	display: block;
	position: relative;
	width: 221px;
	height: 130px;
	font-size: 14px;
	padding: 0 0 0 10px !important;
	margin: 10px 0 20px 20px !important;
	background: url(../i/icon/icon_map.png) no-repeat;
	background-position: bottom left;
	margin:0 auto
}


#btn_map_pin{
	display: block;
	position: absolute;
	top: 40px;
	left: 75px;
	width: 130px;
	height: 140px;
	background: url(../i/icon/icon_map_pin.png) no-repeat;
	-webkit-transition: top 0.2s linear;
	/*transition: top 0.5s linear;*/
	-moz-transition:top 0.2s linear;
	-o-transition: top 0.2s linear;
	opacity:1;
	
}
#btn_map_pin:hover{
	display: block;
	position: absolute;
	top: 50px;
	left: 75px;
	width: 100%;
	height: 100%;
	background: url(../i/icon/icon_map_pin.png) no-repeat;
	-webkit-transition: top 0.3s linear;
	/*transition: top 0.5s linear;*/
	-moz-transition:top 0.3s linear;
	-o-transition: top 0.3s linear;
	opacity:1;
	
}

#icon_map_shadow{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 0 30px -20px !important;
	background: url(../i/icon/icon_map_shadow.png) no-repeat;
	background-position: bottom left;
	visibility: visible;
	opacity:0.7;
}
#icon_map_shadow:hover{
	opacity: 1;
}



#btn_map:hover{
	color: #333;
	cursor: pointer;
}


/*----------------------------
	Green filter bar
-----------------------------*/


#filter {
	
	display: block;
	height: 24px;
	margin: 24px auto 8px auto;
	position: relative;
	width: 980px;
	text-align:left;
	
}


#filter:before {
	background-position: 0 -47px;
	left: -78px;
}

#filter:after {
	background-position: 0 0;
	right: -78px;
}

#filter a{
	color: #7a7e7f;
	height: 10px;
	padding: 0 14px;
	line-height:10px;
	font-family: 'ModernPictogramsNormal';
	border-right:1px solid #666;
	font-size:34px;
	display:block;
	width:30px;
	float:left;
}

#filter a:hover{
	text-decoration:none;
	color:#255c6c
}

#filter a.active{
	color:#23687d
	
}
ul#stage li a img{
	opacity: 0.5;
	/*filter: alpha(opacity=60);*/
 	-webkit-transition: opacity 1s linear; /* Safari and Chrome */
	-moz-transition: opacity 1s linear; /* Firefox 4 */
	-o-transition: opacity 1s linear; /* Opera */}
ul#stage li a img:hover{
	opacity: 1;
	/*filter: alpha(opacity=100);*/
 	-webkit-transition: opacity 0.5s linear; /* Safari and Chrome */
	-moz-transition: opacity 0.5s linear; /* Firefox 4 */
	-o-transition: opacity 0.5s linear; /* Opera */
	/*transition: opacity 0.5s linear;*/}

/*----------------------------
	Content area
-----------------------------*/


#container{
	display:block;
	overflow:hidden;
	width: 990px;
	margin:0 auto;
	padding-top:15px;
	margin-bottom:30px;
	border-top:1px  solid #9da0a1;
}
#container li img{

	height:273px;
	width: 320px;
	display:block;
	
	
}
#container li img:hover{

	height:273px;
	width: 320px;
	display:block;
	
	
}
#container li{

	float: left;
	height: 310px;
	list-style: none outside none;
	margin:5px 8px 5px 2px;
	position: relative;
	width: 320px;
	
	
}

#container ul{
	overflow:hidden;
}

#container ul.hidden{
	display:none;
}

.caption{font-family: 'LeagueGothicRegular'; text-transform:uppercase;font-size:22px; line-height:22px;text-align:center; color:#787979; margin-bottom:5px; }
.caption:hover{color:#000;}
.caption span{ font-family: 'WebSymbolsRegular'; padding-left:5px; font-size:16px; text-align:right; color:#787979; font-style:normal; vertical-align:top}
.caption span:hover{color:#000}
/* ----------------------------------------------------------------------------------------------------------------------------
== FOLDED CORNERS
** ---------------------------------------------------------------------------------------------------------------------------- */

.note {
    position:relative;
    width:265px;
    padding:1em 1.5em;
    margin-bottom:10px;
    color:#999;
    background:#fff;
    overflow:hidden;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
       -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
            box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
			box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.note:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15; /* A bit more verbose to work with .rounded too */
    background:#658E15; /* For when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
       -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
            box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.note.black {background:#C93213;}
.note.black:before {border-color:#fff #fff #97010A #97010A; background:#97010A;}

.note.blue {background:#fff;}
.note.blue:before {border-color:#f4f3f1 #f4f3f1 #2a7293 #333; background:#3f79a6;}

.note.red {background:#fff;}
.note.red:before {border-color:#f4f3f1 #f4f3f1 #c91111 #333; background:#ccc;}

.note.taupe {background:#999868;}
.note.taupe:before {border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B;}

/* ROUNDED CORNERS VERSION
 * All modern browsers can produce this effect with a single pseudo-element.
 * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
 * As far as I can tell, this is the only cross-browser method for the moment.
 * Can't use this method for the simple effect because Opera 11 will only show backgrounds
 * through transparent borders if there is a border-radius applied.
 */
 
.note.rounded {
    -webkit-border-radius:5px 0 5px 5px;
    -moz-border-radius:5px 0 5px 5px;
    border-radius:5px 0 5px 5px;
}

.note.rounded:before {
    border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
    border-color:#fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
}

.note p {margin:0;}
.note p + p {margin:1.5em 0 0;}

/*slide*/
/*! layout -------- */


.link-a { display: block; float: left; height: 19px; padding-right: 27px; line-height: 20px; color: #a4aba8; background: url(../i/bullet.png) 100% 0 no-repeat; text-decoration: none; }
.link-a:hover { color: #172934; background-position: 100% -19px; text-decoration: none; }

h1.header-a{  font-family: 'DeliciousHeavyRegular'; font-size:55px; line-height:44px; margin-bottom:28px; display:block; color:#104554; text-transform:none; text-shadow:0px 1px 1px #fff;
letter-spacing:-2px}
p.more-a a{font-family: 'MuseoSans500'; font-size:14px; text-transform:uppercase; color:#4f4f4f}

#content { z-index: 10; position: relative; }
/*! containers ---- */

/*! containers ---- */
 .cycle-nav-container { z-index: 20; position: absolute; width: 860px; top: 107px; left: 50%; overflow: hidden; background-color: rgba(255,255,255,0); margin-left: -430px; } 
  .cycle-a .cycle-item { overflow: hidden; width: 100%; height: 450px; } 
  .cycle-a .cycle-item .noizzz { overflow: hidden; width: 100%; height: 450px; }
  .cycle-a .cycle-item .wrapper-a { position: relative; margin-top: 35px; }
   .cycle-a .cycle-item .content { position: relative; z-index: 5; width: 400px; padding: 30px 0 0 44px; }
    .cycle-a .cycle-item .content p { color: #4f4f4f;  font-family: 'MuseoSans500'; line-height:16px; font-size:14px; letter-spacing:1px; }    
     .cycle-a .cycle-item .content p cite { font-style: normal; font-weight: bold; }
   .cycle-a .cycle-item .vis-box { position: absolute; z-index: 3; right: 0; top: 0; -moz-user-select: none; -khtml-user-select: none; }
    .cycle-a .cycle-item .vis-box * { -moz-user-select: none; -khtml-user-select: none; }

/*! Home page visuals ---- */

/*! slideshow ---- */
cycle-a .nazartt { 
 	background: url(../i/transparent.png) 50% 0 no-repeat; 	
 	background: url(../i/transparent.png) 50% 0 no-repeat,
 	            url(../i/transparent.png) 0 0 repeat-x;
 	background-color: #ebebeb; }     
   .cycle-a .nazartt .noizzz { background: url(../i/home-bg.png) 0 0; }   
 	 .cycle-a .nazartt .header-a {  }
    .cycle-a .nazartt p {  }    
    .cycle-a .nazartt .vis-box { top: 18px; right: 42px; }
/*! End Home page projects ---- */

 

 .cycle-button-a { position: absolute; right:0; top: 80px; z-index: 20; overflow: hidden; width: 41px; cursor: pointer; }
  .cycle-button-a .cbutton-wrapper { margin: 50px 0; padding-left: 41px; background: url(../i/cycle-navbutton.png) 0 0 no-repeat; } 
  .cycle-button-a:hover .cbutton-wrapper { background-position: 0 -85px; } 
 
 .cba-a { right: auto; left: 0; }
  .cba-a .cbutton-wrapper { float: right; padding: 0 41px 0 0; background-position: 100% -170px; } 
  .cba-a:hover .cbutton-wrapper { background-position: 100% -255px; } 
  
 .ie7 .cba-a .cbutton-wrapper { position: relative; left: -0px; }
 .ie7 .cba-a:hover .cbutton-wrapper { position: relative; left: 0; }
  



 .wrapper-a { width: 974px; margin: 0 auto; }
 .wrapper-a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*! lists --------- */


   
 .list-f { overflow: hidden; width: 98px; height: 85px; list-style: none; margin: 0; padding: 0; } 
  .list-f li { } 
   .list-f li img { display: block; }   
   
   
   


/*---footer--*/
#footerline{width:100%; background:#ededed; height:1px; float:left; margin-top:10px}
#footer{width:100%; float:left; background:url(../i/white.png) #FFF;  min-height:100px; bottom:0px;}
#footerinner{width:990px; margin: 0 auto; color:#666;  margin-top:25px; font-size:11px; letter-spacing:1px }
#footer-col-a{float:left; margin-right:10px; width:auto; padding-top:0px;margin-left:8px}
#footer-col-b{float:right; margin-right:0px; width:255px;}

.list-r li a { display: block; width: 37px; height: 37px; background: url(../i/social-btns.png) 0 0 no-repeat; float:left; text-decoration:none;}    
   
   .list-r li.nazartt a { background-position: 0 0; }
   .list-r li.nazartt a:hover { background-position: 0 -37px; }
   
   .list-r li.facebook a { background-position: -38px 0; }
   .list-r li.facebook a:hover { background-position: -38px -37px; }
   
   .list-r li.twitter a { background-position: -77px 0; }
   .list-r li.twitter a:hover { background-position: -77px -37px; }
 .facebook-like-box { overflow: hidden; float: left; padding: 12px 0 0 20px; }
  .facebook-like-box iframe { border: none; overflow: hidden; width: 110px; height: 21px; background:none;  }  
  
  
  
/*---footer--*/

/*form*/
/* mail */
.mailer{
	width:660px;
	height:auto;
	margin-top:45px;
	}
	
.mailer label, .mailer input, .mailer textarea {
	width:320px;
	float:left;
	margin:0 0 5px 0;
	font-family: 'WEADYOU';
	font-size:17px;
	line-height:20px;
	color:#8d9396;
}
.mailer label {
	text-align:left;
	padding-right:10px;
	width:320px;
	font-size:11px;
	vertical-align:top
}
.mailer input.Bbutton {
	background:#333;
	padding:0px 6px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	
	border:none;
	line-height:normal;
	font-family: 'WEADYOU';
	display:block;
	width:95px;
	padding-bottom:3px;

}
.mailer input.Bbutton:hover {
	background:none;

   background:#3f79a6;
	padding:0px 6px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	padding-bottom:3px;
	border:none;
	line-height:normal;
	display:block;
	width:95px;

	
}
.mailer input, .mailer textarea {
	border:1px dashed #babcbd;
	background:none;
	color:#6d7b7f;
	float:right;
	font-family: 'WEADYOU';
	font-size:16px;
	line-height:19px;
}
.mailer input:focus, .mailer textarea:focus {
	border:1px  dashed #6d7b7f;
	background-color: none;
	outline:none
}
.mailer br {
	clear:both;
	height:0;
	overflow:0;
	font-size:0;
}


	.off {
	margin-left:12px;
	margin-top:10px;
	width:100px;
	border:none;
	padding:5px;
	color:#242424;
	float:left;
	cursor:pointer;
	outline:none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#e0e0e0;
	}

.f{
font-family: 'WEADYOU';
font-size:17px;
line-height:20px;
color:#517180;

}


/* @end */

/*form*/

   
/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/


a#stooltip span#tip{display: none;}
a#stooltip:hover span#tip{ /*the span will display just on :hover state*/
    display:block;
    position:relative;
    top:-48px;
	left:-50px;
	width:80px;
	height:20px;
	border: 0px solid #eee;

	border-top: 0px solid #eee;
   background: #2b2b2b;
   background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#2b2b2b));
   background: -webkit-linear-gradient(top, #2b2b2b, #2b2b2b);
   background: -moz-linear-gradient(top, #2b2b2b, #2b2b2b);
   background: -ms-linear-gradient(top, #2b2b2b, #2b2b2b);
   background: -o-linear-gradient(top, #2b2b2b, #2b2b2b);
   padding:7px 7px 5px 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
  -webkit-box-shadow: rgba(0,0,0,100) 0 0px 1px;
   -moz-box-shadow: rgba(0,0,0,100) 0 0px 1px;
   box-shadow: rgba(0,0,0,100) 0 0px 1px;    
   z-index:99;
   
	}
	
	
	
a#stooltip:hover span#tip:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #2b2b2b transparent transparent transparent;
  border-style: solid;
  border-width: 8px;
  height:0;
  width:0;
  position:absolute;
  bottom: -16px;
  right:20px;
}
	
	

a#stooltip:hover span#tip p.tip{
/* 	   font-family: 'MuseoSans500', Helvetica, Arial, Sans-Serif; */
	font-family: 'LeagueGothicRegular', sans-serif;
	   text-transform:uppercase;
	color:#eee;
	z-index:1000;
	text-shadow: rgba(0,0,0,.8) 0 1px 0;
   font-size:26px;
   letter-spacing:1px;
   text-decoration:none;
   text-align:center;
}
.contact_bottom_map{
	background:url(../i/map.png) right no-repeat; 
	width:650px;
	height:300px; 
	margin:5px auto; 
	display:inline-block;}

small.sccci{
	font-size:9px; 
	line-height:13px; 
	color:#6b6e75;
	width:165px; 
	vertical-align: middle; 
	padding-top:215px;
	display:block;}


/* what our client say */

.btn_client{
	background: #13658c;
	color: #fff;
	padding: 7px 15px;
	margin-left: 2px;
	z-index:8888;
	position:relative;
	display:inline-block;
	transition: all .2s ease-out 0s;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-ms-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	cursor:pointer;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:right;
	margin-right:5px;
	font-family: 'LeagueGothicRegular';
	text-transform:uppercase;
	font-size:20px;
	float:right;
}

.btn_client:hover{
	background-color:#333;
	color:#fff;
}


ul.testimonial{
	padding:0px;
	margin:0px;
	padding-top:15px;
	clear:both;
	width:1000px;
	padding-bottom:50px;
	}

ul.testimonial li{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:295px;	
	height:270px;
	margin:5px;
	margin-right:5px;
	margin-left:0px;
	display:inline-block;
	padding:15px 15px;
	background:#fff;
	box-shadow:#ccc 1px 1px 3px;
	}	

	
ul.testimonial li.mlast{
	margin-right:0px;}
	
ul.testimonial li div.logoClient{
	display:block;
	float:left;
	width:100%;	
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:none;
	display:none}

ul.testimonial li div.logoClient img{
	position:relative;
	margin:0 auto;
	display:block;
	max-width:100%;
	}
	
ul.testimonial li h2{
	font-family: 'BebasNeueRegular';
	font-size:22px;
	word-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	color:#333;
	padding:8px 6px;
	display:block;
	border:1px solid #eaeaea;
	margin:0px;
	margin-bottom:5px;
	}
	
ul.testimonial li div.block{
	background: url(../what-our-client-say/img/bg-tile3.png);
	display:block; 	
	height:10px;
	width:100%;
	margin-bottom:25px;}	
		
ul.testimonial li div.text{	
	display:block;
	float:left;
	width:285px;
	padding:5px;
	margin-right:15px;
	height:auto;
	padding-top:10px;}

ul.testimonial li div.text a{
	font-size:12px;
	padding:6px 28px;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#196b92;
	margin-right:-20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;}

ul.testimonial li div.text a:hover{
	background-color:#333;
	color:#fff;}
				
ul.testimonial li div.text p{
	font-family: 'MuseoSans500';
	text-align:justify;
	width:98%;
	font-size:13px;
	font-style: normal;
	color:#888}

ul.testimonial li div.text p.by{
	font-size:12px;
	line-height:15px;
	font-family: 'MuseoSans700';
	font-style: normal;
	text-align:right;
	text-transform:uppercase;
	color:#1b698e}

ul.testimonial li div.text p.by em{
	font-family: 'MuseoSans500';
	color:#888}
		
small.qua{
	font-family: 'LeagueGothicRegular';
	font-size:40px;
	text-transform:none;
	vertical-align:middle;
	line-height:2px;
	font-style: normal;
	font-weight:normal;
	color:#ccc;}

small.icons{
	font-family: 'ModernPictogramsNormal';
	font-size:26px;
	vertical-align:middle;
	text-transform:none;
	line-height:2px;
	font-style: normal;
	color:#fff}