/***************************************************************
		          STYLESHEET FOR QAMEHA.COM
***************************************************************/

/****************** SHARED ELEMENTS ********************/
body{
  font-family:Georgia;
  font-size: 13px;
  color:#656566;
  background-color:#323233;
  line-height: 18px;
}

.fixedWidthContent{
  width:920px;
  margin: auto;
}
a{
  color: #656566;
  color: #6565AA;
  text-decoration:none;
}

a:hover{
  color: #000;
  color: #656566;
  text-decoration:underline;
}

.classicHtml h2{
  font-size: 19px;
  margin-bottom: 10px;
}
.classicHtml h3{
  font-size: 15px;
  clear:both;
	font-style:italic;
  padding: 20px 0px 10px 0px;
}
.classicHtml li{
  list-style-type: disc;
}
.classicHtml p{
  margin-bottom: 10px;
}
strong{
  font-size: 15px;
  padding: 10px 10px 10px 40px;
  display:block;
  position: relative;
}
strong img{
  position: absolute;
  top: 10px;
  left: 15px;
}
hr{
  margin: 20px 0px;
}
ul{
  margin: 10px 0px;
}
li{
  margin-left: 20px;
}
#subZone #content{
  padding: 20px 0px;
}
#subZone a{
	color: #bbbbbb;
}
#subZone p{
  padding-top: 10px;
  width: 670px;
  line-height: 24px;
}
#subZone h1{
  padding-top:51px;
  overflow: hidden;
  height: 0px;
margin-left: -15px;
}
.wipP{
	margin: 20px 0px;
}
.wipP img{
	margin-right: 20px;
}
/****************** SPECIFIC ELEMENTS ********************/
#promoWrapper{
  min-width: 920px;
  position:relative;
}
#promoWrapper a{
  display: block;
  width: 200px;
  height: 120px;
  z-index: 100000000;
  position: absolute;
  top: 0px;
  right: 0px;
}
#promo{
  width: 273px;
  height: 161px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}

.fr #promo{
  background:url("/images/fr/banner_promo.png");
}
#headest{
  background: url("/images/loop_headest.jpg");
  color: #EEEEEE;
  height: 45px;
  padding-top: 15px;
  font-style: italic;
}
#headest a{
	color: #fff;
	border-bottom: 1px solid #666666;
}
#headest a:hover{
	border-bottom: 1px solid #fff;
	text-decoration:none;
}
#bottomLoop{
  height:12px;
  background:url("/images/bottom_loop.png") repeat-x;
  margin-top: -22px;
}
#header{
  padding: 10px 0px;
  background-color:#FFFFFF;
}
#header #logo{
  width: 144px;
  height: 124px;
  background:url("/images/logo_qameha.png");
  display: block;
  float: left;
}
#header #menu{
  float:right;
  width: 600px;
  font-size: 18px;
  text-align:right;
  margin-top : 95px;
}

#subZone{
  color: #EEEEEE;
  font-size: 18px;
  font-style:italic;
  position: relative;
  background:url("/images/loop_subzone.png") repeat-y;
  background-color: #2d2c2e;
  padding-bottom: 15px;
}
#subZone li{
	margin-top: 10px;
	list-style: circle;
}
#subZone .fixedWidthContent{
  position: relative;
}


.fr #subZone #rmfTitle{
  background: url(/images/fr/rmf.png) no-repeat;
}

/*#subZone #contactUs{
  float:right;
  background:url("/images/call_to_action_button.png");
  width: 213px;
  height:32px;
  padding-top: 16px;
  text-align:center;
  color:#fff;
  margin-top: -30px;
  font-style:normal;
  font-size: 20px;
  display: block;
}

#subZone #cubes{
  background: url(/images/cubes.png);
  height:77px;
  width: 203px;
  position: absolute;
  top: 15px;
  left: 600px;
}
*/
#subZone #header_right{
  float:right;
  width: 253px;
  height:150px;
  display: block;
  /*border : 1px solid #00F;*/
  margin-top: 20px;
}

#header_right #cubes{
  background: url(/images/cubes.png);
  height:77px;
  width: 203px;
  /*position: absolute;*/
  /*top: 15px;*/
  /*left: 600px;*/
}

#header_right #recruitingLogo{
  background: url("/images/recruiting_logo_header.png");
  width:193px;
  height: 74px;
/*  position: absolute;
  top: 15px;
  right: 0px;
*/}


#header_right #contactUs{
  background:url("/images/call_to_action_button.png");
  width: 213px;
  height:32px;
  padding-top: 16px;
  text-align:center;
  color:#fff;
  margin-top: 25px;
  font-style:normal;
  font-size: 20px;
  display: block;
}


.pageContent{
  margin: auto;
  padding: 15px 0px;
  background-color:#FFFFFF;
}
#newsAndTwitter{
  background-color: #868686;
  height: 190px;
}
#newsAndTwitter h2{
  padding: 20px 0px 10px 0px;
}
#newsAndTwitter p{
  color: #DDDDDD;
  font-size: 17px;
  font-style: italic;
}
#newsAndTwitter #twitter{
  width: 550px;
  background: url("/images/twitter.png") no-repeat 10px 95px;
  height: 170px;
  position: relative;
  float: left;
}
#twitter #twitterDate{
  float:right;
}
#twitter #followUs{
  float:right;
  background:url("/images/follow_us_box.png") no-repeat;
  height:39px;
  width: 233px;
  display:block;
  position: absolute;
  top: 120px;
  left: 310px;
  color: #fff;
  padding:13px 0px 0px 20px;
  font-size: 16px;
}
#newsAndTwitter #news{
  margin: 5px 0px;
  border-left: 2px solid #ebebeb;
  height: 160px;
  width: 340px;
  float: right;
  position: relative;
  background: url("/images/bubble.jpg") no-repeat 60px 0px;
}
#newsAndTwitter #news h2{
  margin-left: 20px;
}
#newsAndTwitter #news p{
  color: #DDDDDD;
  margin-left: 20px;
}
#newsAndTwitter #news p em{
  font-size: 12px;
  display:block;
}
#newsAndTwitter #news img{
  position:absolute;
  top: 110px;
  left: 20px;
}
#footer{
  background-color: #323233;
}
#footer .module{
  width: 200px;
  height: 160px;
  float:left;
  border-right: 2px solid #acacac;
  margin-top: 20px;
  margin-bottom: 20px;
  display:block;
}
.fr #footer #recruiting{
  background:url("/images/fr/recruiting_logo_dark.jpg") no-repeat 0px 0px;
}
.fr #footer #evaluation{
  background:url("/images/fr/evaluation_logo_dark.jpg") no-repeat 25px 10px;
}
.fr #footer #mobility{
  background:url("/images/fr/mobility_logo_dark.jpg") no-repeat 30px 14px;
}
#footer #endNavigation{
  font-size: 15px;
  width: 310px;
  float: right;
  margin-top: 20px;
}
#footer #endNavigation li{
  list-style-type: disc;
  margin-left: 35px;
}
#footer #endNavigation a{
  color: #eeeeee;
}
#footer #endNavigation img{
  margin: 15px 0px 0px 20px;
  border: 1px solid #cccccc;
}
/*********************** INDEX PAGE ELEMENTS *********************/
.verticalSeparator{
  background:url("/images/vertical_separator.jpg");
  float:left;
  width: 3px;
  height: 410px;
  margin: 0px 20px 0px 20px;
}
.moduleBlock{
  width: 200px;
  float: left;
}
.moduleBlock .moduleTitleLink{
  display:block;
  padding-top: 125px;
}
.moduleBlock h1{
  height: 0px;
  overflow:hidden;
  margin-bottom: 10px;
margin-left: -5px;
}
.moduleBlock ul{
  margin: 10px 0px 10px 0px;
}
.moduleBlock li{
  padding-left: 20px;
  font-size: 16px;
	margin-left: 0px;
}
.moduleBlock p{
  height: 140px;
}
.moduleBlock .arrowLink{
  display: block;
  background: url("/images/learn_more_icon.png") no-repeat scroll 0px -2px;
  padding: 0px 0px 0px 20px;
}

#testimonials{
  background: url("/images/testimonial_middle.jpg");
  height:376px;
  width: 225px;
  float: right;
  position: relative;
}
#testimonials #previousTestimonial{
  background:url("/images/previous.png");
  width: 17px;
  height:16px;
  display: block;
  float: left;
}
#testimonials #nextTestimonial{
  background:url("/images/next.png");
  width: 17px;
  height:16px;
  display: block;
  float: left;
}
#testimonials #testimonialsCounter{
  display:block;
  width: 50px;
  text-align:center;
  float:left;
}
#testimonials #top{
  height: 17px;
  background:url("/images/testimonial_top.jpg");
  width: 225px;
  position:absolute;
  top:0px;
}
#testimonials #bottom{
  height: 30px;
  background:url("/images/testimonial_bottom.jpg") no-repeat;
  width: 225px;
  position:absolute;
  top:365px;
}
#testimonials p{
  padding: 10px 25px 0px 25px;
  color: #eeeeee;
  /*font-size: 21px;*/
  font-size: 16px;
  line-height:20px;
  font-style:italic;
  margin-bottom:50px;
}

#testimonials ul{
  padding: 10px 25px 0px 25px;
  color: #eeeeee;
  margin-bottom:30px;
}

#testimonials li.side_blog_titles{
  font-size: 12px;
  line-height:14px;
  font-style:normal;
}

#testimonials h2.side_blog_titles{
  padding: 20px 25px 0px 25px;
  font-size: 12px;
  line-height:14px;
  font-style:normal;
}

#testimonials p.text{
  font-size: 14px;
  line-height:20px;
  font-style:normal;
  margin:0px;
  padding:  0px 0px 0px 25px  ;
}

#testimonials h2.text{
  padding: 20px 25px 0px 25px;
  font-size: 12px;
  line-height:14px;
  font-style:normal;
}



#testimonials p img{
  width: 30%;
}
.quote{
	display:inline-block;
}
#testimonials #client{
  float: right;
  padding-right: 10px;
  color: #eeeeee;
  font-size: 15px;
}
#testimonials #closeQuote{
  float:right;
margin-top: -5px;
}
#testimonials #caroussel{
  color: #eeeeee;
  position:absolute;
  bottom: 10px;
  margin-left: 20px;
}
#testimonials #caroussel a{
  color: #eeeeee;
}
/* MODULES BLOCKS */
#recruiting{
  background:url("/images/recruiting_logo.jpg") no-repeat;
}
#recruiting h1{
  padding-top: 31px;
}
.fr #recruiting h1{
  background: url("/images/fr/recruiting_dark.png") no-repeat;
}
#recruiting li{
  background:url("/images/recruiting_dot.jpg") no-repeat scroll 0px 4px;
}
#evaluation{
  background:url("/images/evaluation_logo.jpg") no-repeat;
}
#evaluation h1{
  padding-top: 31px;
}
.fr #evaluation h1{
  background: url("/images/fr/evaluation_dark.png") no-repeat;
}
#evaluation li{
  background:url("/images/evaluation_dot.jpg") no-repeat scroll 0px 4px;
}
#mobility{
  background:url("/images/mobility_logo.jpg") no-repeat;
}
#mobility h1{
  padding-top: 31px;
}
.fr #mobility h1{
  background: url("/images/fr/mobility_dark.png") no-repeat;
}
#mobility li{
  background:url("/images/mobility_dot.jpg") no-repeat scroll 0px 4px;
}
/*********************** MODULE PAGE ELEMENTS *********************/
.modulePage{}
.modulePage ul{
  margin: 0px;
}
.modulePage li{
  list-style-type: disc;
  margin-left: 10px;
  padding-bottom: 5px;
}
.modulePage #assets{
  width: 690px;
  float: left;
}

.modulePage .introduction{
  padding-left: 60px;
  font-size: 16px;
}

.modulePage h1{
  font-size: 18px;
  font-style:italic;
  font-weight:normal;
  margin: 20px 0px 15px 0px;
}
.modulePage .moduleAsset{
  width: 193px;
  height: 210px;
  float: left;
  padding: 96px 20px 0px 20px;
  color: #eeeeee;
  font-size: 14px;
  line-height: 16px;
}
.modulePage #asset1{
  margin-left: -10px;
}
.modulePage #testimonials #top{
  background:url("/images/testimonial_top_light.jpg");
}
.modulePage #testimonials{
  background:url("/images/testimonial_middle_light.jpg");
}
.modulePage #testimonials #bottom{
  background:url("/images/testimonial_bottom_light.jpg") no-repeat;
}
.modulePage #testimonials p{
  color:#656566 !important;
}
.modulePage #testimonials #client{
  color:#999999 !important;
}
.modulePage #testimonials #testimonialsCounter{
  color:#656566 !important;
}
.modulePage #testimonials p {
  margin-bottom: 55px !important;
}
.modulePage #saasAssets{
  background-color: #e9e9e9;
  margin-top: 20px;
}
.modulePage .saasAsset{
  width: 180px;
  float: left;
  padding: 0px 20px 20px 20px;
}
.modulePage .saasAsset h2{
  font-weight:normal;
  font-size: 20px;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding-left: 20px;
	margin-left: -10px;
}
.modulePage #saasAsset2{
  border-left: 2px solid #cdcdcd;
  border-right: 2px solid #cdcdcd;
}
.modulePage #learnMoreModule{
  display:block;
  float:right;
  width: 229px;
  height: 224px;
  margin-right: -3px;
	margin-top: 30px;
}

/*********************** MOBILITY PAGE ELEMENTS *********************/
.mobilityModule #assets{
  height: 430px;
}
.fr #subZone #mobilityTitle{
  background:url("/images/fr/mobility.png") no-repeat;
}
#subZone #mobilityLogo{
  background: url("/images/mobility_logo.png") no-repeat;
  width:101px;
  height: 111px;
  position: absolute;
  top: 15px;
  right: 0px;
}

/*********************** EVALUATION PAGE ELEMENTS *********************/
.fr #subZone #evaluationTitle{
  background:url("/images/fr/evaluation.png") no-repeat;
}
#subZone #evaluationLogo{
  background: url("/images/evaluation_logo.png");
  width:117px;
  height: 129px;
  position: absolute;
  top: 15px;
  right: 0px;
}
.evaluationModule .saasAsset h2{
  background:url("/images/evaluation_saas_asset_bullet.jpg") no-repeat;
}
.evaluationModule .introduction{
  background:url("/images/q_magenta.png") no-repeat;
}
.fr .evaluationModule #asset1{
  background:url("/images/fr/asset_evaluation_efficacity.jpg");
}	
.fr .evaluationModule #asset2{
  background:url("/images/fr/asset_evaluation_va.jpg");
}
.fr .evaluationModule #asset3{
  background:url("/images/fr/asset_evaluation_quality.jpg");
}
.fr .evaluationModule #learnMoreModule{
  background: url("/images/fr/learn_more_evaluation.png") no-repeat;
}

/*********************** RECRUITING PAGE ELEMENTS *********************/
.fr #subZone #recruitingTitle{
  background:url("/images/fr/recruiting.png") no-repeat;
}

/*#subZone #recruitingLogo{
  background: url("/images/recruiting_logo_header.png");
  width:193px;
  height: 74px;
  position: absolute;
  top: 15px;
  right: 0px;
}
*/
.recruitingModule .saasAsset h2{
	margin-left: -10px;
  background:url("/images/recruiting_saas_asset_bullet.jpg") no-repeat;
}
.recruitingModule .introduction{
  background:url("/images/recruiting_intro_icon.png") no-repeat;
}
.fr .recruitingModule #asset1{
  background:url("/images/fr/asset_efficacity.jpg");
}	
.fr .recruitingModule #asset2{
  background:url("/images/fr/asset_rapidity.jpg");
}
.fr .recruitingModule #asset3{
  background:url("/images/fr/asset_quality.jpg");
}
.fr .recruitingModule #learnMoreModule{
  background: url("/images/fr/learn_more_recruiting.png") no-repeat;
}

/*********************** RECRUITMENT AGENCY PAGE ELEMENTS *********************/
.fr #recruitingAgencyTitle{
  background: url("/images/fr/recruitment_agencies.png") no-repeat;
}

/*********************** CONTACT PAGE ELEMENTS *********************/
.halfZone{
  width: 400px;
  padding-right: 50px;
  float: left;
  padding-bottom: 30px;
}
#contactContent a{
	text-decoration:underline;
}
.fr #contactTitle{
	padding-top: 51px;
	background:url("/images/fr/contact.png") no-repeat;
}
/*********************** TEAM PAGE ELEMENTS *********************/
#teamContent{
  padding-bottom: 50px;
}
#teamContent img{
  float: left;
  margin: 0px 20px 0px 0px;
}
#teamContent p{
  width: 700px;
}
#teamContent a{
  text-decoration:underline;
}
#teamContent ul{
  margin-left: 200px;
  margin-top: 15px;
  width: 500px;
}
#teamContent h3{
}
.fr #teamTitle{
	background:url("/images/fr/team.png") no-repeat;
	padding-top: 51px;
}
/*********************** JOBS PAGE ELEMENTS *********************/
#jobsContent h2{
	padding-left: 20px;
}
#jobsContent #dev{
	background:url("/images/mobility_dot.jpg") no-repeat 0px 3px;
}
#jobsContent #inge{
	background:url("/images/evaluation_dot.jpg") no-repeat 0px 3px;
}
#jobsContent #market{
	background:url("/images/recruiting_dot.jpg") no-repeat 0px 3px;
}
.fr #jobsTitle{
	background:url("/images/fr/joinus.png") no-repeat;
	padding-top: 51px;
}
/* -------------------- CLEARFIX CLASS -------------------- */

.clearfix:after {clear: both;
                 content: '.';
                 display: block;
                 visibility: hidden;
                 height: 0;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}

.FormLabel {
  padding : 10px;
  
}

#blog_post p{
  margin : 15px auto;
}

#blog_post a{
  color: #6565AA;
}

a.link{
  color: #6565AA;
}

.index_3cols{
  font-size : 24px;
  line-height: 130%;
  font-style: italic;
  padding-bottom : 5px;
}
.h2_header{
  font-size : 36px;
  line-height: 130%;
}