html, body { margin: 0px; padding: 0px; height: 100%; } body { background-color: #dde3e6; font-family: 'Roboto Condensed', arial, sans-serif; font-size: 15px; line-height: 18px; color: #3e3e3e; } #container{ min-height: 100%; height: auto !important; height: 100%; width: 100%; margin-bottom: -299px; } #push { height: 299px; clear: both; } #bottom { width: 100%; clear: both; height: 299px; text-align: center; background-color: #39F; } #actionBar { height: 227px; } #topBarBkg { background-color: #22424e; height: 60px; width: 100%; display: table; } #topBar { text-transform: uppercase; color: #f0f1f2; font-size: 30px; font-weight: bold; letter-spacing: 1px; vertical-align: middle; width: 960px; margin-right: auto; margin-left: auto; height: 60px; line-height: 60px; } .helping { font-size: 24px; font-style: italic; font-weight: normal; text-transform: none; letter-spacing: 0px; } #bannerBkg { background-color: #598596; background-image: url(images2013/bkg-banner.gif); background-repeat: repeat-x; height: 231px; width: 100%; } #banner { width: 960px; margin-right: auto; margin-left: auto; height: 231px; position: relative; } #tagline { position: absolute; top: 175px; } #barbara { bottom: 0px; right: -7px; position: absolute; } #menuBkg { background-color: #22424e; height: 42px; width: 100%; } #menu { margin-right: auto; margin-left: auto; vertical-align: middle; width: 960px; padding-top: 11px; } #menu ul { margin: 0px; padding: 0px; } #menu ul li { font-size: 17px; letter-spacing: 1px; display: inline; margin-right: 58px; } #menu ul li.lastitem { margin-right: 0px; } #menu ul li a { color: #ffffff; text-decoration: none; text-transform: capitalize; } #menu ul li a:hover { color: #b1b1b1; } #mainContent { width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 40px; margin-top: 36px; } #mainContent h1 { font-size: 30px; margin-bottom: 27px; } #footerBkg { background-image: url(images2013/bkg-footer.gif); background-repeat: repeat-x; background-color: #375B6A; height: 227px; width: 100%; } #bottom { background-color: #22424e; height: 299px; width: 100%; } #actionBarBkg { background-color: #436F81; background-image: url(images2013/bkg-actionBar.gif); background-repeat: repeat-x; height: 227px; width: 100%; } #actionBar { width: 960px; margin-right: auto; margin-left: auto; padding-top: 38px; padding-bottom: 35px; color: #FFF; } #footer { margin-right: auto; margin-left: auto; width: 960px; padding-top: 11px; text-align: center; font-size: 11px; color: #ffffff; } #footer ul { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; } #footer ul li { font-size: 11px; display: inline; margin-right: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; padding-right: 10px; } #footer ul li.lastitem { margin-right: 0px; border-right-style: none; padding-right: 0px; } #footer ul li a { color: #ffffff; text-decoration: none; } #footer ul li a:hover { color: #b1b1b1; } #signup { float: left; width: 537px; border-right-width: 1px; border-right-style: solid; border-right-color: #c6d3d8; text-align: left; padding-left: 0px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; position: relative; } #actionBar h1 { float: left; width: 537px; color: #FFF; text-align: left; font-size: 30px; font-weight: bold; text-transform: uppercase; margin-top: 7px; margin-bottom: 16px; } #actionBar p { line-height: 26px; margin-bottom: 12px; } #actionBar p a { color: #FFF; } #actionBar p a:hover { color: #CDDBE0; } #signup #arrows { margin-left: 19px; margin-top: 6px; } #signup #subscribe { position: absolute; left: 311px; top: 95px; } #signup form { margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #signup form label { float: left; clear: both; width: 44px; } #signup form input { float: left; height: 18px; width: 164px; border: 1px solid #FFF; background-color: #4C7E92; margin-bottom: 14px; } #appointment { width: 290px; float: left; text-align: left; padding-left: 70px; } a { outline: none; color: #406B7B; } #mainContent h3 { font-size: 17px; } a:hover { color: #22424E; } .homeBox { background-color: #fdfdfe; height: 374px; width: 200px; margin-right: 27px; margin-left: 27px; float: left; text-align: center; box-shadow: 0px 0px 9px rgba(0,0,0,0.7); -moz-border-radius: 3px; border-radius: 3px; } #homeBoxes { width: 1016px; margin-right: -27px; margin-left: -27px; height: 374px; padding-top: 10px; padding-bottom: 5px; } #mainContent #homeBoxes .homeBox h1 { font-size: 30px; line-height: 31px; text-transform: uppercase; margin: 0px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; } .homeBox p { padding: 0px; margin-top: 0px; margin-right: 4px; margin-bottom: 10px; margin-left: 4px; font-size: 14px; line-height: 18px; } .homeBox p img{ padding: 0px; margin-top: 0px; margin-right: -4px; margin-bottom: -6px; margin-left: -4px; } .homeBox a { color: #ffffff; text-decoration: none; padding-top: 0px; padding-right: 22px; padding-bottom: 0px; padding-left: 22px; -moz-border-radius: 3px; border-radius: 3px; font-size: 15px; line-height: 19px; } #career p a{ background-color: #d1a161; } #career a:hover { background-color: #9d7949; } #personal a { background-color: #547a00; } #personal a:hover { background-color: #3f5b00; } #life a { background-color: #87a9c4; } #life a:hover { background-color: #657f93; } #aptitude a { background-color: #8e827c; } #aptitude a:hover { background-color: #6a615d; }