/**
* LeSite website style
* @author Ruy Adorno and Mehdi Bouhalassa
* @version 0.2
*/

/* ============================ RESET ============================ */

html, body, a, address, blockquote, button, dl, dd, dt, form, fieldset, h1, h2, h3, h4, h5, h6, hr, img, input, label, li, p, pre, object, ol, span, select, textarea, ul{margin:0; padding:0}
input, select, textarea{font-family:inherit; font-size:inherit}
form label{cursor:pointer}
img, fieldset{border:none}
table{border-collapse:collapse; border-spacing:0}
object{outline:none; display:block; overflow:hidden}

/* ========================= GENERAL TAGS ======================== */

html{width:100%; height:100%; font:100.01%/120% Arial, Helvetica, 'Trebuchet MS', sans-serif; overflow-y:scroll; min-width:1000px}
body{height:100%; color:#DDD; font-size:11px; background:#171614}
p{margin:1em 0}
a{
 text-decoration:none;
 color: #8cafba;
}
a:hover{text-decoration:underline;}
.black {
	color: #171514 !important;
}
/* ======================= GENERIC CLASSES ======================= */

.clear{clear:both}
br.clear{line-height:0; font-size:0}
.autoclear{overflow:hidden}
.hide{ display: none; }
.margin-bottom {margin: bottom: 30px;}

/* ====================== STRUCTURE/CONTENT ====================== */
.traces{
	 width: 300px;
	 position: absolute;
	 background-color: #000;
	 color: #0DFF00;
	 /* Opacity for all browsers */
	 -moz-opacity:.5;
	 -khtml-opacity: .5;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);   
	 filter: alpha(opacity=50);
	 opacity: .5;
}
#loading{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
}
#main-content{
	width: 100%;
	background:#171614 url("../img/bg-top.jpg") no-repeat scroll top;
}
#center-content{
	width: 907px;
	margin:0px auto;
}

#title{
	 padding: 58px 0 0 9px;
	 font:12px 'Trebuchet MS', Arial, Helvetica,  sans-serif;
	 font-style: italic;
	 font-weight: lighter;
	 letter-spacing: 1px;
	 color: #7B7777;
	 float: left;
	 cursor: pointer;
}
#title img{
	margin: 0 0 5px -5px;
}
#menu ul{
	list-style-type: none;
}
#menu ul li{
	float: left;
}
	
.language-switch {
	float: right;
	font-size: 12px;
	font-family: georgia, serif;
	margin: 20px 7px -50px 0;
	clear: both;
}
#home,
#work {
	margin: 0 0 0 -22px;
	clear: both;
}
#home-banner{
	margin: 25px 0 40px -30px;
}
.homeItem{
	width: 205px;
	height: 165px;
	background-image: url("../img/home/item-bg.gif");
	padding: 5px 0 0 5px;
	margin: 0 0 20px 22px;
	float: left;
	cursor: pointer;
}
.homeItemDescription{
	width: 170px;
	height: 131px;
	margin-top: -167px;
	padding: 15px;
	font:13px 'Trebuchet MS', Arial, Helvetica,  sans-serif;
	font-weight: lighter;
	background: #000;
	overflow: hidden;
	/* Opacity for all browsers */
	-moz-opacity:.95;
	-khtml-opacity: .95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);   
	filter: alpha(opacity=95);
	opacity: .95;
}
.homeItemDescription:hover{
	display: block;
}
.homeItemDescriptionTitle{
	font-weight: bold;
}
.homeItemDescriptionName{
	margin: -2px 0 8px 0;
	font-style: italic;
}
.homeItemDescriptionText{
	font-size: 11px;
}
.homeItemDescriptionLink{
	position: relative;
	margin-top: 10px;
	font-size: 11px;
}
#footer{
	width: 100%;
	height: 245px;
	margin-top: 40px;
	background:#2d2c2c url("../img/footer/footer-top.gif") repeat-x scroll top;
	clear: both;
}
	#footer h3 {
		font-size: 18px;
		font-family: georgia, serif;
		margin-bottom: 15px;
		color: #a09e9e;
	}
#footer-icon{
	margin: 0 auto;
	padding-top: 12px;
	display: block;
}
#center-footer{
	width: 907px;
	margin:25px auto;
}
.footerItem{
	font:11px 'Trebuchet MS', Arial, Helvetica,  sans-serif;
	font-weight: lighter;
	list-style-type: none;
	padding-left: 3px;
	line-height: 17px;
}
.footerItem ul{
	list-style-type: none;
	margin-left: 3px; 
}
#siteMap{
	width: 180px;
	float: left;
}
#siteMap img{
	padding-bottom: 10px;
}
#lastWorks{
	width: 240px;
	float: left;
}
#lastWorks img{
	padding-bottom: 15px;
}
#news{
	width: 200px;
	float: left;
}
#news img{
	padding-bottom: 15px;
}
#facebook-like{
	width: 180px;
	float: left;
}
#facebook-like img{
	padding-bottom: 15px;
}
.grayText{
	color: #666;
}
.lightGrayText{
	color: #999;
}
#copyright{
	margin: 10px 0 7px 0;
}
#contact span{
	padding-left: 20px;
}
:-moz-any-link:focus {
  outline: none;
}
.facebook-iframe {
	background-image: url("../img/fbbg.png");
	background-repeat: no-repeat;
	background-position: 47px 0;
	width: 400px;
}
.last-paragraph {
	margin-bottom: 20px !important;
}

#facebook-like .facebook {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
}	
	#facebook-like .facebook a {
		width: 24px;
		height: 24px;
		background-image: url("../img/social.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
	}
	#facebook-like .facebook a:hover {
		background-position: 0 -24px;
	}
	#facebook-like .facebook span {
		display: none;
	}

#facebook-like .twitter {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}	
	#facebook-like .twitter a {
		width: 24px;
		height: 24px;
		background-image: url("../img/social.png");
		background-repeat: no-repeat;
		background-position: -31px 0;
		display: block;
	}
	#facebook-like .twitter a:hover {
		background-position: -31px -24px;
	}
	#facebook-like .twitter span {
		display: none;
	}
/* HEADER
___________________________________*/
.header-intro-separator {
	padding-top: 35px;
	clear: both;
}
#home .header-intro {
	width: 900px;
	background-image: url("../img/banner01.png");
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	clear: both;
	margin-bottom: 60px;
}
#about .header-intro {
	width: 900px;
	background-image: url("../img/banner02.png");
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	clear: both;
	margin-bottom: 60px;
}
#services .header-intro {
	width: 900px;
	background-image: url("../img/banner04.png");
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	clear: both;
	margin-bottom: 60px;
	min-height: 350px;
}
#contact-section .header-intro {
	width: 900px;
	background-image: url("../img/banner03.png");
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	clear: both;
	margin-bottom: 60px;
}
	.header-intro h2 {
		font-size: 70px;
		padding-top: 50px !important;
	}
		.header-intro h2 span.blue {
			color: #8cafba;
		}
		.header-intro h2 span.pale-gray {
			color: #cacaca;
			text-transform: uppercase;
		}
		.header-intro h2 span.dark-gray {
			color: #797b77;
		}
	.header-intro h3 {
		font-size: 29px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin-top: 30px;
		line-height: 30px;
		color: #c8c8c8;
	}
	.header-intro p {
		font-size: 16px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		color: #747474;
		font-style: italic;
	}

#contact-section .right-panel {	
    width: 220px;
}

/* ABOUT
___________________________________*/
.left-panel {
	width: 591px;
	float: left;
}
.right-panel {
	width: 220px;
	float: left;
	margin: 5px 0 0 35px;
}
#about-section{
	margin: 0 0 0 -22px;
}
#about-banner{
	margin: 25px 0 40px -30px;
}
ul.tabNavigation li {
	float: left;
	display: block;
}
	ul.tabNavigation li a {
		height: 46px;
		width: 100px;
		display: block;
		float: left;
	}

	ul.tabNavigation li a.selected,
	ul.tabNavigation li a:hover {
		height: 46px;
		width: 100px;
		display: block;
		float: left;
	}	

	ul.about li span,
	ul.services li span	{
		display: none;
	}
/* TABBED BOX
__________________________________*/
.clear {
	clear: both !important;
	height: 0;
	line-height: 0;
	display: block !important;
}

.tabbed-box {
	width: 591px;
	background-color: #cacaca;
}
.tabbed-box .top-round-corners {
	width: 591px;
	height: 11px;
}
.tabbed-box .top-round-corners-old {
	width: 591px;
	height: 11px;
	background-image: url("../img/about/img-tab-top-old.png");
}
.tabbed-box .container {
	margin: 0;
	padding: 0;
	width: 521px;
	padding: 5px 35px 15px 35px;
}
.tabbed-box .container .fLeft {
	float: left;
	width: 130px;
}
	.tabbed-box .container .fLeft img {
		border: 3px solid #dfe9ee;
	}
	.tabbed-box .container .fLeft h2 {
		color: #171514;
		font-size: 12px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0 0 3px 0;
		line-height: 12px;
	}
	.tabbed-box .container .fLeft p {
		color: #635d5d;
		font-size: 11px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0;
		line-height: 11px;
	}

.tabbed-box .container .fRight {
	float: right;
	width: 350px;
}
	.tabbed-box .container .fRight h2 {
		color: #171514;
		font-size: 16px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 2px 0 0 0;
		padding: 0 0 3px 0;
		line-height: 16px;
	}
	.tabbed-box .container .fRight p {
		color: #635d5d;
		font-size: 13px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0;
		line-height: 16px;
		font-style: italic;
	}
.tabbed-box .container .separator {
	margin: 0 0 17px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #d9d7d7;
}
.tabbed-box .bottom-round-corners {
	width: 591px;
	height: 11px;
	background-image: url("../img/about/img-tab-bottom.png");
}

	.right-panel h2 {
		color: #b9b9b9;
		font-size: 29px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0;
		line-height: 29px;
	}
	.right-panel p {
		color: #737373;
		font-size: 16px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 20px 0 15px 0;
		padding: 0;
		line-height: 22px;
		font-style: italic;
	}

	.regular-text h2 {
		font-size: 26px;
		color: #171514;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0 0 5px 10px;
		padding: 0;
		line-height: 29px;
		font-weight: normal;
	}
	.regular-text h3 {
		font-size: 16px;
		font-style: italic;
		color: #635d5d;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 10px 0 0 10px;
		padding: 0;
		font-weight: normal;
	}
	.regular-text p {
		font-size: 13px;
		font-style: italic;
		color: #635d5d;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 10px 0 0 10px;
		padding: 0;
	}

.clients-list,
.regular-list  {
	padding: 20px 0 0 10px;
}
	.clients-list ul {
		width: 130px;
		float: left;
		margin: 0 40px 10px 0;
		padding: 0;
		list-style-type: none;
	}
		.clients-list ul li {
			color: #666666;
			font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
			font-size: 13px;
		}
.clients-list .last {
	margin-right: 0 !important;
}
	.dark ul {
		width: 230px;
		margin-bottom: 20px;
	}
	.dark li p {
		line-height: 15px;
		font-style: normal;
		font-size: 13px;
		margin: 0;
	}
	.dark h2 {
		font-size: 13px;
		line-height: 15px;
		margin: 0 !important;
	}
.regular-list ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
	.regular-list ul li {
		color: #666666;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		font-size: 13px;
		line-height: 18px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.regular-list h2 {
		font-size: 13px;
		line-height: 13px;	
		margin: 0;
		padding: 0;
		display: inline;
		color: #000000 !important;
		font-weight: bold;
	}
	.bullets {
		list-style-type: disc !important;
		margin-left: 15px !important;
	}
	.right-panel dl {
		width: 160px;
		float: left;
		margin: 0 15px 10px 0;
		padding: 0;
	}
		.right-panel dt {
			font-size: 16px;
			color: #b9b9b9 !important;
			font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
			margin: 5px 0 5px 0;
			padding: 0;
			line-height: 16px;
		}
		.right-panel dd {
			color: #737373 !important;
			line-height: 15px;
			font-style: normal;
			font-size: 11px;
			margin: 0;
			padding: 0 0 0 1px;
		}
		
.section-services .container {
	padding: 5px 0 10px 20px;
}

.teamplayers ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.teamplayers li {
		margin: 0 25px 20px 0;
		padding: 0;
		width: 145px;
		float: left;
	}
	.teamplayers li img {
		border: 1px solid #171514;
	}
	.teamplayers li h2 a,
	.teamplayers li h2 {
		color: #171514;
		font-size: 12px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0 0 3px 0;
		line-height: 12px;
	}
	.teamplayers li h2 a {
	    background-position: right 2px !important;
	}
	.teamplayers li p {
		color: #635d5d;
		font-size: 11px;
		font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
		margin: 0;
		padding: 0;
		line-height: 11px;
	}
/* CONTACT
__________________________________*/	
#contact-section div.container {
	padding-top: 0;
	padding-bottom: 0;
}
label.text{
	color: #171514;
	font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
	font-size: 16px;
	clear: both;
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}
input.text {
	width: 200px;
	height: 24px;
	border: 0;
	background-color: #ffffff;
}
#contact-form ul {
        list-style-type: none;
}
#contact-form label{
	color: #171514;
	font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
	font-size: 16px;
	clear: both;
	display: block;
	margin-bottom: 8px;
	margin-top: 5px;
	font-weight: bold;
}
#contact-form .contact_form_error {
	color: #FF0000;
	font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
	font-size: 12px;
	clear: both;
	display: block;
	margin: 0 0 3px 0;
	font-weight: bold;
}
.contact-form-success {
	color: #00BB00;
	font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
	width: 481px;
	font-size: 16px;
	clear: both;
	padding: 20px 20px;
	margin: 0 auto;
	font-weight: bold;
}
#contact-form input {
	width: 200px;
	height: 24px;
	border: 0;
	background-color: #ffffff;
}
#contact-form textarea {
	width: 510px;
	height: 170px;
	border: 0;
	background-color: #ffffff;
}
.sent {
	font-family: 'Trebuchet MS', 'Helvetica', sans-serif;
	font-size: 13px;
	text-align: right;
	margin: 20px 45px 0 0;
}
.send-button span {
	display: none;
}

/* CYCLED SLIDESHOW
__________________________________*/	
#nav a {
	border: 1px solid #ccc;
	background: #fc0;
	text-decoration: none;
	margin: 0 5px;
	padding: 3px 5px; 
}
#nav a.activeSlide { 
	background: #ea0
}
#nav a:focus { 
	outline: none; 
}