@charset "utf-8";

/* commented backslash hack \*/ 
html, body{ }


/* end hack */
 
/* Main Body CSS */
* {	margin: 0 auto; padding: 0;}
body {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  color: #666666;  background: url(../Media/site/main _back.jpg) repeat-x top #FFFFFF; margin: 0;	padding: 0; }
.oneColFixCtr #container {width: 1004px;  text-align: left; background:url(../Media/site/container_back.jpg) repeat-y ; position:relative;   }
 
.oneColFixCtr #mainContent {padding:6px 14px 0px 12px;   top:0; }
.img{border:none;}
/* Text Colors */
.White{color:#FFF;}
.blue{color:#24BBEA;}
.red{color:#F00;}
.blue2{color:#15AEDB}
.gitane{color:#008DA6;}
.green{color:#6AC532;}

H1 {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:20px; color: #6AC532; font-weight:bold;  text-align:left; padding:0px 0px 5px 0px; margin-bottom:0px;  }
#sidebar{margin-bottom:15px;}
/* Normal anchor CSS */
p {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:20px;}
p a:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-decoration: none;}
p a:visited {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-decoration: none;}
p a:hover {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #6AC532; text-decoration: none;}

a:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-decoration: none;}
a:visited {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-decoration: none;}
a:hover {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #6AC532; text-decoration: none;}

.breadcrumb p{ font-size: 13px; color: #666666;}
.breadcrumb a:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-weight:bold;  font-size: 12px; color: #000000; text-decoration: underline;}
.breadcrumb a:visited {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-weight:bold; font-size: 12px; color: #000000; text-decoration: underline;}
.breadcrumb a:hover {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-weight:bold;  font-size: 12px; color: #15AEDB; text-decoration: underline;}

 

/* TopMenu CSS */
.TopSection{height:92px; border:1px solid #d3d3d3; padding:42px 30px 5px 27px; }
#Topmenu {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; border:none;  FONT-SIZE: 14px; color: #FFFFFF; padding:0px 118px 10px 0px;}
#Topmenu h6 {margin: 0; padding-top:0px; color:#00B1D8; font-size:12px; }
#Topmenu h6 a {font-size:12px; vertical-align:middle; color: #00B1D8; text-decoration: underline; margin: 0; padding: 0px 7px 0px 7px ; }
#Topmenu h6 a:hover {font-size:12px; color: #666666; text-decoration: underline; }


.LangSelect{right:0; padding: 18px 10px 0px 0px ; float:right; width:100px;}
.LangSelect a.LangSelect2, a.LangSelect2:visited{border:none; text-decoration:none; font:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; padding:5px 7px 0px 10px; margin:0px; width:30px; height:29px; background:url(../Media/menu/lang_btn_up.png) no-repeat; float:right; right:0;  }
.LangSelect a.LangSelect2:hover {border:none; text-decoration:none; color:#5D9A2A;   font-size:12px; font:Arial, Helvetica, sans-serif; background: url(../Media/menu/lang_btn_down.png) no-repeat;}
.LangSelect p {color:#5D9A2A; float:right; font-size:12px; font:Arial, Helvetica, sans-serif; background: url(../Media/menu/lang_btn_down.png) no-repeat; padding:5px 7px 0px 10px; width:20px; height:29px; margin-left:0px;}


/* Main Menu CSS */
.MainMenu{background: url(../Media/menu/main_menu_back.png) repeat-x; height:50px; border:1px solid #d3d3d3; border-top:none; vertical-align: baseline; bottom:0; padding:0px 0px 0px 27px;}

#tabs {	float:left;	background:url("../media/menu/main_loop_back.png") repeat-x; 	line-height:normal;	 overflow:hidden; padding:22px 0px 0px 0px; }
.leftmenuborder {background:url("../media/menu/main_border_left.png") no-repeat; float:left; height:50px; width:10px;}
.rightmenuborder {background:url("../media/menu/main_border_right.png") no-repeat; float:left; height:50px; width:36px;}
#tabs ul {	margin:0px;  list-style:none; padding:0; 	}
#tabs li {	display:inline;	margin:0;	padding:0;	}
#tabs a { font-size:14px; float:left; background:url("../media/menu/left.png") no-repeat left top; margin:0px; padding:0px 0px 0px 10px; text-decoration:none;	}
#tabs a span {float:left; display:block; background:url("../media/menu/right.png") no-repeat right top;	padding:6px 22px 4px 10px;	margin:0px;	color:#FFF;	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs a span {float:none;}
	/* End IE5-Mac hack */
	#tabs a:hover span {}
#tabs a:hover {	background-position:0% -42px; color:#632464;}
#tabs a:hover span {background-position:100% -42px; color:#632464;	}

/* DIV SPACER CSS */
.WhiteSpace{ height:4px; background-color:#FFF;}

/* BottomMenu CSS */
.BottomSection{background:url(../Media/site/bottom_back.jpg) repeat-x #f0f0f0; text-align:center; height:50px; padding: 10px 8px 0px 8px;} 
.BottomSection p {FONT-SIZE: 11px; color:#666666; text-decoration: none; text-align:center;}
.BottomSection p a:link {FONT-SIZE: 11px; color:#008DA6; text-decoration: underline;   margin: 0; padding: 0px 8px 0px 8px; }
.BottomSection p a:visited {FONT-SIZE: 11px; color:#008DA6; text-decoration: underline;  margin: 0; padding: 0px 8px 0px 8px; } 
.BottomSection p a:hover { FONT-SIZE: 11px; color: #6AC532; text-decoration: none; } 

.BlueLink p {FONT-SIZE: 12px; font-weight:bold; color:#666666; text-decoration: none; text-align:left;}
.BlueLink p a.BlueLink:link {FONT-SIZE: 12px; color:#008DA6; text-decoration: underline;   margin: 0; padding: 0px 8px 0px 8px; }
.BlueLink p a.BlueLink:visited {FONT-SIZE: 12px; color:#008DA6; text-decoration: underline;  margin: 0; padding: 0px 8px 0px 8px; } 
.BlueLink p a.BlueLink:hover { FONT-SIZE: 12px; color: #6AC532; text-decoration: underline; } 


/* Main Index Content With Right Block */
/* Left width = 270 | right width = 253 | center width = 455*/
.LeftMenuDiv{ width:240px; float:left; left:0; padding:10px 0px 0px 30px; }
.MainIndexDiv_Wz_Right{width:412px; float:left; padding:30px 15px 0px 28px; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:20px;}
.RightMenuDiv{ width:238px; float:right; right:0; padding:10px 15px 0px 0px;    }

/* Main Index Without Right Content */
.MainIndexDiv{ width:660px; float:left;  padding:30px 10px 0px 28px; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:20px;}
.imgRight{border: none; padding:0px 0px 5px 15px; float:right;}

.MainIndexDiv ul{ margin :10px 0px 10px 22px; padding : 0; list-style:  url(../media/site/lpc.jpg) outside none; line-height:15px; color:#666666;}
.MainIndexDiv ul li {margin :0px 0px 10px 0px;}
.MainIndexDiv ul li a:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-decoration: underline;}
.MainIndexDiv ul li a:visited {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #000000; text-decoration: underline;}
.MainIndexDiv ul li a:hover {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #6AC532; text-decoration: underline;}


/* Left Menu in main Content */
#LeftMenu{background:url(../Media/menu/Content_Top_Menu.png) no-repeat; width:238px; height:66px;}
#LeftMenu h3 {font-size:18px; vertical-align:middle; color:#6AC532;  margin: 0; padding: 20px 0px 0px 47px ; background:url(../Media/menu/Content_Left_Back.png) no-repeat; height:60px; }
.LeftMenuBack{ background:url(../Media/menu/Content_Top_Menu_back.jpg) repeat-y; padding: 0px 0px 0px 7px; height:100%;  }
.LeftMenuBack2{ background:url(../Media/menu/Content_Top_Menu_back.jpg) repeat-y; padding: 0px 0px 0px 7px; vertical-align:bottom; }
.LeftMenuBack .imgClass { padding: 30px 20px 0px 10px;}

.LeftMenuBack ul {list-style: none; margin: 0; padding:10px 0px 0px 0px; }
.LeftMenuBack li { background: url(../Media/menu/Left_List_back.png) no-repeat left;  height:37px;  border:none; margin: 0px;  padding: 0; }
.LeftMenuBack li a {FONT-SIZE: 14px; color:#24BBEA; text-decoration:none; border:none;  padding: 0px 0px 0px 35px; }
.LeftMenuBack li a:hover {FONT-SIZE: 14px; color:#6AC532; text-decoration: none; border:none;   padding: 0px 0px 0px 35px; }


/* News Main page Block */
.NewsBlock{padding:20px 0px 0px 0px; background: url(../Media/blocks/news_back.png) no-repeat; width:227px; color:#515151; font-size:12px; text-align:left;}
.NewsBlockBottom{padding:0px 0px 0px 0px; margin-bottom:15px; background: url(../Media/blocks/news_back_bottom.png) no-repeat ; height:18px; width:227px; }

.NewsBlock p{padding:0px 6px 0px 78px; text-align:left; font-size:11px; color:#515151; }
.NewsBlock a:link {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #7FA52D; text-decoration: none;}
.NewsBlock a:visited {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #7FA52D; text-decoration: none;}
.NewsBlock a:hover {font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; color: #6B0C70; text-decoration: underline;}
.NewsBlock .gitane{color:#008DA6; font-size:10px; font-weight:bold;}


.morenews2{padding:8px 20px 0px 0px;}
.morenews2 a.newsdetails2, a.newsdetails2:visited{border:none; text-decoration:none; font:Arial, Helvetica, sans-serif; color:#24BBEA; font-size:11px; padding:0px 0px 15px 0px; margin:0px; width:49px; display:block; height:10px; background: url(../Media/blocks/more_btn.gif) no-repeat; text-align:left;  }
.morenews2 a.newsdetails2:hover {border:none; text-decoration:none; color:#FFF;   font-size:11px; font:Arial, Helvetica, sans-serif; }




.RightBanner{padding:0px 0px 15px 0px;}

/* Latest project Main page Block */
.ProjectsBlock { background:url(../Media/blocks/project_back.png) bottom no-repeat #02C0E2 ; padding-bottom:20px; width:241px; margin-left:5px;     }
.ProjectsBlock .ProjectsText{padding:10px 25px 0px 25px;  }
.ProjectsBlock .morespace{margin:0px 15px 0px 0px;}
.ProjectsBlock h3{ color:#FFF;}
.ProjectsBlock h2{color:#515151; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 14px; padding-bottom:8px;}
.ProjectsBlock p{  text-align:left; font-size:11px; color:#515151; }


/* DIV SPACER CSS */
.SpacerHeight_1 { padding-top:15px;}
.SpacerHeight_2 { padding-top:10px;}
.SpacerHeight_3 { padding-top:25px;}
.SpacerHeight_4 { margin-bottom:60px;}

/* NEWS Page */
.newsblock_Main{background:url(../Media/news/background.png) no-repeat; width:310px; height:119px; padding:9px 5px 5px 8px; float:left; margin-right:5px;}
.newsblock_Main img{ border:none; float:left; margin-right:15px;}
.newsblock_Main h3{color:#515151; margin:0px 15px 0px 0px; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 14px; text-align:left;}
.newsblock_Main p{color:#515151; font-weight:bold; font-family:"Trebuchet MS" Verdana, Helvetica, sans-serif;  font-size: 12px; text-align:left}
.newsblock_Main .morenews{padding:5px 30px 0px 0px;}
.newsblock_Main .morenews a.newsdetails, a.newsdetails:visited{border:none; text-decoration:none; font:Arial, Helvetica, sans-serif; color:#515151; font-size:11px; padding:0px 0px 1px 0px; margin:0px; width:54px; display:block; height:20px; background: url(../Media/news/moredetails.png)   no-repeat; text-align:left;  }
.newsblock_Main .morenews a.newsdetails:hover {border:none; text-decoration:none; color:#6AC532;   font-size:11px; font:Arial, Helvetica, sans-serif; }


.newsdetails{background:url(../Media/news/news_details2.png) top no-repeat; width:649px;}
.newsback_bt{background:url(../Media/news/back_down.png) no-repeat; width:649px; height:21px;}
.teamback_bt{background:url(../Media/news/teamback_down.png) no-repeat; width:649px; height:21px;}
.newsdetails .block1 {width:150px; float:left; padding:25px 0px 0px 25px;}
.newsdetails .block2 {padding:22px 20px 1px 15px;}
.newsdetails img {padding:0px 0px 10px 0px;}


/* ---------------------------------------------------------------------------------------------------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */