@charset "UTF-8";
/* CSS Document */
body { font-family: GeometricMedium; } 
* { padding: 0px; margin: 0px; }

@font-face { font-family: 'GeometricMedium';src: url('../webfonts/199932_0_0.eot');src: url('../webfonts/199932_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/199932_0_0.woff') format('woff'),url('../webfonts/199932_0_0.ttf') format('truetype'),url('../webfonts/199932_0_0.svg#wf') format('svg'),url('../webfonts//199932_0_0.svgz#wf') format('svg'); }

h1 { color: #2CB23A; padding: 45px 0px 10px 0px; font-size: 36px; font-weight: normal; }
h2 { color: #2CB23A; font-size: 24px; font-weight: normal; }
h3 { color: #2CB23A; font-size: 14px; }
h4 { color: #2CB23A; font-size: 14px; }

p, li { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13px; line-height: 18px; }
a { color: #F00; }
a:hover { color: #2CB23A; }

.GeometricMedium { font-family: GeometricMedium; -moz-font-feature-settings: "calt=0";  }
.clearer { clear: both; }
.ptop20 { padding-top: 20px; }
.pleft20 { padding-left: 20px; }
.divider { border-top: 1px dotted #2CB23C; margin-top: 20px; padding-bottom: 20px; }
.imgFloatRight { float: right; }
.foot-pad { float: right; padding: 20px; }


#frame-header { background: url(../images/green-frog-header.jpg) no-repeat; width: 970px; height: 197px; margin: 0px auto; }
#frame-header li { list-style: none; float: left; }
#frame-header .logo a { display: block; width: 340px; height: 197px; background: url(../images/green-frog-logo.png) no-repeat; margin-right: 400px; }
#frame-header .driver a { display: block; width: 230px; height: 197px; background: url(../images/but-hiring.png) no-repeat; }


#frame-content { width: 970px; margin: 0px auto; background: url(../images/bkg-main.gif) repeat-y; }
#frame-content .left { float: left; width: 230px; padding: 57px 55px 0px 55px; }
#frame-content .left-sub-header { color: #2CB23A; font-size: 32px; text-align: center; line-height: 40px; }

#frame-content .right { float: left; width: 550px; margin-left: 20px; }
#frame-content .right h2 { padding-bottom: 10px; }
#frame-content .home-bullets { padding: 7px 60px;  font-size: 18px; font-family: GeometricMedium; list-style: none ; background: url(../images/froggy-bullets.gif) no-repeat left top; }

#frame-content .cta { border-top: 1px dotted #2CB23C; border-bottom: 1px dotted #2CB23C; font-family: GeometricMedium; padding: 20px 0px; color: #2CB23C; margin-top: 20px; font-size: 18px; }

#frame-content .cta a { color: #F82C00; text-decoration: none; }
#frame-content .cta a:hover { color: #666; text-decoration: none; }

#frame-content .sub-header { font-size: 20px; font-family: GeometricMedium; color: #666; padding-bottom: 10px; }

#frame-content .cards { border: 2px solid #2CB23C; padding: 10px; text-align: center; margin-top: 20px;
/* css3 */ -moz-border-radius: 10px; border-radius: 10px; }

.spec-holders-top { background: #2CB23C;  
/* css3 */ -moz-border-radius: 10px 10px 0 0 ; border-radius: 10px 10px 0 0; }

.spec-holders-top ul { padding: 10px 20px 10px 20px; height: 15px; }
.spec-holders-top li { list-style: none; float: left; color: #FFF; font-family: GeometricMedium; font-size: 18px; width: 240px; }
.spec-holders-top td { padding: 10px 20px; color: #FFF; font-family: GeometricMedium; font-size: 18px; }

.spec-holders-body { background: #FFFFE5; border: 2px solid #2CB23C; padding-bottom: 10px;
/* css3 */ -moz-border-radius: 0 0 10px 10px ; border-radius: 0 0 10px 10px; }

.spec-holders-body table { margin: 20px 20px 10px 20px; }
.spec-holders-body td { font-family: GeometricMedium; font-size: 18px; color: #666; }

.spec-holders-body ul { padding: 20px; }
.spec-holders-body li { list-style: none; float: left; color: #666; font-family: GeometricMedium; font-size: 18px;  padding-bottom: 10px; }
.spec-holders-body .w550 { width: 550px; }
.spec-holders-body .w220 { width: 240px; }

#faqs h2  { cursor: pointer; color: #666; font-size: 20px!important; margin-top: 20px; }



#navbar { padding-top: 10px; }
#navbar li { float: left; list-style: none; margin-right: 20px; font-size: 14px; font-family: GeometricMedium; }
#navbar a { color: #2CB23A; text-decoration: none; }
#navbar a:hover { color: #F82C00; }
#navbar .fixed a { color: #F82C00!important; }

#frame-footer { background: url(../images/bkg-base.gif) no-repeat; padding-top: 60px; margin: 0px auto; width: 970px; }
#frame-footer  li { list-style: none; float: left; padding-right: 20px; font-family: GeometricMedium; }
#frame-footer p { font-family: GeometricMedium; } 
#frame-footer a { color: #2CB23C; text-decoration: none; }
#frame-footer a:hover { color: #F82C00; text-decoration: none; }
#frame-footer p { color: #2CB23C; }

#frame-footer .links  { width: 550px; float: left; }
#frame-footer .social { float: left; width: 270px; padding: 0px 35px 0px 55px; }
#frame-footer .social li { color: #2CB23C; padding-right: 10px;  }