/*****LEGENDE *****
#63a03a : vert pomme
#0D7F46 : vert bouteil
#11e8a9 : vert bleu
*/
body{
	/*background-color: #dddddd; */
	background-color: #081344;
	
}

body *{
	font-family: 'Droid Sans', sans-serif;
}

/*--- Helpers ---*/
.pink_btn_small{
	display: inline-block;
	text-decoration: none;
	font-size:14px;
	line-height: 14px;
	color:#f2f2f2;
	padding:8px;
	background-color: #63a03a;
	border:0px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;

	text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.pink_btn_small:hover{
	background-color: #4f4f4f;
	color:#f2f2f2;
	text-decoration: none;
}

.gray_btn{
	display: inline-block;
	text-decoration: none;
	font-size:14px;
	line-height: 14px;
	color:#f2f2f2;
	padding:8px;
	background-color: #4f4f4f;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;

	text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.gray_btn:hover{
	background-color: #63a03a;
	color:#f2f2f2;
	text-decoration: none;
}

.pink_text, .pink_text:hover{
	color:#63a03a;
}

/*--- Top Line ---*/
.top_line{
	height:35px; background-color:#2a2a2a; text-align: right;
}

.top_line ul{
	margin:8px 0px 0px 0px; padding: 0px;
}

.top_line ul li{
	display:inline-block; list-style-type: none; padding:0px 10px;
}

.top_line ul li a{
	color:#fff; font-size:12px;
}

/*--- Logo Box ---*/
.logo_box{
}

.logo{
	text-indent: -9999px; display:inline-block;	width:287px; height: 59px; background:url(../img/prosiline_logo.png) no-repeat; margin:10px 0px;
}

/*--- Top Menu ---*/
.top_menu{
	font-size: 0px;
}
.menu_cover{
	width:940px; 
	height:10px;
	position:absolute; 
	z-index:100;
	background:url(../img/menu_cover.png) no-repeat top left; 
}
.top_menu ul{
	margin:0px; padding: 0px; border-bottom:5px solid #131313;
}
.top_menu ul li{
	list-style-type: none;
	display: inline-block;
	margin:0px;
	padding:0px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	position:relative;
}
.top_menu ul li a{
	display:inline-block;
	background:url(../img/menu_bg.png) repeat-x top center; 
	background-color: #323232;
	padding:20px 0px;
	width:186px;
	border-right:1px solid #7d7d7d;
	color:#7d7d7d;

	text-shadow: 2px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.top_menu ul li a:hover{
	color:#11e8a9;
	background:url(../img/menu_bg.png) repeat-x bottom center;
	text-decoration: none;
}

.top_menu ul li.active a{
	color:#e6e6e6;
	background:url(../img/menu_bg.png) repeat-x bottom center;
	text-decoration: none;
}

.top_menu ul li ul{
	position: absolute;
	z-index: 10;
	left:0px;
	top:62px;
	opacity:0;
	visibility:hidden;
	border-bottom:none;
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}
.top_menu ul li:hover ul{
	opacity:1;
	visibility:visible;
}
.top_menu ul li ul li{
	display:block;
	border-bottom:2px solid #131313;
}
.top_menu ul li ul li a{
	border-right:none;
}

.top_menu ul li.first_item a{
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}
.top_menu ul li.last_item a{
	border-right:none;
	padding-right:6px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}

/*--- Banner ---*/
.banner{
	width:960px;
	overflow:hidden;
}
.banner .nivo-caption h1{
	color:#f2f2f2;
	float:left;
	font-size:22px;
	text-transform: uppercase;
	margin:25px 10px 20px 10px;
	width:240px;
}

.banner .nivo-caption p{
	color:#f2f2f2;
	float:left;
	font-size:13px;
	line-height: 18px;
	width:450px;
}

.banner .pink_btn{
	display: inline-block;
	text-decoration: none;
	font-size:16px;
	line-height: 16px;
	font-weight: bold;
	color:#f2f2f2;
	text-transform: uppercase;
	padding:10px;
	background-color: #63a03a;
	margin-top:22px;
	margin-left: 10px;
	float: left;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;

	text-shadow: 2px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.banner .pink_btn:hover{
	background-color:#4f4f4f;
}

.small_banner{
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}

/*--- Services Boxes ---*/
.services_box .the_box{
	background-color:#f2f2f2;
	width:230px;
	float:left;
	margin:5px 5px 10px 0px;
	padding:25px 0px 0px 0px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.services_box .last_item{
	margin-right:0px;
}

.services_box .the_box h1{
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}
.services_box .the_box .the_number{
	width:50px;
	padding:10px 0px;
	text-align: center;
	margin:15px auto;
	font-size: 28px;
	font-weight:bold;
	line-height: 29px;
	background-color: #081344;
	color:#f2f2f2;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}

.services_box .the_box .the_content{
	/*color:#8a898a;*/
	color:#081344;
	
	font-size: 13px;
	height:200px;
	line-height:20px;
	padding:0px 18px;
	overflow: hidden;
}

.services_box .the_box .read_more{
	background-color: #2b2b2b;
	color: #f2f2f2;
	text-transform: uppercase;
	display:block;
	font-size: 14px;
	text-align:center;
	padding:7px 0px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;

	text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.services_box .the_box .read_more:hover{
	text-decoration: none;
	background-color: #0D7F46;
}

/*--- Content Box ---*/
.content_box{
	margin-top:20px;
        
}

.content_box h1{
	font-size: 36px;
	line-height: 44px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px dotted #bdbcbc;
	padding-bottom:10px;
	margin-bottom:10px;
}

.content_box h2{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	color:#63a03a;
}

.content_box h2 span{
	display:inline-block;
	padding:0px 5px;
	margin-right:6px;
	background-color: #63a03a;
	color:#f2f2f2;

	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.content_box .the_content{
	font-size: 13px;
	line-height: 20px;
}

.content_box .the_content ul{
	margin-left: 0px;
}
.content_box .the_content ul li{
	line-height: 26px;
	list-style-type: none;
}
.content_box .the_content ul li a{
	color:#4f4f4f;
	display: inline-block;
	padding-left:20px;
	background:url(../img/pink_bullet.png) 0px 6px no-repeat;
}
.content_box .the_content ul li a:hover{
	/* color:#0D7F46; */
	color:#081344;
}


.content_box .the_content ol{
}
.content_box .the_content ol li{
	line-height: 20px; margin-bottom: 10px;
}
.content_box .the_content ol li a{
	color:#4f4f4f;
	display: inline-block;
}
.content_box .the_content ol li a:hover{
	color:#0D7F46;
}

.content_box .the_content p{
	margin-bottom: 15px;
}

.content_box .the_content .space-bottom{
	margin-bottom: 25px; overflow: hidden;
}

.content_box .general_content{
	line-height: 20px;
}

.content_box .content_icon{
	margin:0px 10px 0px 0px
}

/*--- Testimonial Box ---*/
.testimonial_text{
	padding:20px;
	background-color: #CFCFCF;	 
	line-height: 20px;
	font-style: italic;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}
.testi-bottom-arrow{
	height:30px;
	background:url(../img/testi-tri.png) 25px 0px no-repeat;
}
.author_name{
	color: #63a03a;	
	font-weight: bold;
	margin: 10px 0px 5px 10px;
}
.author_position{
	margin: 0px 0px 5px 10px;
}
.testi_link{
	margin: 0px 0px 5px 10px;
}
.testi_link a:hover{
	text-decoration: none;
	color:#f2f2f2;
}

/*--- Team Members ---*/
.team_members li{
	display:inline-block;
	margin:5px;
	line-height: 18px !important;
	font-size: 13px;
	text-align: center;
}
.team_members li img{
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	margin-bottom: 10px;
}
.team_members li .the_name{
	color: #63a03a;	
	font-weight: bold;
}



/*--- Dark Menu ---*/
.content_box .dark_menu{
	background-color: #2b2b2b;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}

.content_box .dark_menu li{
	padding:0px 20px; display:block;
}
.content_box .dark_menu li:hover, .content_box .dark_menu li.active{
	background-color: #63a03a;
}
.content_box .dark_menu li.last_item a{
	border-bottom:none;
}

.content_box .dark_menu li a{
	background:none !important;
	display:block !important;
	margin:0px auto;
	color:#f2f2f2 !important;
	font-weight: bold;
	padding:3px 0px !important;
	border-bottom:1px solid #5b5b5b;
}
.content_box .dark_menu li a:hover{
	text-decoration: none;
}
.content_box .dark_menu li:hover a, .content_box .dark_menu li.active a{
	border-top:1px solid #63a03a;
	border-bottom:1px solid #63a03a;
	margin-top:-1px;
}

.content_box .dark_menu li.first_item{
	-webkit-border-radius: 7px 7px 0px 0px ;
	border-radius: 7px 7px 0px 0px;
}
.content_box .dark_menu li.last_item{
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}
.content_box .dark_menu li.last_item a:hover{
	border-bottom:none;
}

/*--- Events Box ---*/
.event_box{
	width:290px;
	float:left;
	margin:0px 20px 20px 0px;
	border-bottom: 1px dotted #bdbcbc;
	padding-bottom:20px;
}
.event_box .event_date{
	padding:6px 0px;
	width:50px;
	text-align: center;
	background-color: #0D7F46;
	color:#f2f2f2;
	float:left;
	margin-right: 10px;
	line-height: 16px;
	text-transform: uppercase;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}

.event_box .event_date span{
	font-size: 26px;
	line-height: 26px;
}
.event_box .event_content{
	margin-top:3px;
}

/*--- Services List Box ---*/
.services_list_box{
	overflow: hidden;
	margin-bottom: 60px;
}
.services_list_box .the_thumb{
	float:left;
	margin-right:20px;
	width:200px;
}
.services_list_box .the_description{
	width:400px;
	float:left;
}


/*--- Projects Box ---*/
.project_box{
	margin-bottom: 15px;
}

/*--- Dark Box ---*/
.dark_box{
	background-color: #2B2B2B;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	padding:10px 20px 20px 20px;
	color:#f2f2f2;
	line-height: 24px;
	overflow: hidden;
}

.dark_box ul{
	margin:0px 0px 20px 0px;	
	padding:0px;
}
.dark_box ul li{
	list-style-type: none;
	line-height: 20px;
}
.dark_box ul li.separator{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #5B5B5B;
}

/*--- Product Box ---*/
.product_box{
	margin-bottom:20px;
}
.product_box .the_icon{
	width:64px;
	margin-right:10px;
	float:left;
}

/*--- Get in touch box---*/
.get_in_touch{
	padding:10px 0px;
}
.get_in_touch .map{
	/*border:1px solid #5B5B5B;*/
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom:10px;
}
.get_in_touch a, .get_in_touch a:hover{
	color:#0D7F46;
}

/*--- Contact Form ---*/
#frmContact .loading{
	margin-left:10px;
}

label.error{
	color:red;
	margin-left:10px;
	font-size: 12px;
}

label.error-message{
	margin-left:0px;
	margin-top:10px;
}

#frmSignup label.error{
	margin-left: 0px;
}

#frmSignup label.error-message{
	margin-left: 0px;
	margin-top: 0px;
}

#frmContact .textbox{
	padding:8px;
}

/*--- Debt funding application form ---*/
#frmSignup{
	font-size: 14px;
	line-height: 24px;
}

#frmSignup fieldset{
	margin-bottom: 10px;
}
#frmSignup fieldset legend{
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
	border-bottom: none;
	display: block;
}
#frmSignup table td{
	padding:5px 5px 5px 0px;
}

#frmSignup .legend_below_block{
	overflow: hidden;
	margin-bottom: 10px;
}

/*--- Footer Box ---*/
.footer_box{
	margin-top:20px;
	padding-top:20px;
	border-top: 6px solid #1c1c1c;
	background:url(../img/footer_bg.png) top center #4f4f4f;
	color:#89898a;
	height:200px;
}

.footer_box h2{
	color:#f2f2f2;
	font-size:16px;
	line-height: 16px;
	margin-bottom:15px;
}

.footer_box a{
	color:#89898a;
}
.footer_box a:hover{
	color:#f2f2f2;
}

.footer_box .last_block{
	text-align: right;
}
.footer_box .company_name{
	color:#f2f2f2;
	text-transform: uppercase;
}

.footer_box #subscriber_email{
	background-color:#5b5b5b;
	border:none;
	padding:5px 5px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	width:180px;
	color:#f2f2f2;
	margin-top:5px;
}


.footer_box .footer_sub_menu{
	margin:0px;
	padding:0px;
	line-height: 14px;
}

.footer_box .footer_sub_menu li{
	list-style-type: none;
	margin:0px;
}

.footer_box .footer_sub_menu li a{
	display:inline-block;
	background:url(../img/arrow_bullet.png) no-repeat 0px 10px	;
	padding:5px 0px 5px 15px;
}

.footer_box .footer_menu{
	margin:10px 0px;
	padding:0px;
}

.footer_box .footer_menu li{
	display:inline-block;
	list-style-type: none;
	line-height:14px;
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #89898a;
}
.footer_box .footer_menu li a{
	color:#89898a;
}
.footer_box .footer_menu li a:hover, .footer_box .footer_menu li.active a{
	color:#f2f2f2;
}
.footer_box .footer_menu li.first_item{
	border-left:none;	
}

.footer_box .social_links ul{
	margin:0px;
	padding:0px;
}
.footer_box .social_links ul li{
	display:inline;
	list-style-type: none;
	margin-left:10px;
}
.footer_box .social_links ul li a.the_icon{
	display:inline-block;
	width:32px;
	height:32px;
}
.footer_box .social_links ul li a.twitter{
	background: url(../img/twitter.png) no-repeat;
}
.footer_box .social_links ul li a.facebook{
	background: url(../img/facebook.png) no-repeat;
}
.footer_box .social_links ul li a.linkedin{
	background: url(../img/linkedin.png) no-repeat;
}