/* Start of CMSMS style sheet 'indexSliderCss' */
*{
  padding: 0;
  margin: 0;
}

body{
  text-align: center;
  background-color: #ffffff;
  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-weight: normal;
  color: #7e7d74;
  font-size: 11px;
}

h1, h2, h3{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}

h1 {margin-bottom:1em; padding:0; color:#006A84;}
h2 {margin-bottom:1em; padding:0; color:#33AACF;}
h3 {margin-bottom:1em; padding:0; color:#33AACF;}
.icon_h {display:block; height:20px; vertical-align:center; background:url(uploads/images/ICON/copywriter.png) no-repeat;}

#NewsPostDetailHorizRule {margin:0.6em 0 0.6em 0;}

.typo {
     font-family: 'Times New Roman';
     font-size: 126px;
     color:#1F1B1B;
     letter-spacing: -.06em;
     line-height: 1em;
     border-bottom: 0px solid #1F1B1B; margin: 0;
}

/* START OF FORMS STYLES */ 
/* ----------- stylized ----------- */
	#stylized{
		border:solid 5px #CCCCCC;
		background:none;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
/* END OF FORMS STYLES */ 

div#news {
  margin: 0em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 0em;
   background: #fff;
   margin:0;
}

.facture {background-color:#FFF; padding:2em;}

.NewsSummary {
    padding: 0; /* padding for the news article summary */
    margin: 0em; /* margin to the bottom of the news article summary */
    border-bottom: 0px solid #ccc; 
}

.NewsSummaryContent {margin:0; padding:0;}

.NewsSummaryPostdate {
  font-size: 80%;
  font-weight: normal;
margin:0;
padding:0;
color:#9F9E95;
 }

#langbar{ position: fixed; top: 10px; right: 10px; }

.NewsSummaryLink {
    font-weight: bold;
    font-size:12px;
    padding: 0em;
    margin:0;
    color:#026A7D;
}

.NewsSummaryLink a, a:link {color:#026A7D; text-decoration:none;}
.NewsSummaryLink a:active, a:hover{color:#40B9D3; text-decoration:none;}

.main{
  width: 886px;
  margin: 0 auto;
}


/* HEADER */
#mainHeader{
  background: url(images/header_bg.png) repeat-x;
  height: 511px;
}

#subpage #mainHeader{
  background: url(images/subpage_header_bg.png) repeat-x;
  height: 160px;
}

#MainHeader{
  position: relative;
  text-align: left;
}

#logo{
  float: left;
  margin-top: 36px;
}

#menu{
  margin-top: 35px;
  margin-bottom: 10px;
  float: right;
  color: #ffffff;
}

#menu a, #menu a:link, #menu a:visited { color: #ffffff; text-decoration: none; }
#menu a:hover, #menu a:active, #menu li.active a {color: #40b9d3;}

#menu ul { list-style-type: none }

#menu ul li{ 
  float: left; 
  margin-left: 14px;
  padding-right: 14px;
  border-right: 1px solid #005F6F;
}

#wave{
  position: absolute;
  top: 0;
  left: 0;
  width: 829px;
  height: 257px;
  /* background: url(images/wave.png) no-repeat top left; */
  z-index: 0;
}

#subpage #wave {
  height: 112px;
  /* background: url(images/wave.png) no-repeat top left; */
}

#navigation{
  position: absolute;
  top: 130px;
  left: 0;
  color: white;
  text-align: left;
}

#navigation a, #navigation a:link, #navigation a:visited { text-decoration: none; color: #026A7D; }
#navigation a:active, #navigation a:hover {text-decoration: underline; }

#navigation a.active, #navigation a.active:link, #navigation a.active:visited, #navigation a.active:active, #navigation a.active:hover { color: #035f72; font-weight: bold; }

#other { position: absolute; z-index: 1;  width: 100%; top: 0; left: 0; }

/* MENU ITEMS */
#menu ul li { height: 35px; position: relative; margin-bottom: 20px; text-align: left; display: block; }
#menu ul li a { height: 35px; display: block; } 

#menu ul li#home { width: 33px; }
#menu ul li#home a{ background: url(images/menu/home.png) no-repeat bottom; width: 33px; }
#menu ul li#home a:hover, #menu li#home a:active, #menu li.active#home a{ background: url(images/menu/home_hover.png) no-repeat bottom; }

#menu ul li#solutions { width: 56px; }
#menu ul li#solutions a{ background: url(images/menu/solutions.png) no-repeat bottom; width: 56px; }
#menu ul li#solutions a:hover, #menu ul li#solutions a:active, #menu ul li.active#solutions a{ background: url(images/menu/solutions_hover.png) no-repeat bottom; }

#menu ul li#products { width: 55px; }
#menu ul li#products a{ background: url(images/menu/products.png) no-repeat bottom; width: 55px; }
#menu ul li#products a:hover, #menu li#products a:active, #menu li.active#products a{ background: url(images/menu/products_hover.png) no-repeat bottom; }

#menu ul li#career { width: 39px; }
#menu ul li#career a{ background: url(images/menu/career.png) no-repeat bottom; width: 39px; }
#menu ul li#career a:hover, #menu li#career a:active, #menu li.active#career a{ background: url(images/menu/career_hover.png) no-repeat bottom; }

#menu ul li#portfolio { width: 52px; }
#menu ul li#portfolio a{ background: url(images/menu/portfolio.png) no-repeat bottom; width: 52px; }
#menu ul li#portfolio a:hover, #menu li#portfolio a:active, #menu li.active#portfolio a{ background: url(images/menu/portfolio_hover.png) no-repeat bottom; }

#menu ul li#contact { width: 48px; }
#menu ul li#contact a{ background: url(images/menu/contact.png) no-repeat bottom; width: 48px; }
#menu ul li#contact a:hover, #menu li#contact a:active, #menu li.active#contact a{ background: url(images/menu/contact_hover.png) no-repeat bottom; }

/* SK MENU ITEMS */
.sk #menu ul li#home { width: 33px; }
.sk #menu ul li#home a{ background: url(images/menu/sk/home.png) no-repeat bottom; width: 33px; }
.sk #menu ul li#home a:hover, .sk #menu li#home a:active, .sk #menu li.active#home a{ background: url(images/menu/sk/home_hover.png) no-repeat bottom; }

.sk #menu ul li#solutions { width: 56px; }
.sk #menu ul li#solutions a{ background: url(images/menu/sk/solutions.png) no-repeat bottom; width: 56px; }
.sk #menu ul li#solutions a:hover, .sk #menu ul li#solutions a:active, .sk #menu ul li.active#solutions a{ background: url(images/menu/sk/solutions_hover.png) no-repeat bottom; }

.sk #menu ul li#products { width: 55px; }
.sk #menu ul li#products a{ background: url(images/menu/sk/products.png) no-repeat bottom; width: 55px; }
.sk #menu ul li#products a:hover, .sk #menu li#products a:active, .sk #menu li.active#products a{ background: url(images/menu/sk/products_hover.png) no-repeat bottom; }

.sk #menu ul li#career { width: 41px; }
.sk #menu ul li#career a{ background: url(images/menu/sk/career.png) no-repeat bottom; width: 41px; }
.sk #menu ul li#career a:hover, .sk #menu li#career a:active, .sk #menu li.active#career a{ background: url(images/menu/sk/career_hover.png) no-repeat bottom; }

.sk #menu ul li#portfolio { width: 52px; }
.sk #menu ul li#portfolio a{ background: url(images/menu/sk/portfolio.png) no-repeat bottom; width: 52px; }
.sk #menu ul li#portfolio a:hover, .sk #menu li#portfolio a:active, .sk #menu li.active#portfolio a{ background: url(images/menu/sk/portfolio_hover.png) no-repeat bottom; }

.sk #menu ul li#contact { width: 48px; }
.sk #menu ul li#contact a{ background: url(images/menu/sk/contact.png) no-repeat bottom; width: 48px; }
.sk #menu ul li#contact a:hover, .sk #menu li#contact a:active, .sk #menu li.active#contact a{ background: url(images/menu/sk/contact_hover.png) no-repeat bottom; }


/* CONTENT */
#mainContent{ background-color: #eae9df; text-align: left; }

#content { padding-top: 30px; padding-bottom: 30px; }

#content .left{ width: 510px; line-height:16px;}

#content .right{ width: 280px; margin-right: 18px; line-height:16px;}
#content .right div { margin-bottom: 0px }
#content .right span { color: #b4b3a8; font-size: 10px; display: block; }
#content .right strong { color: #026a7d; font-size: 12px; display: block; }
#content .right p { color: 7e7d74#; font-size: 11px; display: block; margin-bottom: 17px }

/* FOOTER */
#footer{
  color: #868581;
  font-size: 11px;
  font-weight:normal;
  margin-top: 15px;
  margin-bottom: 25px;
  text-align: left;
}

#footer input {  }

#footer a, #footer a:link, #footer a:visited{ color: #868581; text-decoration: none; }
#footer a:hover, a:active { text-decoration: underline; }

#footer ol{
  list-style-type: none;
}

#footer ol li{
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #868581;
  float: left;
}

#footer ol li.last { border: none; }

#footer #tellfriend{
  background: url(images/tellfriend.png) no-repeat;
  width: 438px;
  height: 172px;
  float: left;
  margin-top: 20px;
  padding-right: 23px;
  padding-left: 18px;
  padding-top: 18px;
}

#footer #tellfriend table tr td { text-align: right; padding-bottom: 21px; }
#footer #tellfriend table tr {  }

#footer #tellfriend p{
  position: relative;
  width: 180px;
  height: 17px;
  margin-bottom: 22px;
}

#footer #tellfriend p span{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1px;
  width: 100%;
  height: 100%;
  background: url(images/h/tellfriend.jpg) no-repeat;
}


#footer #tellfriend p{ width: 180px; height: 17px; }
#footer #tellfriend p span{ background: url(images/h/tellfriend.jpg) no-repeat; }

#footer #partners{ float: right; width: 355px; margin-top: 40px }

#footer #partners span { margin-right: 25px; }

#footer #partners p{ width: 71px; height: 16px; text-align: left; margin-bottom: 20px; }
#footer #partners p span{ background: url(images/h/partners.jpg) no-repeat; }

/* OTHER */
.left{float:left}
.right{float:right}
.clear{clear:both}
fieldset{border:none}
.padding{padding-left: 7px}
a,img{border:0}
hr{height: 1px;color: #d6d5cb;background-color: #d6d5cb;border: 0px solid #d6d5cb; margin-bottom: 18px; margin-top: 18px;}

/* REPLACER */
.replacer{
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}

.replacer span{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1px;
  width: 100%;
  height: 100%;
}

/* CAROUSEL */
#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 640px; /* important */
	height: 540px; /* important */
	margin: 0;
	background: #fff;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 13440px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 485px 131px 0 131px;
}
#container_bd #example_6_frame ul li {
	margin: 0 2px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
	#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}

a.button {
    /* Sliding right image */
background: #CCC;
display: block;
float: left;
margin-right:5px;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
text-decoration: none;
color: #032632;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.button span {
display:block;
background:#CCC;
line-height:32px;
padding:3px 8px 3px 8px;
}

a.button:hover span{
color:#045061;
text-decoration:none;
}

a.button1 {
    /* Sliding right image */
background-color:#DFDFDF;
display: block;
float: left;
margin-right:5px;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
text-decoration: none;
color: #032632;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.button1 span {
display:block;
background: #DFDFDF;
line-height:32px;
padding:3px 8px 3px 8px;
}

a.button1:hover span{
}

#content a:link {color:#005F6F; text-decoration: underline;}
#content a:visited {color:#005F6F; text-decoration: underline;}
#content a:active {text-decoration: underline}
#content a:hover {text-decoration: none; color: #79C1D0;}

/* SLIDER */
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:886px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:388px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:886px;
		height:388px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:240px;
		}	
	#nextBtn{ 
		left:886px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */

/* End of 'indexSliderCss' */

