body {margin: 0; padding: 0; background-color: #292523;} /* #topnav {margin: 0 auto; width: 980px; height: 50px;} #topnav ul {width: 78px; float: left;} #topnav ul li {display:inline} #topnav ul li a {width: 26px; height: 22px; float: left; overflow: hidden} #topnav ul li a:hover {width: 26px; float: left; display: inline; text-indent: -26px} */ #header {margin: 15px 0 0; width: 100%; height: 103px; background: transparent url(../images/header-bg2.png) repeat-x 0 0;} #navbar {margin: 0 auto; width: 980px; height: 100px; overflow: hidden;} #navbar img.logo {margin: 20px 40px 0 0; width: 305px; height: 65px; float: left;} #navbar ul {margin: 0; padding: 30px 0; width: 635px; height: 100px; float: right; overflow: hidden;} #navbar ul li {display: inline;} #navbar ul li a {float: left; display: block; height: 43px; text-indent: -9999px; background: url(../images/nav-sprite.png) no-repeat scroll 0 0;} #navbar ul li.home a {width: 87px; background-position: 0 0;} #navbar ul li.home a:hover {width: 87px; background-position: 0 -43px;} #navbar ul li.services a {width: 107px; background-position: -87px 0;} #navbar ul li.services a:hover {width: 107px; background-position: -87px -43px;} #navbar ul li.aboutus a {width: 111px; background-position: -194px 0;} #navbar ul li.aboutus a:hover {width: 111px; background-position: -194px -43px;} #navbar ul li.faq a {width: 68px; background-position: -305px 0;} #navbar ul li.faq a:hover {width: 68px; background-position: -305px -43px;} #navbar ul li.news a {width: 135px; background-position: -373px 0;} #navbar ul li.news a:hover {width: 135px; background-position: -373px -43px;} #navbar ul li.contact a {width: 115px; background-position: -508px 0;} #navbar ul li.contact a:hover {width: 115px; background-position: -508px -43px;} #pracarea {margin: 0; width: 100%; height: 225px; background: #292523;} /* 231x318 */ #pracarea-content {margin: 0 auto; width: 980px; height: 225px; text-align: center;} #pracarea-content .bizfront {margin-top: 9px;} #content-top {position: relative; margin: 0; width: 100%; height: auto; background: #f6f2e5 url(../images/content-top-bg.gif) repeat-x 0 0; z-index: 3; } #ct-content {margin: 0 auto; width: 980px; overflow: hidden;} #ct-left {margin: 0; width: 300px; float: left;} #ct-left img {margin: 5px 0 0 30px;} #ct-left p img.homepage {margin: 20px -20px 0;} #ct-middle {margin: 0; width: 3px; float: left;} #ct-right {margin: 0; width: 677px; float: right;} #ct-left h1 {margin: 20px 10px 0; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-left h2 {margin: 20px 20px 3px; font: bold 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000; text-decoration: underline;} #ct-left p {margin: 0 20px 10px; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-right h1, #ct-right h2 {margin: 20px 0; float: left; display: inline;} #ct-right h1 {margin-left: 10px; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-right h2 {margin-left: 3px; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #59544f;} #ct-right p, #ct-right p.secondary {margin: 10px; width: 600px; clear: both; float: left; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-right p.secondary {margin-top: 45px;} #ct-right ul {margin: 0; padding: 0 0 0 5px; float: left; width: 605px; height: 100px; background: #f9f7ee; border: 1px solid #e0dbc5; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-right ul li {margin: 3px 0; padding: 0; float: left; width: 300px; list-style: none inside url(../images/arrow.gif);} #ct-right ul li a {color: #000; text-decoration: underline;} #ct-right ul li a:hover {color: #000; text-decoration: none;} #ct-right select {margin: 0 10px; float: left; background: #f9f7ee; border: 1px solid #e0dbc5; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-right form {clear: left; margin: 20px 10px 0;} #ct-right form fieldset {border: 0;} #ct-right form input, #ct-right form textarea {padding: 3px; width: 565px; font: normal 0.75em verdana,helvetica,arial,sans-serif; color: #8c897b; text-align: left; line-height: 16px; background: #f9f7ee; border: 1px solid #e0dbc5;} #ct-right form label {float: left; width: 100%;} #ct-right form br {margin-bottom: 20px;} #ct-full {margin: 0; width: 980px; float: left;} #ct-full h1 {margin: 20px 10px 0; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #ct-full p {margin: 0 20px 10px; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #content-top-border {position: relative; margin: 0; width: 100%; height: 90px; background: transparent url(../images/ct-border-bg.png) repeat-x 0 0; z-index: 3; } #content-bottom {margin: -10px 0 0; width: 100%; height: 351px; background: #292523; z-index: 2; } #cb-content {margin: 0 auto; width: 980px; height: 351px; background: transparent url(../images/content-bot-bg.png) no-repeat 0 0;} #cb-left {margin: 0; width: 300px; height: 300px; float: left;} #cb-right {margin: 0; width: 660px; height: 300px; float: right;} #cb-left h1, #cb-right h1 {margin: 20px 10px 0; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e0dcd0;} #cb-left h2 {margin: 20px 20px 3px; font: bold 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e7cea6; text-decoration: underline;} #cb-left p {margin: 0 20px 10px; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e0dcd0;} #cb-right #strobel, #cb-right #johnson {margin: 20px 0 0 20px; float: left; width: 200px; height: 190px;} #strobel h3, #johnson h3 {clear: left; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e7cea6;} #strobel p, #johnson p {font: bold 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e0dcd0; text-decoration: underline;} #cb-right #buttons {margin: 10px 0; float: left;} #cb-right #index-buttons {margin: 10px 20px; float: left;} #buttons .right {width: 67px; height: 34px; background: transparent; border: 0;} #index-buttons .consul {margin-left: 20px;} #cb-right form {margin: 20px 20px 0;} #cb-right form fieldset {border: 0;} #cb-right form input, #cb-right form textarea {padding: 3px; width: 565px; font: normal 0.75em verdana,helvetica,arial,sans-serif; color: #8c897b; text-align: left; line-height: 16px; background: #504943; border: 1px solid #231e1b;} #cb-right form label {float: left; width: 100%;} #cb-right form br {margin-bottom: 20px;} #cb-full {margin: 0; width: 980px; height: 300px; float: left; overflow: hidden;} #cb-full h1 {margin: 20px 10px 0; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e7cea6;} #cb-full p {margin: 0 20px 10px; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #e0dcd0;} /* secondary template */ #about-top {position: relative; margin: 0; width: 100%; height: auto; background: #f6f2e5 url(../images/content-top-bg.gif) repeat-x 0 0; z-index: 3; } #at-content {margin: 0 auto; width: 980px; overflow: hidden;} .at-full {margin: 0 0 10px; width: 980px; float: left;} .at-full h1 {margin: 20px 10px 0; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; letter-spacing: 1px; text-align: left; color: #000;} .at-full h2 {margin: 20px 10px 0; font: bold 1em/1.5 Georgia, Arial, sans-serif; letter-spacing: 1px; text-align: left; color: #000;} .at-full p, .at-full dl {margin: 0 20px 10px; font: 0.75em/1.5 Georgia, Arial, sans-serif; letter-spacing: 1px; text-align: left; color: #000;} .at-full dd {margin: 0 30px 10px;} .at-full dl dt a {color: #000; text-decoration: underline;} .at-full dl dt a:hover {color: #000; text-decoration: none;} .at-full dl.pracareaslist {margin: 0 20px 10px; font: 0.875em/1.5 Georgia, Arial, sans-serif; letter-spacing: 1px; text-align: left; color: #000;} .pracareaslist dd {margin: 0 30px 10px;} .at-full dl.pracareaslist dt a {color: #000; text-decoration: underline;} .at-full dl.pracareaslist dt a:hover {color: #000; text-decoration: none;} .at-full ul {margin: 0 20px 10px; padding: 0; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} .at-full ul li {margin: 10px 0; padding: 0; width: 300px; list-style: none inside url(../images/arrow.gif);} .at-full ul li a {color: #000; text-decoration: none;} .at-full ul li a:hover {color: #000; text-decoration: underline;} .at-full p br {margin: 0 0 10px;} .at-box {margin: 0 0 10px; width: 980px; float: left;} .at-left {margin: 0; width: 135px; float: left;} .at-left img {margin: 5px 5px 0;} .at-right {margin: 0; width: 835px; float: right;} .at-right h1 {margin: 0 10px 10px; float: left; display: inline; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} .at-right h2 {margin-left: 3px; float: left; display: inline; font: bold 1.5em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #59544f;} .at-right p {margin: 0 10px; width: 600px; float: left; font: 0.75em/1.5 Georgia, Arial, sans-serif; text-align: left; color: #000;} #about-bottom {margin: -10px 0 0; width: 100%; height: 30px; background: #292523; z-index: 2; } /* end secondary template */ #footer {margin: 0; width: 100%; height: 64px; background: transparent url(../images/footer-bg.png) repeat-x 0 0;} #footer-content {margin: 0 auto; width: 980px; height: 50px;} #footer-content p, #footer-content ul {margin: 20px 0 0; width: 490px; height: 30px; display: inline; font: 0.75em/1.5 Arial, sans-serif; text-align: left; color: #3e3d3d;} #footer-content p a, #footer-content ul a {color: #3e3d3d; text-decoration: none;} #footer-content p a:hover, #footer-content ul a:hover {color: #e0dcd0; text-decoration: underline;} #footer-content p {float: left;} #footer-content ul {float: right; list-style: none;} #footer-content ul li {margin: 0 5px; display: inline;}