/* 
Client: Fluency Connection
Author : Cimbrian / Jeff Green
Created : October 19, 2009
*/

body { margin:0; padding:0; background-color:#FFF; }

* { margin:0; padding:0; }

a { color:#000; text-decoration:none; }

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

a img { border:none!important; }

.clear { clear:both!important; }

#siteWrapper { margin:0 auto; display:block; position:relative; background:#FDFCFC url(../images/site-bkgd.jpg) no-repeat center top; }

#pageWrapper { width:989px; margin:0 auto; display:block; position:relative; background:url(../images/pagewrapper-shadow.png) repeat-x center 393px; }


/*----------------- Header --------------------*/
#headerWrapper { display:block; height:91px; position:relative; }

#logo { position:absolute; top:26px; left:29px; }

a#contactBtn { position:absolute; right:33px; top:12px; background:url(../images/btn-contact.gif) no-repeat 0 0; }

a#contactBtn:hover { background:url(../images/btn-contact-ro.gif) no-repeat 0 0; }

#tagline { position:absolute; top:69px; right:33px; }


/*----------------- Page Backgrounds --------------------*/
#pageBkgdHome { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/home-bkgd.jpg) no-repeat; }

#pageBkgdIndividuals { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/individuals-bkgd.jpg) no-repeat; }

#pageBkgdEducators { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/educators-bkgd.jpg) no-repeat; }

#pageBkgdCorporations { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/corporations-bkgd.jpg) no-repeat; }

#pageBkgdAccent { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/accent-bkgd.jpg) no-repeat; }

#pageBkgdTraining { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/training-bkgd.jpg) no-repeat; }

#pageBkgdBackground { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/background-bkgd.jpg) no-repeat; }

#pageBkgdContact { display:block; position:relative; margin:0 auto; height:302px; background:url(../images/contact-bkgd.jpg) no-repeat; }

h1 { font:normal 28px Tahoma, Geneva, sans-serif; color:#FFF; padding:30px 0 0 0; margin:0 0 0 30px; height:30px; }

h2 { font:normal 45px Tahoma, Geneva, sans-serif; color:#FFF; padding:0; margin:0 0 0 30px; height:36px; }

h3 { font:normal 20px Tahoma, Geneva, sans-serif; color:#d9531e; padding:0; height:25px; }

h4 { font:normal 65px Tahoma, Geneva, sans-serif; color:#FFF; padding:215px 0 0 0; margin:0 0 0 30px; }

h4.services { font:normal 52px Tahoma, Geneva, sans-serif; color:#FFF; padding:215px 0 0 0; margin:0 0 0 30px; }


/*----------------- Primary Nav --------------------*/
#navWrapper { display:block; width:256px; height:268px; position:absolute; top:14px; right:28px; background:url(../images/nav-bkgd.png) no-repeat; padding:11px 13px 0 13px; font:normal 13px/14px Tahoma, Geneva, sans-serif; color:#898989; cursor:pointer!important; }

#navWrapper a { display:block; width:220px; position:relative; height:66px; background:url(../images/nav-link-bkgd.jpg) repeat-x; padding:14px 18px 4px 18px; cursor:pointer!important; }

#navWrapper a:hover { cursor:pointer!important; background:url(../images/nav-link-bkgd-ro.jpg) repeat-x; }

#navWrapper h2.nav { color:#223E99; font:normal 22px Tahoma, Geneva, sans-serif; text-transform:uppercase; letter-spacing:.2em; padding:0; margin:0; height:24px; cursor:pointer!important; }

#navWrapper a span.title { color:#223E99; display:block; font:normal 17px Tahoma, Geneva, sans-serif; text-transform:uppercase; letter-spacing:.1em; padding:0; margin:0; height:24px; cursor:pointer!important; }


#navWrapper a.individuals { display:block; width:220px; position:relative; height:66px; background:url(../images/nav-individuals.gif) no-repeat; padding:14px 18px 4px 18px; cursor:pointer!important; }

#navWrapper a.individuals:hover { background:url(../images/nav-individuals-over.gif) no-repeat; cursor:pointer!important; }


#navWrapper a.educators { display:block; width:220px; position:relative; height:66px; background:url(../images/nav-educators.gif) no-repeat; padding:14px 18px 4px 18px; cursor:pointer!important; }

#navWrapper a.educators:hover { background:url(../images/nav-educators-over.gif) no-repeat; cursor:pointer!important; }


#navWrapper a.corporations { display:block; width:220px; position:relative; height:66px; background:url(../images/nav-corporations.gif) no-repeat; padding:14px 18px 4px 18px; cursor:pointer!important; }

#navWrapper a.corporations:hover { background:url(../images/nav-corporations-over.gif) no-repeat; cursor:pointer!important; }


/*----------------- Primary Nav ALT --------------------*/
#navWrapperAlt { display:block; width:256px; height:268px; position:absolute; top:14px; right:28px; background:url(../images/nav-bkgd.png) no-repeat; padding:11px 13px 0 13px; font:normal 13px/14px Tahoma, Geneva, sans-serif; color:#898989; cursor:pointer!important; }

#navWrapperAlt a { display:block; position:relative; width:256px; height:84px; padding:0; cursor:pointer!important; }

#navWrapperAlt a.individuals:hover { display:block; background:url(../images/nav-individuals-over.gif) no-repeat; cursor:pointer!important; }

#navWrapperAlt a.educators:hover { background:url(../images/nav-educators-over.gif) no-repeat; cursor:pointer!important; }

#navWrapperAlt a.corporations:hover { background:url(../images/nav-corporations-over.gif) no-repeat; cursor:pointer!important; }


/*----------------- Main Content - Home Page --------------------*/
#contentWrapper { display:block; position:relative; margin:0 auto; width:989px; background:url(../images/content-bkgd.png) repeat-y 0 0; }

.grid { width: 933px; margin: auto; padding:30px 0 30px 0; }

.grid-m1 { float: left; width: 0px; height: 1px; }

.grid-c1 { float: left; width: 268px; }

.grid-m2 { float: left; width: 32px; height: 1px; }

.grid-c2 { float: left; width: 633px; padding-top:6px; }

.grid-c2 p { font:normal 17px/22px Tahoma, Geneva, sans-serif; color:#898989; }

/* Testimonials */
.wordsMid { display:block; width:218px; background:url(../images/words-mid.png) repeat-y 0 0; padding:15px 25px 0 25px; }

.wordsMid p.institution { font:bold 13px/15px Tahoma, Geneva, sans-serif; color:#223e99; text-transform:uppercase; padding:0 0 6px 0; letter-spacing:0.1em; }

.wordsMid p { font:normal 12px/18px Tahoma, Geneva, sans-serif; color:#555; }

.wordsMid img { margin:0 0 15px 0; }

.wordsMid p.author { font:bold 11px/14px Tahoma, Geneva, sans-serif; color:#555; padding:10px 0 0 0; }

/* 2-column Grid */
.grid-2col { width: 633px; margin: auto; padding:25px 0 0 0; }

.grid-a1 { float: left; width: 0px; height: 1px; }

.grid-b1 { float: left; width: 283px; padding:0 20px 0 0; border-right:dotted 2px #c2c2c2; }

.grid-a2 { float: left; width: 25px; height: 1px; }

.grid-b2 { float: left; width: 303px; }

.grid-b1 p, .grid-b2 p { font:normal 14px/23px Tahoma, Geneva, sans-serif; }

.learnBtn { float:right; margin-top:15px; }

/* 1-column Grid */
.grid-1col { width: 633px; margin: auto; padding:25px 0 0 0; }

.grid-1col p { font:normal 14px/23px Tahoma, Geneva, sans-serif; padding:0 0 20px 0; }

.grid-1col p a { color:#898989; text-decoration:underline; }

.grid-1col p a:hover { color:#000; text-decoration:underline; }

.grid-1col img { float:right; margin:0 0 5px 20px; }

.captchaImage { float:left!important; margin:5px 400px 5px 0!important; display:block!important; }

.inputField { width:250px; height:22px; padding:3px; font:normal 15px Tahoma, Geneva, sans-serif; }

.textArea { width:450px; padding:3px; font:normal 15px Tahoma, Geneva, sans-serif; }

.submitBtn { width:90px; padding:5px; font:normal 17px Tahoma, Geneva, sans-serif; background-color:#223e99; color:#FFF; border:none; cursor:pointer; }


/*----------------- Footer --------------------*/
#footerWrapper { display:block; background-color:#FFF; position:relative; margin:0 auto; }

#footer { width:919px; padding:26px 35px 26px 35px; margin:0 auto; }

#footer .copyright { font:normal 10px Tahoma, Geneva, sans-serif; color:#898989; display:block; float:left; margin:4px 0 0 0; width:919px; height:40px; }

#footer #leftNav { width:148px; float:left; }

#footer #leftNav a { display:block; margin:0 0 10px 0; font:normal 14px Tahoma, Geneva, sans-serif; text-transform:uppercase; color:#223e99; }

#footer #leftNav a:hover { color:#898989; }

#footer #subNav { width:160px; float:left; display:inline-block; border-left:dotted 2px #C2C2C2; padding:0 0 0 10px; margin:0 0 30px 0px; }

#footer #subNav a { display:block; margin:0 0 7px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#898989; text-transform:uppercase; }

#footer #subNav a:hover { color:#223E99; }

#footer #rightColumn { display:inline-block; float:right; margin:0; border-left:dotted 2px #C2C2C2; padding:0; width:538px; }

#footer #rightColumn img { margin:0 0 0 30px; }

#footer #rightColumn p { display:block; margin:0 0 10px 40px; font:normal 11px Tahoma, Geneva, sans-serif; color:#898989; text-transform:uppercase; }