/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : NXG Project Stylesheet Author : Steve Goodwin / steve@weblogics.co.uk / Weblogics Ltd - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td { margin:0;padding:0; } table { border-collapse:collapse;border-spacing:0; } fieldset, img { border:0; margin:0; padding:0; } ol, ul, li { list-style:none; list-style-position:outside; } a img{ border:0; } a:link, a:visited, a:active { color:#000000; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } body{ font-size:62.5%; padding-bottom:20px; background:url(../images/mainBG.jpg) repeat-x top left #081C3C; font-family:Arial, Helvetica, sans-serif; } /* ----- GENERAL IDS ----- */ #wrapper { width:800px; margin:24px auto 0 auto; padding:0 0 0 0; } #topNav { width:800px; height:24px; overflow:hidden; position:relative; } #topNav ul { width:772px; height:24px; position:relative; margin:0 0 0 17px; padding:0 0 0 0; list-style:none; } #topNav li { display:block; float:left; height:39px; padding-right:5px; } #topNav a { display:block; float:left; height:39px; } #topNav a span { display:none; } #topNav .navHome { background:url(../images/homeBtn.jpg) 0 0 no-repeat; width:48px; } #topNav .navHome:hover { background:url(../images/homeBtn.jpg) 0 -24px no-repeat; width:48px; } #topNav .active .navHome { background:url(../images/homeBtn.jpg) 0 -48px no-repeat; width:48px; } #topNav .navAbout { background:url(../images/aboutBtn.jpg) 0 0 no-repeat; width:51px; } #topNav .navAbout:hover { background:url(../images/aboutBtn.jpg) 0 -24px no-repeat; width:51px; } #topNav .active .navAbout { background:url(../images/aboutBtn.jpg) 0 -48px no-repeat; width:51px; } #topNav .navServices { background:url(../images/servicesBtn.jpg) 0 0 no-repeat; width:63px; } #topNav .navServices:hover { background:url(../images/servicesBtn.jpg) 0 -24px no-repeat; width:63px; } #topNav .active .navServices { background:url(../images/servicesBtn.jpg) 0 -48px no-repeat; width:63px; } #topNav .navYouth { background:url(../images/youthProjectsBtn.jpg) 0 0 no-repeat; width:107px; } #topNav .navYouth:hover { background:url(../images/youthProjectsBtn.jpg) 0 -24px no-repeat; width:107px; } #topNav .active .navYouth { background:url(../images/youthProjectsBtn.jpg) 0 -48px no-repeat; width:107px; } #topNav .navRecruitment { background:url(../images/recruitmentBtn.jpg) 0 0 no-repeat; width:89px; } #topNav .navRecruitment:hover { background:url(../images/recruitmentBtn.jpg) 0 -24px no-repeat; width:89px; } #topNav .active .navRecruitment { background:url(../images/recruitmentBtn.jpg) 0 -48px no-repeat; width:89px; } #topNav .navPartnerships { background:url(../images/partnershipsBtn.jpg) 0 0 no-repeat; width:93px; } #topNav .navPartnerships:hover { background:url(../images/partnershipsBtn.jpg) 0 -24px no-repeat; width:93px; } #topNav .active .navPartnerships { background:url(../images/partnershipsBtn.jpg) 0 -48px no-repeat; width:93px; } #topNav .navPastProjects { background:url(../images/pastProjectsBtn.jpg) 0 0 no-repeat; width:95px; } #topNav .navPastProjects:hover { background:url(../images/pastProjectsBtn.jpg) 0 -24px no-repeat; width:95px; } #topNav .active .navPastProjects { background:url(../images/pastProjectsBtn.jpg) 0 -48px no-repeat; width:95px; } #topNav .navSpecial { background:url(../images/specialOfferBtn.jpg) 0 0 no-repeat; width:100px; } #topNav .navSpecial:hover { background:url(../images/specialOfferBtn.jpg) 0 -24px no-repeat; width:100px; } #topNav .active .navSpecial { background:url(../images/specialOfferBtn.jpg) 0 -48px no-repeat; width:100px; } #topNav .navContact { background:url(../images/contactBtn.jpg) 0 0 no-repeat; width:81px; } #topNav .navContact:hover { background:url(../images/contactBtn.jpg) 0 -24px no-repeat; width:81px; } #topNav .active .navContact { background:url(../images/contactBtn.jpg) 0 -48px no-repeat; width:81px; } #content { width:800px; position:relative; background:url(../images/headerBG.jpg) no-repeat top left #FFFFFF; } #content .padding { padding:5px 11px 0 10px; } #contentLeft { width:526px; float:left; } #contentLeft #flashBanner { width:526px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; } #contentLeft #workShops { width:526px; height:277px; float:left; list-style:none; } #contentLeft #workShops li { width:526px; height:93px; float:left; margin:0 0 0 0; padding:0 0 0 0; } #contentLeft #workShops .padding { padding:6px 5px 0 6px; } #contentLeft #workShops .li_content { width:396px; height:81px; float:right; margin:0 0 0 0; padding:0 0 0 0; } #contentLeft #workShops .innerPadding { padding:0 0 0 0; } #contentLeft #workShops span { width:250px; float:left; margin:0 0 0 0; padding:8px 0 5px 10px; font-size:15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; } #contentLeft #workShops li p { width:340px; float:left; line-height:18px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #contentLeft #workShops .li_top { width:526px; background:url(../images/li_topBG.jpg) no-repeat top left; } #contentLeft #workShops .li_top a { color:#4A6B71 !important; text-decoration:none; } #contentLeft #workShops .li_top a:hover { background:#FFFFFF; text-decoration:none; padding:4px; } #contentLeft #workShops .li_middle { width:526px; background:url(../images/li_middleBG.jpg) no-repeat top left; color:#31494F; } #contentLeft #workShops .li_middle a { color:#2E4649 !important; text-decoration:none; } #contentLeft #workShops .li_middle a:hover { background:#FFFFFF; text-decoration:none; padding:4px; } #contentLeft #workShops .li_bottom { width:526px; background:url(../images/li_bottomBG.jpg) no-repeat top left; color:#243646; } #contentLeft #workShops .li_bottom a { color:#23373A !important; text-decoration:none; } #contentLeft #workShops .li_bottom a:hover { background:#FFFFFF; text-decoration:none; padding:4px; } #contentLeft #workShops .li_img { width:115px; height:81px; float:left; } #contentLeft #workShops .li_img a { padding:0 0 0 0 !important; background:none !important; } #contentLeft #specialOfferHolder { width:510px; margin:0 0 10px 10px; float:left; } #contentLeft #specialOffer { width:163px; float:left; margin:0 5px 0 0; padding:0 0 0 0; background:#FFFFFF; border:1px solid #999999; } #contentLeft #specialOffer h1 { width:165px; text-align:center; font-size:12px; font-weight:bold; color:#CC0000; margin:10px 0 5px 0; padding:0 0 10px 0; } #contentLeft #specialOffer img { padding:0 0 0 0; margin:0 0 0 0; } #contentLeft .errorPage { width:526px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; } #contentLeft .errorPage h1 { font-family:Geneva, Arial, Helvetica, sans-serif; margin:15px 0 0 15px; padding:0 0 0 0; } #contentLeft .errorPage p { font-size:12px; color:#333333; padding:0 0 0 0; margin:10px 0 0 15px; } #contentLeft .roundcont { float:left; width:526px; background-color:#ECEAE0; color:#4e4d4d; margin:0 0 0 0; padding:0 0 0 0; } #contentLeft .roundcont h1 { width:500px; font-size:16px; padding:0 0 10px 10px; color:#3F3F3F; font-family:Arial, Helvetica, sans-serif; float:left; } #contentLeft .roundcont p { width:505px; font-size:12px; padding:0 0 10px 10px; color:#3F3F3F; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:left; float:left; } #contentLeft #img { padding:0 0 0 0; margin:30px 0 30px 20px; } #contentLeft .roundcont ul { float:left; margin:0 0 10px 10px; padding:0 0 0 0; list-style:disc; list-style-position:inside; } #contentLeft .roundcont li { margin:0 0 0 0; padding:0 0 5px 15px; font-size:12px; width:500px; color:#3F3F3F; } #contentLeft .roundtop { background: url(/images/topRight.gif) no-repeat top right; float:left; width:526px; } #contentLeft .roundbottom { background: url(/images/bottomRight.gif) no-repeat top right; float:left; width:526px; } #contentLeft img.corner { width:9px; height:9px; border:none; display:block !important; } #contentLeft .subroundcont { float:left; margin-top:15px; width:425px; background-color:#ECEAE0; color:#4e4d4d; } #contentLeft .subroundcont h1 { margin:5px 0 10px 14px; font-size:15px; font-weight:normal; line-height:13px; } #contentLeft .subroundcont p { margin:5px 14px; line-height:18px; float:left; } #contentLeft .subroundtop { background: url(/images/topRight.gif) no-repeat top right; float:left; width:526px; } #contentLeft .subroundbottom { background: url(/images/bottomRight.gif) no-repeat top right; } #contentLeft img.subcorner { width:9px; height:9px; border:none; display:block !important; } #contentLeft .roundcont form { margin:0 0 0 0; padding:0 0 0 0; } #contentLeft .roundcont p.formError { color:#132F35; font-weight:bold; } #contentLeft .roundcont input[type=text] { width:190px; } #contentLeft .roundcont label { float:left; margin:0 0 0 0; padding:0 15px 0 0; width:160px; text-align:left; } #contentLeft .roundcont .inputBox { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #47A5BC; padding:2px 2px 2px 5px; } #contentLeft .roundcont .error { color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #CC0000; background:#FFD9D9; } #contentLeft #dropDowns { width:526px; margin:10px 0 0 0; padding:0 0 0 0; } #contentLeft #dropDowns .dropDown { width:526px; height:43px; background:url(/images/servicesDown_BG.jpg) no-repeat 0 0; margin:0 0 10px 0; padding:0 0 0 0; } #contentLeft #dropDowns .roundcont { margin:0 0 10px 0; } #contentLeft #dropDowns .roundcontLast { margin:0 0 -10px; 0 !important; } #contentLeft #dropDowns h2 { font-size:22px; color:#FFFFFF; text-decoration:none; font-weight:normal; margin:7px 0 0 10px; padding:0 0 0 0; } #contentLeft .drop { float:left; width:526px; height:43px; display:block; margin:10px 0 10px 0; padding:0 0 0 0; background:url(../images/services_BG.jpg) no-repeat 0 0; } #contentLeft .drop span { float:left; margin:0 0 0 10px; padding:8px 0 0 0 ; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:normal; font-size:22px; letter-spacing:1px; } #contentLeft .clearDroDown { width:526px; height:10px; float:left; } #contentRight { width:246px; float:right; } #contentRight .specialOffers { width:246px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; background:url(../images/specialOfferBG.jpg) no-repeat top left; overflow:hidden; } #contentRight .specialOffers .padding { padding:12px 0 0 10px; } #contentRight .specialOffers h1 { width:200px; float:left; margin:0 0 0 0; padding:12px 0 0 10px; font-size:0; } #contentRight .specialOffers h2 { width:200px; float:left; margin:0 0 0 0; padding:0 0 8px 13px; font-size:22px; color:#FFFFFF; font-size:0; } #contentRight .specialOffers p { width:215px; float:left; margin:0 0 0 0; padding:0 0 8px 13px; color:#FFFFFF; font-size:12px; line-height:18px; } #contentRight .specialOffers a:link, a:visited, a:active { color:#FFFFFF !important; text-decoration:none; } #contentRight .specialOffers a:hover { color:#FFFFFF; text-decoration:none; padding:0 10px 0 0; } #contentRight .specialOffers span { display:none; } #contentRight .testimonials { width:246px; height:279px; float:left; margin:0 0 0 0; padding:0 0 0 0; background:url(../images/testimonialBG.jpg) no-repeat top left; } #contentRight .testimonials h1 { width:124px; height:25px; position:relative; top:15px; left:12px; margin:0 0 0 0; padding:0 0 0 0; } #contentRight .testimonials p { width:200px; height:205px; position:relative; top:30px; left:13px; margin:0 0 0 0; padding:0 0 0 0; } #contentRight .testimonials span { display:none; } #contentRight .pageImage { width:246px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; } #contentRight h1 { font-size:12px; color:#072B5F; width:246px; margin:0 0 0 0; padding:0 0 7px 0; } #contentRight ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0; } #contentRight li { width:246px; height:27px; background:url(../images/subNavBG.gif) #091F44 no-repeat top left; margin-bottom:2px; } #contentRight li a { text-decoration:none; } #contentRight li span { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; padding:5px 0 0 7px; } #header { width:778px; height:91px; position:relative; } .logo { position:relative; top:5px; left:14px; width:207px; height:70px; } .logo a { display:block; width:207px; height:70px; } .logo span { display:none; } .phone { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px; text-align:right; width:110px; height:16px; position:absolute; bottom:17px; right:10px; } #footer { width:800px; height:89px; position:relative; background:url(../images/footerBG.gif) no-repeat bottom left #FFFFFF; overflow:hidden; } #footer ul { font-size:11px; color:#dbdddd; line-height:14px; width:380px; margin:0 0 0 0; padding:0 0 0 0; list-style:none; } #footer li { padding:0 0 5px 0; } #footer a:link, a:active, a:visited { color:#dbdddd; text-decoration:none; } #footer a:hover { color:#dbdddd; text-decoration:underline; } #footer .padding { padding:35px 15px 0 15px; } /* ----- CLASSES ----- */ .clear { clear:both; } .spacer { float:left; height:10px; margin:0 0 0 0; padding:0 0 0 0; font-size:0px; line-height:0; width:500px; } .hide { display:none; } .left { float:left !important; text-align:left; } .right { float:right !important; text-align:right; } .recruitmentForm { background-color:#87C5D4 !important; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td { margin:0;padding:0; } table { border-collapse:collapse;border-spacing:0; } fieldset, img { border:0; margin:0; padding:0; } ol, ul, li { list-style:none; list-style-position:outside; } a img{ border:0; } a:link, a:visited, a:active { color:#000000; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } body{ font-size:62.5%; padding-bottom:20px; background:url(../images/mainBG.jpg) repeat-x top left #081C3C; font-family:Arial, Helvetica, sans-serif; } /* ----- GENERAL IDS ----- */ #wrapper { width:800px; margin:24px auto 0 auto; padding:0 0 0 0; } #topNav { width:800px; height:24px; overflow:hidden; position:relative; } #topNav ul { width:772px; height:24px; position:relative; margin:0 0 0 17px; padding:0 0 0 0; list-style:none; } #topNav li { display:block; float:left; height:39px; padding-right:5px; } #topNav a { display:block; float:left; height:39px; } #topNav a span { display:none; } #topNav .navHome { background:url(../images/homeBtn.jpg) 0 0 no-repeat; width:48px; } #topNav .navHome:hover { background:url(../images/homeBtn.jpg) 0 -24px no-repeat; width:48px; } #topNav .active .navHome { background:url(../images/homeBtn.jpg) 0 -48px no-repeat; width:48px; } #topNav .navAbout { background:url(../images/aboutBtn.jpg) 0 0 no-repeat; width:51px; } #topNav .navAbout:hover { background:url(../images/aboutBtn.jpg) 0 -24px no-repeat; width:51px; } #topNav .active .navAbout { background:url(../images/aboutBtn.jpg) 0 -48px no-repeat; width:51px; } #topNav .navServices { background:url(../images/servicesBtn.jpg) 0 0 no-repeat; width:63px; } #topNav .navServices:hover { background:url(../images/servicesBtn.jpg) 0 -24px no-repeat; width:63px; } #topNav .active .navServices { background:url(../images/servicesBtn.jpg) 0 -48px no-repeat; width:63px; } #topNav .navYouth { background:url(../images/youthProjectsBtn.jpg) 0 0 no-repeat; width:107px; } #topNav .navYouth:hover { background:url(../images/youthProjectsBtn.jpg) 0 -24px no-repeat; width:107px; } #topNav .active .navYouth { background:url(../images/youthProjectsBtn.jpg) 0 -48px no-repeat; width:107px; } #topNav .navRecruitment { background:url(../images/recruitmentBtn.jpg) 0 0 no-repeat; width:89px; } #topNav .navRecruitment:hover { background:url(../images/recruitmentBtn.jpg) 0 -24px no-repeat; width:89px; } #topNav .active .navRecruitment { background:url(../images/recruitmentBtn.jpg) 0 -48px no-repeat; width:89px; } #topNav .navPartnerships { background:url(../images/partnershipsBtn.jpg) 0 0 no-repeat; width:93px; } #topNav .navPartnerships:hover { background:url(../images/partnershipsBtn.jpg) 0 -24px no-repeat; width:93px; } #topNav .active .navPartnerships { background:url(../images/partnershipsBtn.jpg) 0 -48px no-repeat; width:93px; } #topNav .navPastProjects { background:url(../images/pastProjectsBtn.jpg) 0 0 no-repeat; width:95px; } #topNav .navPastProjects:hover { background:url(../images/pastProjectsBtn.jpg) 0 -24px no-repeat; width:95px; } #topNav .active .navPastProjects { background:url(../images/pastProjectsBtn.jpg) 0 -48px no-repeat; width:95px; } #topNav .navSpecial { background:url(../images/specialOfferBtn.jpg) 0 0 no-repeat; width:100px; } #topNav .navSpecial:hover { background:url(../images/specialOfferBtn.jpg) 0 -24px no-repeat; width:100px; } #topNav .active .navSpecial { background:url(../images/specialOfferBtn.jpg) 0 -48px no-repeat; width:100px; } #topNav .navContact { background:url(../images/contactBtn.jpg) 0 0 no-repeat; width:81px; } #topNav .navContact:hover { background:url(../images/contactBtn.jpg) 0 -24px no-repeat; width:81px; } #topNav .active .navContact { background:url(../images/contactBtn.jpg) 0 -48px no-repeat; width:81px; } #content { width:800px; position:relative; background:url(../images/headerBG.jpg) no-repeat top left #FFFFFF; } #content .padding { padding:5px 11px 0 10px; } #contentLeft { width:526px; float:left; } #contentLeft #flashBanner { width:526px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; } #contentLeft #workShops { width:526px; height:277px; float:left; list-style:none; } #contentLeft #workShops li { width:526px; height:93px; float:left; margin:0 0 0 0; padding:0 0 0 0; } #contentLeft #workShops .padding { padding:6px 5px 0 6px; } #contentLeft #workShops .li_content { width:396px; height:81px; float:right; margin:0 0 0 0; padding:0 0 0 0; } #contentLeft #workShops .innerPadding { padding:0 0 0 0; } #contentLeft #workShops span { width:250px; float:left; margin:0 0 0 0; padding:8px 0 5px 10px; font-size:15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; } #contentLeft #workShops li p { width:340px; float:left; line-height:18px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #contentLeft #workShops .li_top { width:526px; background:url(../images/li_topBG.jpg) no-repeat top left; } #contentLeft #workShops .li_top a { color:#4A6B71 !important; text-decoration:none; } #contentLeft #workShops .li_top a:hover { background:#FFFFFF; text-decoration:none; padding:4px; } #contentLeft #workShops .li_middle { width:526px; background:url(../images/li_middleBG.jpg) no-repeat top left; color:#31494F; } #contentLeft #workShops .li_middle a { color:#2E4649 !important; text-decoration:none; } #contentLeft #workShops .li_middle a:hover { background:#FFFFFF; text-decoration:none; padding:4px; } #contentLeft #workShops .li_bottom { width:526px; background:url(../images/li_bottomBG.jpg) no-repeat top left; color:#243646; } #contentLeft #workShops .li_bottom a { color:#23373A !important; text-decoration:none; } #contentLeft #workShops .li_bottom a:hover { background:#FFFFFF; text-decoration:none; padding:4px; } #contentLeft #workShops .li_img { width:115px; height:81px; float:left; } #contentLeft #workShops .li_img a { padding:0 0 0 0 !important; background:none !important; } #contentLeft .errorPage { width:526px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; } #contentLeft .errorPage h1 { font-family:Geneva, Arial, Helvetica, sans-serif; margin:15px 0 0 15px; padding:0 0 0 0; } #contentLeft .errorPage p { font-size:12px; color:#333333; padding:0 0 0 0; margin:10px 0 0 15px; } #contentLeft .roundcont { float:left; width:526px; background-color:#ECEAE0; color:#4e4d4d; margin:0 0 0 0; padding:0 0 0 0; } #contentLeft .roundcont h1 { font-size:16px; padding:0 0 10px 10px; color:#3F3F3F; font-family:Arial, Helvetica, sans-serif; float:left; } #contentLeft .roundcont h2 { font-size:12px; padding:10px 0 10px 10px; color:#3F3F3F; font-family:Arial, Helvetica, sans-serif; float:left; } #contentLeft .roundcont p { width:505px; font-size:12px; padding:0 0 10px 10px; color:#3F3F3F; line-height:18px; font-family:Arial, Helvetica, sans-serif; } #contentLeft .roundcont a { font-weight:bold; color:#47A5BC !important; text-decoration:none; } #contentLeft .roundcont a:hover { color:#47A5BC !important; text-decoration:underline; } #contentLeft #img { padding:0 0 0 0; margin:30px 0 30px 20px; } #contentLeft .roundcont ul { float:left; margin:0 0 10px 10px; padding:0 0 0 0; list-style:disc; list-style-position:inside; } #contentLeft .roundcont li { margin:0 0 0 0; padding:0 0 5px 15px; font-size:12px; width:500px; color:#3F3F3F; } #contentLeft .roundtop { background: url(/images/topRight.gif) no-repeat top right; } #contentLeft .roundbottom { background: url(/images/bottomRight.gif) no-repeat top right; } #contentLeft img.corner { width:9px; height:9px; border:none; display:block !important; } #contentLeft .subroundcont { float:left; margin-top:15px; width:425px; background-color:#ECEAE0; color:#4e4d4d; } #contentLeft .subroundcont h1 { margin:5px 0 10px 14px; font-size:15px; font-weight:normal; line-height:13px; } #contentLeft .subroundcont p { margin:5px 14px; line-height:18px; float:left; } #contentLeft .subroundtop { background: url(/images/topRight.gif) no-repeat top right; } #contentLeft .subroundbottom { background: url(/images/bottomRight.gif) no-repeat top right; } #contentLeft img.subcorner { width:9px; height:9px; border:none; display:block !important; } #contentLeft .roundcont form { margin:0 0 0 0; padding:0 0 0 0; } #contentLeft .roundcont p.formError { color:#132F35; font-weight:bold; } #contentLeft .roundcont input[type=text] { width:190px; } #contentLeft .roundcont label { float:left; margin:0 0 0 0; padding:0 15px 0 0; width:160px; } #contentLeft .roundcont .inputBox { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #47A5BC; padding:2px 2px 2px 5px; } #contentLeft .roundcont .error { color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #CC0000; background:#FFD9D9; } #contentLeft #dropDowns { width:526px; margin:0 0 0 0; padding:0 0 0 0; float:left; } #contentLeft #dropDowns .dropDown { width:526px; height:43px; background:url(/images/servicesDown_BG.jpg) no-repeat 0 0; margin:0 0 10px 0; padding:0 0 0 0; } #contentLeft #dropDowns .roundcont { margin:0 0 10px 0; } #contentLeft #dropDowns .roundcontLast { margin:0 0 -10px; 0 !important; } #contentLeft #dropDowns h2 { font-size:22px; color:#FFFFFF; text-decoration:none; font-weight:normal; margin:7px 0 0 10px; padding:0 0 0 0; } #contentLeft .drop { float:left; width:526px; height:43px; display:block; margin:10px 0 10px 0; padding:0 0 0 0; background:url(../images/services_BG.jpg) no-repeat 0 0; } #contentLeft .drop span { float:left; margin:0 0 0 10px; padding:8px 0 0 0 ; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:normal; font-size:22px; letter-spacing:1px; } #contentLeft .clearDroDown { width:526px; height:10px; float:left; } #contentRight { width:246px; float:right; } #contentRight .specialOffers { width:246px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; background:url(../images/specialOfferBG.jpg) no-repeat top left; overflow:hidden; } #contentRight .specialOffers .padding { padding:12px 0 0 10px; } #contentRight .specialOffers h1 { width:200px; float:left; margin:0 0 0 0; padding:12px 0 0 10px; font-size:0; } #contentRight .specialOffers h2 { width:200px; float:left; margin:0 0 0 0; padding:0 0 8px 13px; font-size:22px; color:#FFFFFF; font-size:0; } #contentRight .specialOffers p { width:215px; float:left; margin:0 0 0 0; padding:0 0 8px 13px; color:#FFFFFF; font-size:12px; line-height:18px; } #contentRight .specialOffers a:link, a:visited, a:active { color:#FFFFFF !important; text-decoration:none; } #contentRight .specialOffers a:hover { color:#FFFFFF; text-decoration:none; padding:0 10px 0 0; } #contentRight .specialOffers span { display:none; } #contentRight .testimonials { width:246px; height:279px; float:left; margin:0 0 0 0; padding:0 0 0 0; background:url(../images/testimonialBG.jpg) no-repeat top left; } #contentRight .testimonials h1 { width:124px; height:25px; position:relative; top:15px; left:12px; margin:0 0 0 0; padding:0 0 0 0; } #contentRight .testimonials p { width:200px; height:205px; position:relative; top:30px; left:13px; margin:0 0 0 0; padding:0 0 0 0; } #contentRight .testimonials span { display:none; } #contentRight .pageImage { width:246px; height:159px; float:left; margin:0 0 7px 0; padding:0 0 0 0; } #contentRight h1 { font-size:12px; color:#072B5F; width:246px; margin:0 0 0 0; padding:0 0 7px 0; } #contentRight ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0; } #contentRight li { width:246px; height:27px; background:url(../images/subNavBG.gif) #091F44 no-repeat top left; margin-bottom:2px; } #contentRight li a { text-decoration:none; } #contentRight li span { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; padding:5px 0 0 7px; } #header { width:778px; height:91px; position:relative; } .logo { position:relative; top:5px; left:14px; width:207px; height:70px; } .logo a { display:block; width:207px; height:70px; } .logo span { display:none; } .phone { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px; text-align:right; width:115px; height:16px; position:absolute; bottom:17px; right:10px; } #footer { width:800px; height:89px; position:relative; background:url(../images/footerBG.gif) no-repeat bottom left #FFFFFF; overflow:hidden; } #footer ul { font-size:11px; color:#dbdddd; line-height:14px; width:380px; margin:0 0 0 0; padding:0 0 0 0; list-style:none; } #footer li { padding:0 0 5px 0; } #footer a:link, a:active, a:visited { color:#dbdddd; text-decoration:none; } #footer a:hover { color:#dbdddd; text-decoration:underline; } #footer .padding { padding:35px 15px 0 15px; } /* ----- CLASSES ----- */ .clear { clear:both; } .spacer { float:left; height:10px; margin:0 0 0 0; padding:0 0 0 0; font-size:0px; line-height:0; width:500px; } .hide { display:none; } .left { float:left !important; text-align:left; } .right { float:right !important; text-align:right; } .recruitmentForm { background-color:#87C5D4 !important; }