/* CSS Document */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #ffffff url(../images/bg.jpg) repeat-y 50% 0; font-family: Arial, Helvetica, sans-serif; }
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 831px; }
#padding { margin: 0px 15px 0px 14px; }
* html #padding { margin: 0px 13px 0px 14px; }

/* DOCUMENT WIDE TEXT STYLES */
h1 { font-size: 1em; line-height: 1em; color: #005983; font-weight: bold; }
h2 { font-size: .8em; color: #005983; font-weight: bold; }
h3 { font-size: .75em; color: #005983; font-weight: bold; }
p { font-size: .7em; line-height: 1.5em; color: #333333; font-weight: normal; padding-top: 10px; }
a { outline: none; }
.bold { font-weight: bold; }
#main ul { font-size: .73em; line-height: 1.5em; color: #333333; font-weight: normal; width: 340px; padding: 3px 0px 10px 30px; }
#content ul.squares { font-size: .71em; line-height: 1.5em; color: #333333; font-weight: normal; padding: 3px 0px 10px 30px; list-style: square; }

/* HEADER AND TOP NAVIGATION STLYES */
#header { float: left; width: 801px; height: 100%; }
#logo { padding: 0px 5px 5px 0px; float: left; width: 396px; height: 65px; }
#tagline { background: url(../images/tagline.jpg) no-repeat; padding: 0px 0px 5px 0px; float: left; width: 400px; height: 65px; }
#office-select { padding: 18px 0px 0px 230px; float: left; }
#office-dropdown { border: solid 1px #999999; color: #666666; width: 150px; height: 15px; font-size: 11px; }
*:first-child+html #office-dropdown { border: solid 1px #999999; color: #666666; width: 150px; height: 20px; font-size: 11px;}
#flash { float: left; width: 496px; height: 186px; padding: 0px 8px 5px 0px; }
* html #flash { padding: 0px 8px 2px 0px; }
#quote { float: left; width: 297px; height: 186px; pading: 0px 0px 5px 0px; }
* html #quote { padding: 0px 0px 2px 0px; }

/* NAVIGATION STYLES */
#nav { float: left; width: 801px; }
ul#nav-list { float: left; width: 801px; margin: 0px 0px 0px 0px; padding: 0px; }
ul#nav-list li { list-style-type: none; display: inline; }
ul#nav-list li a { text-decoration: none;  }
ul#nav-list li#home { background: url(../images/nav-home.jpg) no-repeat 50% 0; width: 74px; height: 22px; float: left; }
ul#nav-list li#home a { background: url(../images/nav-home.jpg) no-repeat 50% 0; width: 74px; height: 22px; float: left; }
ul#nav-list li#home.highlight a { background: url(../images/nav-home-over.jpg) no-repeat 50% 0; width: 74px; height: 22px; float: left; }
ul#nav-list li#home a:hover { background: url(../images/nav-home-over.jpg); }
ul#nav-list li#services { background: url(../images/nav-services.jpg) no-repeat 50% 0; width: 110px; height: 22px; float: left; }
ul#nav-list li#services a { background: url(../images/nav-services.jpg) no-repeat 50% 0; width: 110px; height: 22px; float: left; }
ul#nav-list li#services.highlight a { background: url(../images/nav-services-over.jpg) no-repeat 50% 0; width: 110px; height: 22px; float: left; }
ul#nav-list li#services a:hover { background: url(../images/nav-services-over.jpg); }
ul#nav-list li#experience { background: url(../images/nav-experience.jpg) no-repeat 50% 0; width: 133px; height: 22px; float: left; }
ul#nav-list li#experience a { background: url(../images/nav-experience.jpg) no-repeat 50% 0; width: 133px; height: 22px; float: left; }
ul#nav-list li#experience.highlight a { background: url(../images/nav-experience-over.jpg) no-repeat 50% 0; width: 133px; height: 22px; float: left; }
ul#nav-list li#experience a:hover { background: url(../images/nav-experience-over.jpg); }
ul#nav-list li#people { background: url(../images/nav-people.jpg) no-repeat 50% 0; width: 100px; height: 22px; float: left; }
ul#nav-list li#people a { background: url(../images/nav-people.jpg) no-repeat 50% 0; width: 100px; height: 22px; float: left; }
ul#nav-list li#people.highlight a { background: url(../images/nav-people-over.jpg) no-repeat 50% 0; width: 100px; height: 22px; float: left; }
ul#nav-list li#people a:hover { background: url(../images/nav-people-over.jpg); }
ul#nav-list li#resume { background: url(../images/nav-resume.jpg) no-repeat 50% 0; width: 156px; height: 22px; float: left; }
ul#nav-list li#resume a { background: url(../images/nav-resume.jpg) no-repeat 50% 0; width: 156px; height: 22px; float: left; }
ul#nav-list li#resume.highlight a { background: url(../images/nav-resume-over.jpg) no-repeat 50% 0; width: 156px; height: 22px; float: left; }
ul#nav-list li#resume a:hover { background: url(../images/nav-resume-over.jpg); }
ul#nav-list li#client { background: url(../images/nav-client.jpg) no-repeat 50% 0; width: 138px; height: 22px; float: left; }
ul#nav-list li#client a { background: url(../images/nav-client.jpg) no-repeat 50% 0; width: 138px; height: 22px; float: left; }
ul#nav-list li#client.highlight a { background: url(../images/nav-client-over.jpg) no-repeat 50% 0; width: 138px; height: 22px; float: left; }
ul#nav-list li#client a:hover { background: url(../images/nav-client-over.jpg); }
ul#nav-list li#contact { background: url(../images/nav-contact.jpg) no-repeat 50% 0; width: 90px; height: 22px; float: left; }
ul#nav-list li#contact a { background: url(../images/nav-contact.jpg) no-repeat 50% 0; width: 90px; height: 22px; float: left; }
ul#nav-list li#contact.highlight a { background: url(../images/nav-contact-over.jpg) no-repeat 50% 0; width: 90px; height: 22px; float: left; }
ul#nav-list li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat 50% 0; }

/* CONTENT STYLES */
#content { float: left; width: 798px; margin: 10px 0px 0px 0px; }
#city-left { float: left; width: 130px; height: 217px; padding: 30px 0px 0px 20px; }
#city-right { float: right; width: 130px; height: 217px; padding: 30px 20px 0px 0px; }

/* HOME PAGE LAYOUT */
#text { margin: 10px 97px 10px 97px; padding: 15px 0px 30px 0px; float: left; background: url(../images/mid-bar.jpg) repeat-y; width: 602px; }
* html #text { background: url(../images/mid-bar.jpg) repeat-y; margin: 10px 48px 150px 42px; }
#text-left { float: left; width: 41%; padding: 0px 6% 0px 3%; }
#text-right { float: right; width: 42%; padding: 0px 3% 0px 5%; text-align: justify; }
#text-left p, #text-right p { text-align: justify; }
#middle { margin: 10px 0px 10px 0px; padding: 15px 0px 30px 0px; float: left; width: 602px; }
#mid-pad { width: 90%; padding: 0px 5% 0px 5%; }
#middle a { color: #047EAD; text-decoration: none; }
#middle a:hover { color: #047EAD; text-decoration: underline; }

/* INSIDE PAGES LAYOUT */
#nav-top { float: left; padding-left: 11px; }
#text-top { float: left; padding: 16px 0px 0px 23px; }
#text2 { margin: 0px 0px 10px 0px; padding: 0px 0px 30px 0px; float: left; background: url(../images/text2_bg.jpg) 190px 0 repeat-y; width: 801px; }
#text2-left { float: left; width: 200px; padding: 0px 0px 0px 0px; }
ul#side-nav { list-style-type: none; float: left; padding: 0px 0px 0px 20px; }
ul#side-nav li { color: #047EAD; font-family: Arial, Helvetica, sans-serif; padding: 4px 0px 2px 0px; border-bottom: dotted 1px #BCBAB7; font-weight: normal; width: 160px; }
ul#side-nav li { border-bottom: solid 1px #BCBAB7; }
ul#side-nav li a { color: #047EAD; text-decoration: none; font-size: 12px; }
ul#side-nav li a.highlight { background: url(../images/sm_logo.jpg) no-repeat; color: #047EAD; text-decoration: underline; padding-left: 20px; }
ul#side-nav li a:hover { background: url(../images/sm_logo.jpg) no-repeat; color: #047EAD; text-decoration: none; padding-left: 20px;  }
#text2-right { float: left; width: 597px; }
#inside-text { float: left; width: 300px; padding: 20px 30px 0px 46px; }
* html #inside-text { float: left; width: 300px; padding: 20px 30px 0px 46px; }
#inside-text2 { float: left; width: 490px; padding: 20px 30px 0px 46px; }
#handshake { padding: 10px 0px 0px 0px; }
/* EXTRA SIDE NAVIGATION */
ul#side-nav2 { list-style-type: none; float: left; padding: 0px 0px 0px 20px; }
ul#side-nav2 li { color: #047EAD; font-family: Arial, Helvetica, sans-serif; padding: 4px 0px 2px 0px; border-bottom: dotted 1px #BCBAB7; font-weight: normal; width: 160px; }
* html ul#side-nav2 li { border-bottom: solid 1px #BCBAB7; }
ul#side-nav2 li a { color: #047EAD; text-decoration: none; font-size: 12px; }
ul#side-nav2 li a.highlight { background: url(../images/sm_logo.jpg) no-repeat; color: #047EAD; text-decoration: underline; padding-left: 20px; }
ul#side-nav2 li a:hover { background: url(../images/sm_logo.jpg) no-repeat; color: #047EAD; text-decoration: none; padding-left: 20px; }
#break { float: left; padding: 15px 0px 0px 20px; font-size: .8em; color: #005983; font-weight: bold; }


/* EXPERIECES LAYOUT */
#left-col { width: 230px; float: left; padding-right: 15px; }
#right-col { width: 230px; float: left; padding-left: 15px; }
#arrow-nav { width: 490px; float: left; }
#back { float: left; padding-left: 10px; font-size: .71em; }
#forward { float: right; font-size: .71em; }

#content #text2-right a { color: #047EAD; text-decoration: none; }
#content #text2-right a:hover { color: #047EAD; text-decoration: underline; }
#content ul.text { font-size: .71em; line-height: 1.5em; color: #333333; font-weight: normal; padding: 3px 0px 10px 15px; list-style: none; }

/* BECOME A CLIENT & RESUME FORM STYLES */
.side-text { float: left; padding: 0px 15px 0px 15px; }
#lead-arrow { padding: 10px 0px 0px 34px; }
.left-form { float: left; width: 50%; font-size: .7em; line-height: 1.5em; color: #333333; font-weight: normal; padding-bottom: 10px; }
.right-form { float: right; width: 50%; font-size: .7em; line-height: 1.5em; color: #333333; font-weight: normal; padding-bottom: 10px; }
.full-form { float: left; width: 100%; font-size: .7em; line-height: 1.5em; color: #333333; font-weight: normal; padding-bottom: 10px; }
.input-text { width: 80%; height: 1.2em; color: #333333; font-weight: normal; font-size: .83em; border: solid 1px #047EAD; }
.select { width: 80%; height: 1.8em; color: #333333; font-weight: normal; font-size: .83em; border: solid 1px #047EAD; }
.textarea { width: 90%; height: 25em; color: #333333; font-weight: normal; border: solid 1px #047EAD; }
.submit { width: 90%; height: 1.8em; color: #333333; font-weight: normal; }
.button { width: 18%; }
#form-exception { width: 40%; }
#upload { width: 70%; }
* html .submit { width: 20%; height: 1.8em; color: #333333; font-weight: normal; }
*:first-child+html .submit { width: 20%; height: 1.8em; color: #333333; font-weight: normal; }
*:first-child+html .select { width: 80%; height: 2em; color: #333333; font-weight: normal; font-size: .83em; }
h2 a { color: #ed8806; text-decoration: none; }
h2 a:hover { text-decoration: underline; }

/* HIREDESK PORTAL STYLES */

iframe { float: left; padding: 10px 0px 20px 90px; border: 0px; }

/* CONTACT STYLES */
.city-images { float: left; padding-bottom: 3px; }
#content h2 a { color: #005983; font-weight: bold; }
#content p .bold a { color: #333333; font-weight: bold; padding-top: 10px; }

/* FOOTER STYLES */
#footer { clear: both; float: left; background: url(../images/footer.jpg) 50% 0 repeat-x; width: 801px; height: 48px; }
ul#sm-nav-left li, ul#sm-nav-left li a, ul#sm-nav-right li, ul#sm-nav-right li a { font-size: .84em; color: #047EAD;  text-decoration: none; }
ul#sm-nav-left li a:hover, ul#sm-nav-right li a:hover { text-decoration: underline }
ul#sm-nav-left { float: left; list-style: none; padding-top: 30px; }
ul#sm-nav-left li { float: left; padding-left: 10px; }
ul#sm-nav-right { float: right; list-style: none; padding-top: 30px; }
ul#sm-nav-right li { float: left; padding-right: 10px; }

p#copyright { float: left; width: 400px; padding: 10px 0px 0px 20px; color: #005983; font-size: .7em; font-weight: bold; }
#modernlogo { float: right; padding: 5px 20px 0px 0px; }