/* Mlex
----------------------
Author: One Million Dollars (1MD) (http://1md.be/)
Version: 01/08/2009
Copyright: (c) 2009 Mlex
All rights reserved.
*/

/*- CSS "libraries"
----------------------------------------------------------------------*/
@import url("reset.css");


/*-"COLORS"
----------------------------------------------------------------------
	#00deff blue <em>
	#4d545e background content
	#62676f background important & text footer
	#1a1a1a text menu
*/

/*- BASE STYLES
----------------------------------------------------------------------*/

body{background:#39414c;color:white;font:normal 13px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}
#wrap{position:relative;width:890px;margin:0 auto;}

.hide{font-size:1px;text-indent:-8000px;overflow:hidden;}
.spacer{height:10px;}
.clear{clear:both;}
.blue{color:#00deff;}
.yellow {
color: #EFCF18;
}

.orange {
color: #FF9221;
}

.red {
color: #F73029;
}

.pink {
color: #FFBEAD;
}

/*header*/
h1 a{display:block;background:transparent url('../_pictures/design/h1-logo.png') no-repeat;width:151px;height:93px;}
#description_company{background:transparent url('../_pictures/design/div-description_company.png') no-repeat;position:absolute;width:350px;height:25px;right:0;top:45px;}

	/*menu*/
	#menu{background:url('../_pictures/design/ul-menu.png') repeat-x;width:100%;height:34px;margin: 20px 0;/*-moz-border-radius:10px;-webkit-border-radius:10px;*/}
	#menu li{background:transparent url('../_pictures/design/menu-li-separation.png') no-repeat right;height:100%;float:left;}
	#menu li a{display:block;padding:8px 22px;color:black;height:18px;text-decoration:none;}
	#menu li a:hover{background:url('../_pictures/design/ul-li-a-hover-menu.png') repeat-x;color:white;}
	#menu > li:first-child a{
		/*-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;
				-webkit-border-bottom-left-radius:10px;-webkit-border-top-left-radius:10px;*/
	}
	#menu li ul{background:	url('../../images/shadow.png') no-repeat bottom right;
	padding: 0 12px 13px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;position:absolute;z-index:5000;}
	#menu li ul li{background:none;float:none;background: #c8c8c8}
	#menu li ul li a:hover{float:none;background: #848890;}
	#menu .active{background:#4d545e;}
	#menu .corner_right{position:absolute; right:0;width:10px; height:34px;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../_pictures/design/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
} 
#content,#links_footer{position:relative;background:#4d545e; padding:30px;/*-moz-border-radius:10px;-webkit-border-radius:10px;*/}

h2{ font-size: 150%;margin:0 0 15px 0;zoom:1;}
.h2_exponent{color:#d0d1d2;font-size:1.4em;margin-bottom:-3px;}

h3{font-size:1.3em;font-weight:bold;}

p{font-size:.98em;margin-bottom:20px;line-height:1.5em;}
p a{color:#00deff;font-weight:bold;}
.p_intro{text-transform:uppercase;font-size:1.25em;}
.p_important{font-size:1.25em;background:#62676f;padding:20px;font-style:oblique;}
.p_importantbox{background:#62676f;padding:10px}
.p_importantboxred{background:#FF0000;padding:10px}


#colum_left{width:520px;float:left;margin-right:80px;}

#footer{position:absolute;right:0;margin-top:15px;color:#62676f;}

#info_connection{position:absolute;right:0;top:2px;font-size:1em;}


.services .content_border_top, .team .content_border_top{
	width:890px;
	z-index:100;
	height:26px;
	margin-bottom:-18px;
	background:url('../_pictures/design/content-border.png') top;
}
.services .content_border_bottom, .team .content_border_bottom{
	position:absolute;
	width:890px;
	height:26px;
	margin-top:-18px;
	z-index:0;
	background:url('../_pictures/design/content-border.png') bottom;
}

/*- INDEX
----------------------------------------------------------------------*/



.index {
	background: black url('../_pictures/design/body-background-index.jpg') no-repeat center top;
}

.index .content_border_top {
	width:890px;
	height:26px;
	margin-bottom:-13px;
	background:url('../_pictures/design/content-border.png') no-repeat top;
}
.index #content{
	height:100%;
}

.index .content_border_bottom {
	width:890px;
	height:26px;
	margin-top:-13px;
	background:url('../_pictures/design/content-border.png') no-repeat bottom;
}

.index .footer_border_top{
	width:890px;
	height:26px;
	margin-bottom:-18px;
	background:url('../_pictures/design/content-border.png') no-repeat  top;
}

.index .footer_border_bottom{
	width:890px;
	height:26px;
	margin-top:-13px;
	background:url('../_pictures/design/content-border.png') no-repeat bottom;
}



#flash_box{
	float:right;
	width:446px;
	height: 380px;
	
	
}



#index_colum_left {
	float: left;
	width: 300px;
	margin-right: 80px;
}

form p{margin:5px 0;}
#login,#password{border:1px solid #e4e3e8;padding:4px;width:245px;height:18px;}


#form_login_index{position:relative;}
#form_login_index .checkbox{float:left;}
#form_login_index .submit {
	margin-left: 90px;
	overflow:hidden;
	text-indent:-5000px;
	border:none;
	right: 0;
	bottom: -30px;
	right: 50px;
	background: url('../_pictures/design/button-login.png');
	height: 24px;
	width: 94px;
	cursor: hand;
}



.Links_form{clear:both;padding-top:30px;}
.Links_form li{list-style-image:url('../_pictures/design/li-list-style-Links_form.png');list-style-position:inside;}


#content_links_footer{
	margin-top:15px;
}

#links_footer{margin-top:10px;padding:0;height:90px;}
#links_footer ul{margin:8px 0 0 20px;}
#links_footer li{float:left;margin:0 15px;}

#links_footer #mlex_premium{display:block;background:transparent url('../_pictures/design/logo-mlex-prenium.png') no-repeat;width:120px;height:25px;}
#links_footer #financial_services{display:block;background:transparent url('../_pictures/design/logo-financial-services.png') no-repeat;width:110px;height:31px;margin-top:-4px;}
#links_footer #telecom_media{display:block;background:transparent url('../_pictures/design/logo-itm-telecom-media-it.png') no-repeat;width:143px;height:20px;}
#links_footer #trade_defence{display:block;background:transparent url('../_pictures/design/logo-tdi-trade-defence.png') no-repeat;width:147px;height:19px;}
#links_footer #emission_energy{display:block;background:transparent url('../_pictures/design/logo-e3-emission-energy-environment.png') no-repeat;width:165px;height:21px;}



/*- TEAM
----------------------------------------------------------------------*/

#team .presentation {
	float: left;
	position: relative;
	width: 405px;
	margin-bottom:15px;
	
/*	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;*/
}

.box_content{
	padding: 5px 15px 20px 130px;
	margin: 0 15px 15px 0;
	min-height: 260px;
	background: #62676f;
}
#team .presentation img {
	position: absolute;
	top: 20px;
	left: 20px;

}

.box_border_top{
	width:390px;
	height:26px;
	margin-bottom:-13px;
	background:url('../_pictures/design/border-box-team.png') top;
	
}
.box_border_bottom{
	margin-top:-20px;
	width:390px;
	height:13px;
	background:url('../_pictures/design/border-box-team.png') bottom;
}

.p_bio
{min-height: 215px; border-bottom: 1px solid #4D545E}


#ContactForm label { width: 7em; float: left; }
#ContactForm label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#ContactForm p { clear: both; padding-top: 5px;}

#ContactForm em { font-weight: bold; padding-right: 1em; vertical-align: top; color: red; width: 15px;}
#ContactForm select{ margin-left: -3px; width: 255px}
#ContactForm textarea{ height: 120px; width: 250px}
#ContactForm input{ width: 250px}

#ContactForm  #ContactForm_2_ButtonSubmit{ width: 100px; margin-top: 15px;}
#ContactForm .frmsbmt {margin: 10px 0 0 105px;}

.testimonial {width: 550px;}
.quote {color:#ccc; font: 33px Century,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-style:italic}
.quoteO {}
.quoteC {vertical-align:text-top; padding-top: 10px; display: inline;}
.authorName {font-weight: bolder;font-size: 115%}
.author { margin-top: 15px;}
.content
          {background-color: #4d545e; color: #fff}
          .content H1
          {color: #fff}
          
          .wrapper h3
          {
              font-size: 150%;
              border-bottom: none;
              color: #fff;
              padding: 0;
          }
          .wrapper
          {
              color: #ccc;
              width: 400px;
              padding-left: 10px;
             
                   }
          
          .wrapper h3 img
          {
              
              vertical-align: text-bottom;
              
              
          }
          
          .wrapper .mTitle
          {
              
              color: #fff;
              font-style: italic;
              font-size: 150%;
              line-height: 1.4;

              
              
          }
          .wrapper .clear
          {
              
              margin-top: 20px;
              
          }
          .paging
{
	width: 100%;
	
	margin: 20px 0 0 0;
	height: 25px;
	
}

.paging .prev
{
	display: inline;
	float: left;	
	background: transparent url("/images/arrLblue2.gif") no-repeat 0 5px; 
	padding: 0 0 0 15px;
	margin: 3px 0 3px 8px;
	color:#00deff;
	text-decoration: none
}

.paging .next
{
	display: inline;
	float: right;	
	background: transparent url("/images/arrRblue2.gif") no-repeat 100% 5px; 
	padding: 0 15px 0 0 ;
	margin: 3px 5px 3px 0;
	
}

.paging .next a, .paging .prev a {color:#00deff;	text-decoration: none}

         
         .paging
         {
             
            color: #000; width: 550px; padding-left:  1px; margin-top: 330px ; margin-left: 0px; 
           }


   .statement
   {color: #ccc;
              width: 400px;
              padding: 0 0 0 20px;
              margin: 0;
              min-height: 300px;
              font-size: 103%;
              overflow: visible;
			  background-color: #4d545e;
            } 
              
               .statement .title
   {font-size: 150%;
    
	font-weight: normal;	
	color: #fff; text-decoration: none} 
	
	.intro
{
    background:#62676f;
    padding: 13px 15px 15px 15px;
    margin: 10px 0 15px 0;
   color: #fff;
    font-style:oblique;
    cursor: pointer;
}    

.rmore
{
	background: transparent url("../_pictures/design/li-list-style-Links_form.png") no-repeat 0 6px; 
	padding: 0 0 0 15px;
	color:#00deff;
}

#quotes {margin-left: 50px;}



#right_flash
{
	display: inline;
	float: right;	
	width: 500px;
	}

#left_flash
{
	display: inline;
	float: left;
    width: 320px;	}


/*- Magazine
----------------------------------------------------------------------*/
.cover
{
float:right;
width:310px;
margin:0px 0px 5px 5px;
padding:15px;
border:0px solid black;
text-align:center;
top: 5px;
}

.cover2
{
float:right;
width:310px;
margin:0px 0px 5px 5px;
padding:15px;
border:0px solid black;
text-align:center;
top: 5px;
}


.textleft {
width:495px;
text-align:justify;
font-size: 90%;
}