/*
	Malo - CSS Library
	Author:Vladimir Carrer
*/

/* CSS Reset */


  
/* CSS Grid */

/*
For center layout 
Define your default width in %, px or em

.main {  margin:0 auto; width:85%;}

*/
.main {  margin:0 auto; width:100%; }

.pageheader {
  float:left;
  display: inline; *margin-left:-0.04em;
  height:100px;
  background-color: #fff;
  width:100%;
  text-align: left;
} /* IE margin hack */

.pagebody {
  float:left;
  display: inline; *margin-left:-0.04em;
  background-image: url(../img/bodybg.png);
  background-repeat: repeat;
  height:207px;
  text-align: center;
  width:100%;
} /* IE margin hack */

.projectsbox{
  width:936px;
  height:200px;
  background-color: transparent;
  margin: 0 auto; 
} /* IE margin hack */
    
.tag{
  float:left;
  background-color: transparent;
  width:576px;
  height:67px;
} 
    
.tagstyle{
  background-color: transparent;
  width:466px;
  font-family: Verdana, georgia, Tahoma;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  margin-top: 25px;
} 

.tagsignature{
  background-color: transparent;
  width:386px;
  font-family: Verdana, georgia, Tahoma;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  margin-top: 20px;
  margin-left: 45px;
} 

.tagsignature2{
  background-color: transparent;
  width:386px;
  font-family: Verdana, georgia, Tahoma;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  margin-left: 100px;
} 

.testimonial{
  float:left;
  background-image: url(../img/testimonals.png);
  background-repeat: no-repeat;
  background-color: transparent;
  text-align: 20px;
  width:360px;
  height:172px;
  margin-top: 10px;
} 
    
.testimonialtext{
  float:left;
  background-color: transparent;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #000;
  margin-left: 30px;
  margin-top: 30px;
  text-align: left;
  width:325px;
  height: 130px;
}

.testimonialsignature{
  float:left;
  background-color: transparent;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #000;
  margin-left: -20px;
  margin-top: 10px;
  text-align: right;
  width:325px;
  height: auto;
} 


.pagefooter {
  float:left;
  display: inline; *margin-left:-0.04em;
  background-image: url(../img/footerbg.png);
  background-repeat: repeat;
  height:256px;
  width:100%;
  text-align: center;
} /* IE margin hack */

.footerboxes{
  height:256px;
  width:944px;
  margin: 0 auto; 
  background-color: transparent;
} /* IE margin hack */

.salebox{
  float:left;
  background-image: url(../img/box.png);
  background-repeat:no-repeat;
  width:318px;
  height:250px;
  background-color: transparent;
} /* IE margin hack */
    
.graph{
  float:left;
  background-image: url(../img/graph.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width:40px;
  height:52px;
  margin-left: 10px;
  margin-top: 10px;
}

.job{
  float:left;
  background-image: url(../img/job.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width:68px;
  height:52px;
  margin-left: 10px;
  margin-top: 10px;
}

.med{
  float:left;
  background-image: url(../img/med.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width:50px;
  height:52px;
  margin-left: 10px;
  margin-top: 10px;
}

.boxtitle{
  float:left;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  font-size:20px;
  margin-left: -30px;
  margin-top: 24px;
  color:#707070;
  font-weight: bold;
  width:230px;
  height:40px;
}

.boxtext{
  float:left;
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #707070;
  text-align: left;
  margin-left: 8px;
  margin-top: 4px;
  width:287px;
  height: 95px;
} 

.boxlist{
  float:left;
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #707070;
  text-align: left;
  margin-left: 6px;
  padding-top: 8px;
  width: 294px;
  height: 54px;
}

.boxlink{
  float:left;
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #707070;
  text-align: right;
  margin-left: 10px;
  width:281px;
  height: auto;
} 
    
.hotbox{
  float:left;
  background-image: url(../img/box.png);
  background-repeat:no-repeat;
  width:318px;
  background-color: transparent;
  height:250px;
} /* IE margin hack */
    

.clinicalbox{
  float:left;
  background-image: url(../img/box.png);
  background-repeat:no-repeat;
  width:308px;
  height:250px;
} /* IE margin hack */
    

.helptext{
  float:left;
  font-family: Verdana,Arial, Helvetica, sans-serif;
  background-color: transparent;
  font-size:12px;
  margin-left: 20px;
  margin-top: 2px;
  color:#000;
  width:225px;
  text-align: left;
  height:auto;
} 

.copyright{
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#fff;
  text-align: center;
  height: 100%;
} /* IE margin hack */

.extlink{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}
.extlink A:link {text-decoration: none;	color: #000;}
.extlink A:visited {text-decoration: none; color:#000;}
.extlink A:active {text-decoration: none; color:#000;}
.extlink A:hover { text-decoration:underline;color:#26606d;}

.helplink{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:#26606d;
}
.helplink A:link {text-decoration: none;	color: #26606d;}
.helplink A:visited {text-decoration: none; color:#26606d;}
.helplink A:active {text-decoration: none; color:#26606d;}
.helplink A:hover { text-decoration:underline;color:#ba6f0f;}

.boxlink{
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#4C9AB5;
}
.boxlink A:link {text-decoration: none;	color: #4C9AB5;}
.boxlink A:visited {text-decoration: none; color:#4C9AB5;}
.boxlink A:active {text-decoration: none; color:#4C9AB5;}
.boxlink A:hover { text-decoration:underline;color:#58B0E0;}



.clear{ clear:both;}