/*
	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%; }

#jobboard {
  background:transparent url(../images/jobboard.png) repeat scroll 0 0;
  display:block;
  height:168px;
  position:absolute;
  right:0;
  text-indent:-9999em;
  top:0;
  width:161px;
}

.pageheader {
  float:left;
  display: inline; *margin-left:-0.04em;
  background-image: url(../images/headerbg.jpg);
  background-repeat: repeat;
  height:200px;
  width:100%;
  text-align: center;
} /* IE margin hack */

.pagebody {
  float:left;
  display: inline; *margin-left:-0.04em;
  background-image: url(../images/bodybg.jpg);
  background-repeat: repeat;
  height:288px;
  width:100%;
} /* IE margin hack */

.bodyboxes{
  height:288px;
  width:933px;
  margin: 0 auto; 
} /* IE margin hack */

.projectsbox{
  float:left;
  background-image: url(../images/projectsbox.png);
  background-repeat:no-repeat;
  margin-top: 43px;
  width:556px;
  height:204px;
} /* IE margin hack */
    
.projectbox_left{
  float:left;
  background-color: transparent;
  width:305px;
  height:204px;
} 
    
.filer{
  float:left;
  background-image: url(../images/rss48.png);
  background-color: transparent;
  width:48px;
  height:48px;
  margin-left: 14px;
  margin-top: 8px;
} 

.currenttitle{
  float:left;
  font-family: georgia,tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  font-size:36px;
  margin-left: 8px;
  margin-top: 13px;
  color:#fff;
  width:200px;
  height:25px;
} 

.feedstat{
  float:left;
  background-color: transparent;
  width:auto;
  height:32px;
  margin-left: 14px;
  margin-top: 20px;
} 

.grabfeed{
  float:left;
  background-color: transparent;
  width:182px;
  height:32px;
  margin-left: 8px;
  margin-top: 27px;
} 

.currenttext{
  float:left;
  background-color: transparent;
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #fff;
  margin-left: 14px;
  margin-top: 12px;
  width:281px;
  height: auto;
} 

.currenttag{
  float:left;
  background-color: transparent;
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: normal;
  font-style: italic;
  color: #fff;
  margin-left: 14px;
  margin-top: 6px;
  width:301px;
  height: auto;
} 

.verticalline{
  float:left;
  background-image: url(../images/verticalline.png);
  background-color: transparent;
  width:1px;
  height:173px;
  margin-left: 14px;
  margin-top: 18px;
} 

.projectbox_right{
  float:left;
  background-color: transparent;
  width:235px;
  height:204px;
} 
    
.pastboxes{
  background-color: transparent;
  width:auto;
  height:auto;
  margin-top: 18px;
  margin-left: 23px;
} 

.clock{
  float:left;
  background-image: url(../images/clock.png);
  background-color: transparent;
  width:26px;
  height:27px;
  margin-left: 23px;
  margin-top: 20px;
} 

.pasttitle{
  float:left;
  font-family: georgia,tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  font-size:24px;
  margin-left: 8px;
  margin-top: 20px;
  color:#fff;
  width:145px;
  height:auto;
} 

.testimonialbox{
  float:left;
  background-image: url(../images/testimonialbox.png);
  background-repeat:no-repeat;
  margin-top: 43px;
  margin-left: 16px;
  width:361px;
  height:205px;
} /* IE margin hack */

.bubble{
  float:left;
  background-image: url(../images/bubble.png);
  background-color: transparent;
  width:39px;
  height:33px;
  margin-left: 14px;
  margin-top: 18px;
} 

.testimonialtitle{
  float:left;
  font-family: georgia,tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  font-size:36px;
  margin-left: 8px;
  margin-top: 13px;
  color:#fff;
  width:212px;
  height:25px;
} 

.testimonialtext{
  float:left;
  background-color: transparent;
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #fff;
  margin-left: 14px;
  margin-top: 12px;
  width:333px;
  height: auto;
} 

.testimonialtag{
  float:left;
  background-color: transparent;
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  width:333px;
  height: auto;
} 


.pagefooter {
  float:left;
  display: inline; *margin-left:-0.04em;
  padding-top:15px;
  background-image: url(../images/footerbg.jpg);
  background-repeat: repeat;
  height:281px;
  width:100%;
  text-align: center;
} /* IE margin hack */

.footerboxes{
  height:241px;
  width:633px;
  margin: 0 auto; 
} /* IE margin hack */

.helpbox{
  float:left;
  background-image: url(../images/footerbox.png);
  background-repeat:no-repeat;
  width:309px;
  height:253px;
} /* IE margin hack */
    
.dollar{
  float:left;
  background-image: url(../images/dollar.png);
  background-color: transparent;
  width:32px;
  height:40px;
  margin-left: 22px;
  margin-top: 20px;
} 

.basecamp{
  float:left;
  background-image: url(../images/basecamp.png);
  background-color: transparent;
  width:34px;
  height:34px;
  margin-left: 22px;
  margin-top: 20px;
} 

.email{
  float:left;
  background-image: url(../images/email.png);
  background-color: transparent;
  width:33px;
  height:25px;
  margin-left: 22px;
  margin-top: 20px;
} 
.helptitle{
  background-color: transparent;
  float:left;
  margin-left: 20px;
  margin-top: 17px;
  width:220px;
  height:auto;
  text-align: left;
} 

.helptext{
  float:left;
  font-family: tahoma, 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;
} 

.socialbox{
  float:left;
  background-image: url(../images/footerbox.png);
  background-repeat:no-repeat;
  margin-left: 15px;
  width:309px;
  height:253px;
} /* IE margin hack */

.twitter{
  float:left;
  background-image: url(../images/twitter.png);
  background-color: transparent;
  width:34px;
  height:42px;
  margin-left: 22px;
  margin-top: 20px;
} 

.linkedin{
  float:left;
  background-image: url(../images/linkedin.png);
  background-color: transparent;
  width:33px;
  height:34px;
  margin-left: 22px;
  margin-top: 20px;
} 

.biznik{
  float:left;
  background-image: url(../images/biznik.png);
  background-color: transparent;
  width:34px;
  height:31px;
  margin-left: 22px;
  margin-top: 20px;
} 
.socialtitle{
  float:left;
  background-color: transparent;
  margin-left: 20px;
  margin-top: 17px;
  width:220px;
  height:auto;
  text-align: left;
} 

.socialtext{
  float:left;
  font-family: tahoma, 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{
  margin-top: 25px;
  font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#6a6666;
} /* IE margin hack */

.extlink{
font-family:tahoma, 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:tahoma, 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;}

.grablink{
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#F4F4BB;
}
.grablink A:link {text-decoration: none;	color: #F4F4BB;}
.grablink A:visited {text-decoration: none; color:#F4F4BB;}
.grablink A:active {text-decoration: none; color:#F4F4BB;}
.grablink A:hover { text-decoration:underline;color:#000;}


.boxlink{
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#ba6f0f;
}
.boxlink A:link {text-decoration: none;	color: #ba6f0f;}
.boxlink A:visited {text-decoration: none; color:#ba6f0f;}
.boxlink A:active {text-decoration: none; color:#ba6f0f;}
.boxlink A:hover { text-decoration:underline;color:#26606d;}



.clear{ clear:both;}


.jobopening {
  float:left;
  background-image: url(../images/job_openings.png);
  background-color: transparent;
  width:64px;
  height:64px;
  margin-left: 14px;
  margin-top: 8px;
}

.jobtitle{
  float:left;
  font-family: georgia,tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
  font-size:36px;
  margin-left: 8px;
  margin-top: 23px;
  color:#fff;
  width:200px;
  height:25px;
} 

.jobboxes{
  height:288px;
  margin-left: auto;
  margin-right: auto;
  width: 35em;
} /* IE margin hack */

.latestjob{
  float:left;
  background-color: transparent;
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #fff;
  margin-left: 14px;
  margin-top: 0px;
  width: 530px;
  height: auto;
} 
