/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

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

body{
	color:#333;
	font-size:10pt;
	font-family:Helvetica, Arial, sans-serif;
	line-height:22px;
	font-weight:normal;
	}

body.homepage{
	background:#0e0e18 url(../images/homepage_bg.png) repeat-x left top;
}
body.innerpage{
	background:#0e0e18 url(../images/innerpage_bg.png) repeat-x left top;
}

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	font-family:'Helvetica', 'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	font-weight:normal;
	line-height:normal;
	color:#AAA;
	}

h1{	font-size:36px; }
h2{	font-size:24px; margin:0 0 5px 0; }
h3{	font-size:30px; }
h4{	font-size:18px; }
h5{	font-size:16px; }
h6{	font-size:14px; }


/* -------------------------------------------------------------------------------------- TOP BAR */
#top_bar{
	margin:0 auto;
	width:960px;
}
.innerpage #top_bar{
	width:960px; height:85px;
}
	/* Network links */
	#top_bar .networks{
		padding:0 0 0 20px;
		position:relative;
	}
	#top_bar .networks ul{
		position:absolute;
		top:0;
		left:30px;
		z-index:5;
		margin:0; padding:0;
		line-height:36px;
	}
	#top_bar .networks ul li{ display:inline;}
	#top_bar .networks ul a{ color:#aaa; margin:0 15px 0 0; padding:5px 0 5px 22px;}
	#top_bar .networks ul a:hover{ color:#a31d3a;}
	#top_bar .networks ul .facebook{ background:url(../images/facebook_16.png) no-repeat left 50%;}
	#top_bar .networks ul .twitter{ background:url(../images/twitter_16.png) no-repeat left 50%;}
	#top_bar .networks ul .vimeo{ background:url(../images/vimeo_16.png) no-repeat left 50%;}
	
	/* Banner */
	#top_bar .banner{
		position:absolute;
		top:0;
		right:0;
		width:198px; height:200px;
		z-index:9999;
	}
	#top_bar .banner a{
		background:url(../images/banner_special.png);
		display:block;
		width:198px; height:200px;
	}

	#top_bar .right_links a{ color:#aaa; margin:0 5px 0 0;}
	#top_bar .right_links a:hover{ color:#a31d3a;}

/* -------------------------------------------------------------------------------------- SLIDER */
#slider{
	display:block;
	margin:0 auto;
	position:relative;
	width:960px; height:425px;
}
#slider #sliderimg{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a{ display:block;}

/* -------------------------------------------------------------------------------------- HEADER */
#header{
	display:block;
	margin:0 auto;
	position:relative;
	width:960px; height:76px;
}
	#header .content{
		background:url(../images/logo_bg.png) no-repeat 50% 50%;
		position:absolute;
		top:-36px;
		left:0;
		z-index:49;
		width:960px; height:110px;
	}
		#header .top_logo{
			position:absolute;
			top:-10px;
			left:20px;
			width:420px; height:132px;
		}
		#header .top_logo a{
			display:block;
			background:url(../images/logo.png);
			width:420px; height:132px;
		}

		#header .quickstart{
			position:absolute;
			top:-16px;
			right:0px;
			width:149px; height:149px;
		}
		#header .quickstart a{
			display:block;
			position:relative;
			width:149px; height:149px;
		}
		#header .quickstart .normal{
			display:block;
			background:url(../images/quickstart.png);
			width:149px; height:149px;
			position:absolute;
			top:0;
			left:0;
			z-index:50;
		}
		#header .quickstart .hover{
			display:block;
			background:url(../images/quickstart_2.png);
			width:149px; height:149px;
			top:0;
			left:0;
			z-index:51;
		}
/* -------------------------------------------------------------------------------------- NAVIGATION */
#navigation{
	background:url(../images/menu_top_bg.png);
	margin:0 auto;
	width:960px; height:50px;
}
	#navigation ul{
		line-height:45px;
		text-align:center;
	}
	#navigation ul li{ display:inline; position:relative;}
	#navigation ul li a{ color:#AAA; margin:0 15px; text-transform:uppercase; font-size:18px;}
	#navigation ul li a:hover{ color:#FFF;}
	#navigation ul .navstyle{ text-transform:uppercase; font-size:18px;}
	
	#navigation ul ul{
		background:#000;
		line-height:normal;
		padding:10px 0 0 0;
		position:absolute;
		top:15px;
		left:0;
		z-index:90000;
		text-align:left;
		width:200px;
	}
	#navigation ul ul li{
		display:block;
	}
	#navigation ul ul li a{
		border-bottom:1px solid #25252f;
		display:block;
		padding:9px 10px; margin:0;
		font-size:12px;
	}
	#navigation ul ul li a:hover{
		color:#a31d3a;
	}

/* -------------------------------------------------------------------------------------- MAIN */
#main{
	color:#bbb;
	margin:0 auto; padding:0 0 20px 0;
	width:960px;
}
a{color:#FFF;}
a:hover{color:#a31d3a;}

#main h1{
	border-bottom:1px solid #25252f;
	margin:0 0 10px 0; padding:0 0 10px 0;
	text-transform:uppercase;
}

#main .block_left{
	display: block;
	float: left;
	width:450px;
	margin:0 15px 30px 15px;
}

#main strong{ color:#FFF; }
/* Block 1 / 3
-------------------------------------------------------------------------------------- */
.block_1_3{
	display:block;
	float:left;
	width:320px;
}
.block_1_3_top{
	background:url(../images/block_1_3_top.png);
	display:block;
	width:320px; height:14px;
}
.block_1_3_inside{
	background:url(../images/block_1_3_inside.png);
	display:block;
	padding:0 10px;
	width:300px;
}
.block_1_3_bottom{
	background:url(../images/block_1_3_bottom.png);
	display:block;
	width:320px; height:11px;
}

.block_1_3 h4{
	background:url(../images/h4_block_1_3.png);
	height:37px;
	line-height:33px;
	margin:0 0 10px 0; padding:0 0 0 10px;
	text-transform:uppercase;
}

/* Block 1 / 4
-------------------------------------------------------------------------------------- */
.block_1_4{
	display:block;
	float:left;
	width:270px;
}
.block_1_4_top{
	background:url(../images/block_1_4_top.png);
	display:block;
	width:270px; height:13px;
}
.block_1_4_inside{
	background:url(../images/block_1_4_inside.png);
	display:block;
	padding:0 10px;
	width:250px;
}
.block_1_4_bottom{
	background:url(../images/block_1_4_bottom.png);
	display:block;
	width:270px; height:10px;
}

.block_1_4 h4{
	background:url(../images/h4_block_1_4.png);
	height:37px;
	line-height:33px;
	margin:0 0 10px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
}


/* Block 3 / 4
-------------------------------------------------------------------------------------- */
.block_3_4{
	display:block;
	float:left;
	width:690px;
}
.block_3_4_top{
	background:url(../images/block_3_4_top.png);
	display:block;
	width:690px; height:13px;
}
.block_3_4_inside{
	background:url(../images/block_3_4_inside.png);
	display:block;
	padding:0 10px;
	width:670px;
}
.block_3_4_bottom{
	background:url(../images/block_3_4_bottom.png);
	display:block;
	width:690px; height:10px;
}

.block_3_4_inside h4{
	font-size:24px;
	padding:10px 0 5px 0;
	border-bottom:1px solid #25252f;
	text-transform:uppercase;
}
.block_3_4_inside p{
	padding:10px 5px;
}

/* Block 1 / 4 homepage
-------------------------------------------------------------------------------------- */
.block_4{
	display:block;
	float:left;
	width:240px;
}
.block_4_top{
	background:url(../images/block_4_top.png);
	display:block;
	width:240px; height:13px;
}
.block_4_inside{
	background:url(../images/block_4_inside.png);
	display:block;
	padding:0 10px;
	width:220px;
}
.block_4_bottom{
	background:url(../images/block_4_bottom.png);
	display:block;
	width:240px; height:10px;
}

.block_4_inside h4{
	font-size:20px;
	padding:10px 0 5px 0;
	border-bottom:1px solid #25252f;
	text-transform:uppercase;
}
.block_4_inside p{
	padding:10px 5px;
}

/* Block 4 / 4
-------------------------------------------------------------------------------------- */
.block_4_4{
	display:block;
	float:left;
	width:960px;
}
.block_4_4_top{
	background:url(../images/block_4_4_top.png);
	display:block;
	width:960px; height:13px;
}
.block_4_4_inside{
	background:url(../images/block_4_4_inside.png);
	display:block;
	padding:0 10px;
	width:940px;
}
.block_4_4_bottom{
	background:url(../images/block_4_4_bottom.png);
	display:block;
	width:960px; height:10px;
}

.highlight_right{
	background:url(../images/highlight_right.png) no-repeat right top;
}
.highlight_left{
	background:url(../images/highlight_left.png) no-repeat left top;
}

.padding_0_10px{
	padding:0 10px;
}
.margin_0_0_10_0{
	margin:0 0 10px 0;
}
.retrait_30{
	margin:0 0 0 60px;
}

/* -------------------------------------------------------------------------------------- FOOTER */
#footer{
	background:url(../images/footer_bg.png);
}
#footer .content{
	background:url(../images/footer_content.png);
	margin:0 auto; padding:55px 0 0 0;
	width:960px; height:115px;
}
	#footer ul{
		display:block;
		float:left;
		line-height:40px;
		text-align:center;
		margin:10px 70px 0 0;
		width:410px;
	}
	#footer ul li{ display:inline;}
	#footer ul li a{ margin:0 5px; color:#aaa;}
	#footer ul li a:hover{ color:#FFF;}
	
	#footer .copyright{
		color:#aaa;
		display:block;
		float:left;
		line-height:20px;
		text-align:center;
		margin:10px 0 0 70px;
		width:410px;
	}

/* -------------------------------------------------------------------------------------- DESIGN */

.loading{
	background:url(../images/loading.gif) no-repeat 50% top;
}
.center{
	text-align:center;
}

.parag_left_3{
	float:left;
	margin:0 10px 10px 10px;
	width:210px;
}
.parag_left_2{
	float:left;
	margin:0 10px 10px 10px;
	width:320px;
}

.tagline{
	color:#a31d3a;
	font-size:15px;
	font-weight:bold;
	padding:10px 0 5px 0;
}

.nicelink{
	display:block;
	text-align:right;
	text-transform:uppercase;
}

.left_cols{
	margin:0 15px 0 0;
	width:325px;
	float:left;
	display:block;
}
.left_cols2{
	margin:0 15px 0 0;
	width:210px;
	float:left;
	display:block;
}

.img_left{
	margin: 10px;
	float:left;
}

.block_3_4 ul{
	margin:5px 0 0 15px;
}
.block_3_4 ul li{
	padding:0 0 0 8px;
	margin:0 0 8px 0;
	border-left:4px solid #25252f;
	line-height:16px;
}
.block_3_4 ul li strong{
	letter-spacing:1px;
	color:#827e78;
}

.req_info{
	display:block !important;
	width:230px; height:62px !important;
	background:url(../images/request_informations_h4.png) !important;
}

.req_info span{display:none;}

.portrait{
	background:#FFF;
	padding:4px;
	margin: 8px;
	border:1px solid #ccc;
	float:right;
	}

.portrait_right{
	background:#181822;
	padding:4px;
	margin: 8px;
	border:1px solid #302f39;
	float:right;
}

.imgright{
float:right;
margin:8px;
}

iframe{
	z-index:-5;
}

.testimonial_block{
	width:430px;
	display:block; float:left;
	margin:0 15px;
	padding:10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	line-height:22px;
}

.testimonial_block strong{ font-family:arial, helvetica, sans-serif; display:block; width:400px; height:30px; line-height:30px; color:#FFF; clear:both; text-align:right; border-top:1px solid #444; margin:5px 0 0 0;}


.call_to_action {
background-color: #353535; display: block; width: 80%; margin: 0 auto 0 auto; text-align: center; font-size: 18pt;
}

.right-top-links {
color: white; line-height:36px; position:relative; right: 50px;}