/* ###################################### */
/* ############# BASE STYLES ############ */
/* ###################################### */
* {margin:0;padding:0;}
html, body { font-size:88%; line-height:130%; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; background-color: #ffffff; color: #666666; width:100%;height:100%; }
h1 { margin: 0 0 10px 0; padding: 0; font-size:130%; color: #97ba1d; background-color: inherit; letter-spacing:-0.5px; font-weight: bold; line-height:120%; }
h2 { margin: 0 0 10px 0; padding: 0; font-size:105%; color: #666666; background-color: inherit; letter-spacing:-0.5px; }
h3 { margin: 0 0 10px 0; padding: 0; font-size:105%; color: #97ba1d; background-color: inherit; letter-spacing:-0.5px; font-weight: bold; line-height:120%; }
p { margin: 0 0 16px 0; padding: 0; }
p.action { margin: 32px 0 0 0; padding: 0; }
p.action span { display:block; margin:5px 0 0 0; padding:0; }
p.quote span { display:block; margin:8px 0 24px 0; padding:0 0 0 20px; font-size:88%; line-height:88%; color:#97ba1d; }

/* tag styles */
form { padding: 0; margin: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, Helvetica, Verdana, sans-serif; }
hr {width:100%; border-style:none; background:#ffffff; color:#ffffff; border-top:1px solid #888888; margin:0 0 10px 0; display:block; clear:both; }
img { border: 0px; }
ul { margin: 0 0 16px 0; padding: 0; }
ul li { margin:0 0 5px 20px; }

/* generic link styles */
a:link, a:visited { color: #97ba1d; text-decoration:none; font-weight:bold; }
a:hover, a:focus { color: #97ba1d; text-decoration:underline; }



/* ###################################### */
/* ### HOMEPAGE & MAIN LAYOUT STYLES #### */
/* ###################################### */

div.frame { width:900px; height:750px; margin:0; overflow:auto; padding:0; background:url(../images/main-bg.gif) top left no-repeat; }
div.frame div.leftcol { float:left; width:326px; height:710px; }
div.frame div.leftcol img.logo { margin: 34px 0 166px 34px; }
div.frame div.leftcol img.active { padding-left:50px; background:url(../images/menu-bg.gif) top left no-repeat; }
div.frame div.rightcol { float:right; width:574px; height:710px; overflow:hidden; }
div.frame div.rightcol div.topmenu { float:right; width:236px; height:144px; margin-bottom:30px; }
div.frame div.rightcol div.content { float:right; clear:both; width:236px; }
div.frame div.rightcol div.content div.looptext { width:420px; height:120px; margin:-20px 0 10px -190px; position:relative; overflow:hidden; }
div.frame div.rightcol div.content div.full { width:573px; padding-left:1px; margin:0 0 0 -339px; position:relative; }
div.frame div.footer div.leftcol { float:left; width:42%; height:auto; font-size:75%; color:#cdcdcd; text-align:right; }
 
div.frame_search { margin:20px; overflow:hidden; padding:0; }
div.frame_search div.top { padding:0 0 10px 0; }
div.frame_search div.iframe iframe {  width:707px; height:340px; padding:0; margin:0; }
div.frame_search div.bottom { text-align:right; padding:10px 0 15px 0; }
div.frame_search div.footer div.leftcol { float:left; height:auto; font-size:75%; color:#cdcdcd; }


a.footer:link, a.footer:visited { color:#cdcdcd !important; text-decoration:none; font-weight:bold; }
a.footer:hover, a.footer:focus { color: #97ba1d !important; text-decoration:underline; }

/*Navigation  */

div.frame div.leftcol a.clients:link, div.frame div.leftcol a.clients:visited { display:block; width:306px; height:74px; background:url(../images/menu01.gif) top right no-repeat; }
div.frame div.leftcol a.clients:hover, div.frame div.leftcol a.clients:active {  }
div.frame div.leftcol a.candidates:link, div.frame div.leftcol a.candidates:visited { display:block; width:306px; height:74px; background:url(../images/menu02.gif) top right no-repeat; }
div.frame div.leftcol a.candidates:hover, div.frame div.leftcol a.candidates:active {  }
div.frame div.leftcol a.jobsearch:link, div.frame div.leftcol a.jobsearch:visited { display:block; width:306px; height:74px; background:url(../images/menu03.gif) top right no-repeat; }
div.frame div.leftcol a.jobsearch:hover, div.frame div.leftcol a.jobsearch:active {  }
/* active for all three buttons */
body#clients div.frame div.leftcol a.candidates:link, body#clients div.frame div.leftcol a.candidates:visited, body#clients div.frame div.leftcol a.jobsearch:link, body#clients div.frame div.leftcol a.jobsearch:visited, body#candidates div.frame div.leftcol a.clients:link, body#candidates div.frame div.leftcol a.clients:visited, body#candidates div.frame div.leftcol a.jobsearch:link, body#candidates div.frame div.leftcol a.jobsearch:visited, body#jobsearch div.frame div.leftcol a.clients:link, body#jobsearch div.frame div.leftcol a.clients:visited, body#jobsearch div.frame div.leftcol a.candidates:link, body#jobsearch div.frame div.leftcol a.candidates:visited { filter:alpha(opacity=60); moz-opacity:0.6; opacity: 0.6; }

div.frame div.rightcol div.topmenu a.contact:link, div.frame div.rightcol div.topmenu a.contact:visited  { float:left; width:56px; height:144px; background:url(../images/topmenu01.gif) top left no-repeat; margin-right:4px; }
div.frame div.rightcol div.topmenu a.contact:hover, div.frame div.rightcol div.topmenu a.contact:active, body#contact div.frame div.rightcol div.topmenu a.contact:link, body#contact div.frame div.rightcol div.topmenu a.contact:visited { background:url(../images/topmenu01b.gif) top left no-repeat; }
div.frame div.rightcol div.topmenu a.about { float:left; width:56px; height:144px; background:url(../images/topmenu02.gif) top left no-repeat; margin-right:4px; }
div.frame div.rightcol div.topmenu a.about:hover, div.frame div.rightcol div.topmenu a.about:active, body#about div.frame div.rightcol div.topmenu a.about:link, body#about div.frame div.rightcol div.topmenu a.about:visited { background:url(../images/topmenu02b.gif) top left no-repeat; }
div.frame div.rightcol div.topmenu a.testimonials { float:left; width:56px; height:144px; background:url(../images/topmenu03.gif) top left no-repeat; margin-right:4px; }
div.frame div.rightcol div.topmenu a.testimonials:hover, div.frame div.rightcol div.topmenu a.testimonials:active, body#testimonials div.frame div.rightcol div.topmenu a.testimonials:link, body#testimonials div.frame div.rightcol div.topmenu a.testimonials:visited { background:url(../images/topmenu03b.gif) top left no-repeat; }
div.frame div.rightcol div.topmenu a.careers { float:left; width:56px; height:144px; background:url(../images/topmenu04.gif) top left no-repeat; }
div.frame div.rightcol div.topmenu a.careers:hover, div.frame div.rightcol div.topmenu a.careers:active, body#careers div.frame div.rightcol div.topmenu a.careers:link, body#careers div.frame div.rightcol div.topmenu a.careers:visited { background:url(../images/topmenu04b.gif) top left no-repeat; }

/* EXTRAS */
.floatleft {float: left !important; }
.floatright {float: right !important; }
.floatnone { float:none !important; }
.alignright { text-align:right!important; }
.nomargin { margin:0 !important; }
.nopadding { margin:0 !important; }
.noborder { border:none !important; }
.clear { clear:both !important; }
a.nounderline { text-decoration:none !important; }
.green { color:#97ba1d !important; }
.white { color:#ffffff !important; }
.black { color:#666666 !important; }
.grey { color:#cdcdcd !important; }

/* Contact Form */

div.contact { background:#eeeeee; padding:10px 10px 0 10px; float:left; width:216px; height:345px; }
div.contact form div.wrapper { margin-bottom:5px; }
div.contact form div.wrapper label { display:block; font-size:88%; line-height:120%; font-weight:bold; }
div.contact form div.wrapper input.text { background:#ffffff; border:1px solid #e2e2e2; padding:2px; width:97%; font-size:88%; }
div.contact form div.wrapper select { background:#ffffff; border:1px solid #e2e2e2; padding:1px; width:100%; font-size:88%; }
div.contact form div.wrapper textarea { background:#ffffff; border:1px solid #e2e2e2; padding:2px; width:97%; height:80px; font-size:88%; }
div.contact form input.submit { background:#b5de20; color:#ffffff; border:none; padding:1px 2px; margin-top:10px; }