* {
	margin:0;
	padding:0;
	border:0;
	outline:none;}

html { _overflow-x:hidden;}

body {
	font: normal 0.85em 'trebuchet ms', 'franklin gothic medium', sans-serif;
	background: #292828 url('../img/layout/background.png') no-repeat;
	line-height:1.4em;
	color:#807c6f;
	margin-bottom:40px;}
	
a:link, a:active {
	color:#fff;
	text-decoration:none;}

a:visited {
	color:#c0c0c0;
	text-decoration:none;}

a:hover, #twitter-tabs li a:hover {
	color:#9a482f !important;}
	
/* ---------------------------------------------- CONTAINER DIVS --- */

#navigation {
	min-height:100px;}
	
#content-container, #navigation, #footer {
	width:900px;
	margin:auto;}
	
#content {
	margin-bottom:35px;}
	
#footer-container, #content-container { 
	clear:both;
	margin-top:20px;}
	
#footer-container {
	background:#1e1e1e;}

/* ---------------------------------------------- NAVIGTATION ------ */
	
#navigation li {
	line-height:0;
	list-style:none;}

#navigation li a {
	position:relative;
	top:-20px;
	display:block;
	float:left;
	line-height:1em;
	border-left:1px solid #807c6f;
	padding: 30px 0 0 10px;
	margin-right:30px;
	width:140px;}

#navigation li a:hover {
	top:0px;}

/**** IE6 positionning ****/
* html #navigation li a:hover {
	margin-top:1px !important;}

/**** IE7 positionning ****/
*:first-child+html #navigation li a:hover {
	margin-top:1px !important;}
	
#navigation a span {
	display:block;
	margin-top:5px;
	color:#807c6f !important;}

#logo {
	margin-top:10px;}

#language {
	position:absolute;
	top:0;
	right:0;}

/* ---------------------------------------------- BANNER ----------- */

#banner {
	border:5px solid #fff;
	width:890px;
	height:276px;}
	
#banner .byebyetext { 
	position:absolute;
	visibility:hidden;}

#banner .fire {
	position:relative;
	z-index:150;
	left:-50px;
	top:100px;}

#banner .next {
	position:relative;}

#banner .screenshot {
	width:890px;
	overflow:hidden;
	position:absolute;}

#banner #text {
	position:relative;
	top:-115px;
	left:270px;
	display:block;
	width:500px;
	font-size:1.2em;
	line-height:20px;
	color:#fff;
	font-family:helvetica, arial, sans-serif;}

/* ---------------------------------------------- CONTENT STRUCTURE----------- */

#content {
	padding-top:70px;}

.left-column {
	float:left;
	width:560px;
	overflow-x:hidden;
	padding-bottom:40px;}

#about-desc {
	background:#1e1e1e url('/statics/img/about/top.gif') repeat-x;
	padding-top:25px;}

#about-desc .three-column-holder {
	display:block;
	padding:20px;}

#about-desc .three-column-holder div {
	width:270px;}

.mini-column-holder {
	display:block;
	min-height:150px;}
	
.mini-column-holder div {
	float:left;
	width:250px;}

.three-column-holder div {
	float:left;
	width:275px;}

.right-column {
	width:326px;
	float:right;
	padding-bottom:40px;}
	
/* --- twitter --- */
#twitter-holder .content {
	display:block;
	width:275px;}
	
#twitter-holder {
	float:right;
	width:275px;
	background-color:#1e1e1e;
	padding:10px;}
	
.twitter-date {
	font-size:0.75em;
	background:url('../img/layout/twitter-date-bg.gif') 0 2px repeat-x;
	margin-bottom:10px;}

.twitter-desc {
	position:relative;
	top:-22px; left:-5px}

#twitter-desc-text {
	clear:both;
	position:absolute;
	margin-top:-70px; margin-left:15px;
	color:#444;
	width:180px;}

/**** IE6 positionning ****/
* html #twitter-desc-text { margin-top:100px; margin-left:-310px; }

/**** IE7 positionning ****/
*:first-child+html #twitter-desc-text { margin-top:100px; margin-left:-310px; }
	
/* ie6 fix for later */
* html #twitter-desc-text {}
	
#twitter-tabs {
	display:block;
	float:left;
	position:relative;
	left:50px;}

#twitter-tabs li {
	background:#1e1e1e url('../img/twitter-tab.gif') no-repeat;
	height:33px;
	width:88px;
	text-align:center;
	float:left;
	line-height:30px;
	list-style:none;}

#twitter-tabs li.inactive {
	background:#262525 url('../img/twitter-tab.gif') no-repeat;}
/* --- end twitter --- */

.client-ex {
	padding-top:10px;
	text-align:center;
	width:275px;}
		
		
/* ---------------------------------------------- CONTENT ELEMENTS ----------- */
				
h3 {
	font:bold 1.125em helvetica, arial, sans-serif !important;
	color:#ceaa5d;
	margin-bottom:5px;}

h3 a {
	color:#ceaa5d !important;}

h4 {
	font:bold 1.125em helvetica, arial, sans-serif;
	color:#c46240;
	margin-bottom:5px;}

h4 a {
	color:#c46240 !important;}

h1 {
	font:normal 2em helvetica, arial, sans-serif;
	color:#fb3528;
	margin-bottom:10px;}
	
h1 a {
	color:#fb3528 !important;}

p {
	margin-bottom:15px;}

.project {
	float:left;
	margin-right:30px;
	width:260px;
	padding-bottom:40px;}

.project img {
	border:5px solid #fff;
	margin-bottom:20px;}

.plogo {
	padding-right:20px;}

#logo-reel {
	width:720px;
	height:90px;
	overflow:hidden;
	white-space:nowrap;
	float:left;
	display:block;}

#logo-reel img {
	padding:0 10px;}

.equipe {
	height:175px;
	padding:0 0 0 150px;
	background-repeat:no-repeat;
	background-position:top left;}
	
/* --- contact form --- */
#contactFormSkinny {
	float:right;
	width:300px !important;}
	
.contact, .contactskinny {
	text-align:left;
	background: #1e1e1e;
	color:#c0c0c0;
	padding:10px;}

.contact {
	width:520px;
	height:150px;}

.contact span {
	width:250px;}

.contact input.text, .contact textarea, .contactskinny input.text, .contactskinny textarea {
	width:100%;
	border-bottom:1px solid #404040;
	color:#fff;
	margin:5px 0 10px 0;
	font: normal 0.8em 'courier new', courier, monospace;
	display:block;
	background:#202020;}

.contactskinny textarea {
	height:80px;}

.find {
	border-bottom:1px solid #404040;
	background:#202020;
	padding:5px;
	width:200px;}


.sendEmail input.text, .sendEmail textarea {
	font-size:1em !important;}

.contact textarea {
	height:113px;}

input.submit {
	display:block;
	float:right;
	width:auto;}	
/* --- end contact form --- */

/* --- normal list --- */
ul.normallist li {
	list-style:none;
	padding:5px 0;
	border-bottom:1px dotted #2e2e2e;}

li.alt {
	color:#73664f;}

ul.normallist {
	margin-bottom:25px;}
/* --- end normal list --- */

/* ---------------------------------------------- BLOG----------- */

.post {
	clear:both;
	text-align:justify;}

.author-etc {
	font-size:0.85em;
	border-bottom:1px solid #444;
	padding-bottom:4px;}

#comments {
	border-top:1px solid #444;
	padding-top:15px;}
	
#comments .write form {
	width:540px;}

.post img, h3 img {
	vertical-align:top;}
	
.tags-etc {
	width:255px;
	text-align:left;
	font-size:0.85em;
	display:block;}

.shareTool {
	font-size:0.8em;}
	display:block;}

.links img { float:left;}

/**** IE7 positionning ****/
*:first-child+html .links img { padding-right:3px; }

.sendEmail {
	margin-top:10px;}

.comment {
	width:540px;
	background:#1e1e1e url('/statics/img/blog/background-comment.gif') 0 0 no-repeat;}

.comment .body {
	padding:20px 15px 15px 15px;}

.comment .top {
	margin-left:75px;}	
	
	
/* ---------------------------------------------- FOOTER----------- */

#footer {
	min-height:140px;
	background: transparent url('../img/layout/background-footer.gif') 190px 0 no-repeat;}

#footer div {
	padding:30px 30px 0 0;
	width:135px;
	float:left;}

.copyright {
	margin-top:10px;
	position:absolute;
	left:16%;
	color:#404040;}

/* ---------------------------------------------- MISCELLANEOUS ---- */

.nopadding { padding:0;}
.nomargin  { margin:0 !important;}
.fleft     { float:left;}
.small     { font-size:0.7em;}
.spacer    { height:20px; display:block;}
.clear     { clear:both;}
.lpadding  { padding-left:25px;}
.xlpadding { padding-left:35px;}
.rpadding  { padding-right:25px;}
.rmargin   { margin-right:20px;}
.bpadding  { padding-bottom:40px;}
.fyellow   { color:#f6fea1;}
.fwhite    { color:#fff;}