/*

DK Advocates

*/

* {
margin: 0px;
padding: 0px;
}

body {
font: normal 12px/18px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #555555;
background: #ebebeb;
}

p {
font: normal 12px/18px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #555555;
}

h1 {
color: #c01108;
font: normal 14px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
}

img {
border: 0px;
}

ul, li {
list-style: none;
}

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

a:hover {
color: #555555;
text-decoration: underline;
}

/* =================================== Top and Logo =================================== */

#top_bg {
float: left;
width: 100%;
height: 201px;
background: url("images/top_bg.jpg") repeat-x;
}

#top_container {
margin: 0 auto;
width: 955px;
}

#logo_bg {
float: left;
width: 939px;
height: 201px;
background: url("images/logo_bg.jpg") 4px 0 no-repeat;
}

#logo a {
float: left;
width: 431px;
height: 201px;
background: url("images/logo.png") no-repeat;
}

/* =================================== Menu and Signup Button =================================== */

#menu_bg {
float: left;
width: 100%;
height: 49px;
background: url("images/menu_bg.jpg") repeat-x;
}

#menuContainer {
margin: 0 auto;
width: 955px;
height: 49px;
background: url("images/menu_overlay.jpg") no-repeat;
}

ul.topnav {
float: left;
width: 841px;
height: 49px;
}

ul.topnav li {
list-style: none;
float: left;
height: 49px;
position: relative;
}

ul.topnav li a {
float: left;
height: 49px;
color: #FFF;
text-transform: uppercase;
text-shadow: #591012 1px 1px 0px;
font: bold 11px/47px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
margin: 0 35px 0 0;
text-decoration: none;
}

ul.topnav li a:hover {
text-decoration: underline;
color: #f3efc0;
}

ul.topnav li ul.subnav {
list-style: none;
position: absolute;
left: 0; top: 49px;
background: url("images/subnavbg.jpg") repeat-y;
display: none;
float: left;
width: 170px;
border-bottom: 1px solid #450607;
border-left: 1px solid #450607;
border-right: 1px solid #450607;
z-index: 10;
}

ul.topnav li ul.subnav li {
clear: both;
width: 170px;
height: 40px;
}

html ul.topnav li ul.subnav li a {
float: left;
width: 148px;
height: 40px;
padding: 0 0 0 20px;
text-decoration: none;
color: #FFF;
font: bold 11px/40px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
text-transform: uppercase;
text-shadow: #591012 1px 1px 0px;
border-top: 1px solid #450607;
border-bottom: 1px solid #7b2829;
border-left: 1px solid #7b2829;
border-right: 1px solid #7b2829;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
text-decoration: underline;
color: #F3EFC0;
}

.myspace a {
background: url("images/myspace.png") 0 12px no-repeat;
width: 24px;
height: 24px;
}

.twitter a {
background: url("images/twitter.png") 0 12px no-repeat;
width: 24px;
height: 24px;
}

.facebook a {
background: url("images/facebook.png") 0 12px no-repeat;
width: 24px;
height: 24px;
}

#email_button a {
float: left;
width: 114px;
height: 25px;
background: url("images/emailbutton.jpg") no-repeat;
margin: 12px 0 0 0;
}

/* =================================== Sliding Banner =================================== */

#wrapper {
margin: 0 auto;
width: 960px;
}

#banner_container {
float: left;
width: 955px;
height: 275px;
margin: 30px 0 0 0;
}

#slider {
width: 955px;
margin: 0 auto;
position: relative;
}

#banner {
float: left;
width: 848px;
height: 275px;
}

.scroll {
width: 848px;
height: 275px;
overflow: auto;
overflow-x: hidden;
position: relative; /* fix for IE to respect overflow */
clear: left;
padding: 0px;
}

.scrollContainer div.panel {
height: 275px;
width: 848px;
padding: 0px;
}

ul.navigation {
float: left;
width: 107px;
}

ul.navigation li {
float: left;
width: 107px;
list-style: none;
}

ul.navigation a {
float: left;
width: 107px;
}

#carf_button a {
height: 90px;
background: url("images/carf_button.jpg") no-repeat;
}

#carf_button a:hover, #carf_button a.selected {
background-position: 0 -90px;
}

#spotlight_button a {
height: 91px;
background: url("images/spotlight_button.jpg") no-repeat;
}

#spotlight_button a:hover, #spotlight_button a.selected {
background-position: 0 -91px;
}

#cpanel_button a {
height: 94px;
background: url("images/cpanel_button.jpg") no-repeat;
}

#cpanel_button a:hover, #cpanel_button a.selected {
background-position: 0 -94px;
}

#banner h1 {
color: #FFFFFF;
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 2px 2px 0px;
margin: 10px 0 4px 0;
}

#banner h2 {
color: #c01108;
margin: 0 0 15px 0;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
text-transform: uppercase;
}

#banner p {
color: #acacac;
font: normal 14px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
}

#carf_banner {
float: left;
width: 728px;
height: 205px;
background: url("images/carf_banner.jpg") no-repeat;
padding: 70px 70px 0 50px;
}

#spotlight_banner {
float: left;
width: 748px;
height: 210px;
background: url("images/spotlight_banner.jpg") no-repeat;
padding: 65px 50px 0 50px;
}

#cpanel_banner {
float: left;
width: 748px;
height: 225px;
background: url("images/cpanel_banner.jpg") no-repeat;
padding: 50px 50px 0 50px;
}

.divider {
float: left;
width: 955px;
height: 2px;
background: url("images/divider.jpg") repeat-x;
margin: 23px 0 22px 0;
}

/* =================================== Shared Hosting Information =================================== */

#shared_container {
float: left;
width: 960px;
}

#worksites_block {
float: left;
width: 239px;
height: 230px;
background: url("images/worksites_block.jpg") no-repeat;
padding: 15px 15px 0 65px;
}

#resume_block {
float: left;
width: 236px;
height: 230px;
background: url("images/resume_block.jpg") no-repeat;
padding: 15px 15px 0 65px;
}

#training_block {
float: left;
width: 237px;
height: 230px;
background: url("images/training_block.jpg") no-repeat;
padding: 15px 20px 0 65px;
}

.read_more a {
float: left;
width: 230px;
height: 27px;
background: url("images/readmore.jpg") no-repeat;
margin: 12px 0 0 0;
}

/* =================================== Footer =================================== */

#footer_bg {
float: left;
width: 100%;
height: 89px;
background: url("images/footer_bg.jpg") repeat-x;
margin: 30px 0 0 0;
}

#footer {
margin: 0 auto;
width: 955px;
}

#footer_links {
float: left;
width: 600px;
margin: 35px 0 0 0;
}

#footer_links li {
list-style: none;
float: left;
}

#footer a {
color: #555555;
text-shadow: #ece8e1 1px 1px 0px;
text-transform: uppercase;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
}

.first_link {
padding-right: 15px;
border-right: 1px solid #c4beb3;
}

.links {
padding: 0 15px;
border-right: 1px solid #c4beb3;
border-left: 1px solid #ece8e1;
}

.last_link {
padding-left: 15px;
border-left: 1px solid #ece8e1;
}

/* =================================== Services Subpage Styling =================================== */

#services_title {
float: left;
width: 955px;
height: 90px;
background: url("images/services_title.jpg") no-repeat;
margin: 30px 0 0 0;
}

#services_title h1 {
color: #FFFFFF;
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 2px 2px 0px;
margin: 23px 0 4px 135px;
}

#services_title h2 {
color: #c01108;
margin: 0 0 15px 135px;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
text-transform: uppercase;
}

#sub_content_bg {
float: left;
width: 955px;
background: url("images/content_bg.jpg") repeat-y;
}

#sidebar {
float: left;
width: 238px;
background: url("images/sidebar_bg.jpg") repeat-y;
}

#sidebar_content {
float: left;
width: 238px;
background: url("images/sidebar_top.jpg") top no-repeat;
}

#sidebar h1 {
font: normal 13px/18px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #3b3830;
text-shadow: #faf9f6 1px 1px 0px;
padding: 15px 20px 0 20px;
width: 198px;
}

#sidebar p {
font: normal 11px/18px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #797366;
text-shadow: #faf9f6 1px 1px 0px;
padding: 0 20px;
width: 198px;
}

.sidebar_divider {
float: left;
width: 238px;
height: 3px;
background: url("images/sidebar_divider.jpg") no-repeat;
margin: 0 0 20px 0;
}

#webdesign_button a {
float: left;
width: 198px;
height: 24px;
background: url("images/webdesign_button.jpg") no-repeat;
margin: 15px 20px 20px 20px;
}

#webdev_button a {
float: left;
width: 198px;
height: 24px;
background: url("images/webdev_button.jpg") no-repeat;
margin: 15px 20px 20px 20px;
}

#customcms_button a {
float: left;
width: 198px;
height: 24px;
background: url("images/customcms_button.jpg") no-repeat;
margin: 15px 20px 20px 20px;
}

#sidebar_bottom {
float: left;
width: 238px;
height: 142px;
background: url("images/sidebar_bottom.jpg") no-repeat;
}

#subpage_content {
float: left;
width: 677px;
padding: 20px;
}

#subpage_content_bottom {
float: left;
width: 955px;
height: 7px;
background: url("images/content_bottom.jpg") no-repeat;
}

#subpage_worksites {
float: left;
width: 239px;
height: 230px;
background: url("images/sub_worksites.jpg") no-repeat;
padding: 15px 15px 0 65px;
}

#subpage_resume {
float: left;
width: 236px;
height: 230px;
background: url("images/sub_resume.jpg") no-repeat;
padding: 15px 15px 0 65px;
}

#subpage_training {
float: left;
width: 240px;
height: 230px;
background: url("images/sub_training.jpg") no-repeat;
padding: 15px 15px 0 65px;
}

/* =================================== Contact Subpage Styling =================================== */

#contact_title {
float: left;
width: 955px;
height: 90px;
background: url("images/contact_title.jpg") no-repeat;
margin: 30px 0 0 0;
}

#contact_title h1 {
color: #FFFFFF;
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 2px 2px 0px;
margin: 23px 0 4px 135px;
}

#contact_title h2 {
color: #c01108;
margin: 0 0 15px 135px;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
text-transform: uppercase;
}

#contact_sidebar {
float: left;
width: 388px;
background: url("images/contact_sidebar_bg.jpg") repeat-y;
}

#contact_sidebar_content {
float: left;
width: 348px;
background: url("images/contact_sidebar_top.jpg") top no-repeat;
padding: 20px 20px 0 20px;
}

#contact_sidebar p {
font: normal 12px/18px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #3b3830;
text-transform: uppercase;
text-shadow: #faf9f6 1px 1px 0px;
margin: 0 0 3px 0;
}

.input_style {
border: 1px inset;
width: 290px;
height: 24px;
padding: 6px 0 0 10px;
font: normal 12px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #888888;
margin: 0 0 15px 0;
}

.textarea_style {
border: 1px inset;
width: 290px;
height: 100px;
padding: 10px 0 0 10px;
font: normal 12px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #888888;
margin: 0 0 15px 0;
}

#contact_sidebar_bottom {
float: left;
width: 388px;
height: 142px;
background: url("images/contact_sidebar_bottom.jpg") no-repeat;
}

#contact_subpage_content {
float: left;
width: 527px;
padding: 20px;
}

/* =================================== Staff Subpage Styling =================================== */

#staff_title {
float: left;
width: 955px;
height: 90px;
background: url("images/staff_title.jpg") no-repeat;
margin: 30px 0 0 0;
}

#staff_title h1 {
color: #FFFFFF;
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 2px 2px 0px;
margin: 23px 0 4px 135px;
}

#staff_title h2 {
color: #c01108;
margin: 0 0 15px 135px;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
text-transform: uppercase;
}

#staff_subpage_content {
float: left;
width: 915px;
padding: 20px;
}

.staff_box {
float: left;
width: 285px;
margin: 0 25px 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #c0c0c0;
}

.last_staff_box {
float: left;
width: 285px;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #c0c0c0;
}

.picture {
float: left;
width: 95px;
height: -123px;
}

.pictureB {
float: left;
width: 135px;
height: 200px;
}

.staff_text {
float: left;
width: 170px;
margin: 10px 0 0 20px;
}

/* =================================== Employer Services Subpage Styling =================================== */

#subpage_content h2 {
font: bold 13px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
color: #333333;
}

#subpage_content p {
font: normal 12px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
margin: 5px 0 10px 0;
}

.sidebar_list {
float: left;
width: 238px;
list-style: none;
margin: 5px 0 10px 0;
}

.sidebar_list li {
float: left;
width: 238px;
height: 30px;
font: normal 11px/30px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
}

.sidebar_list a {
color: #555555;
text-decoration: none;
display: block;
padding: 0 0 0 20px;
width: 218px;
}

.sidebar_list a:hover {
color: #990000;
text-decoration: underline;
background: #FFF;
display: block;
}

/* =================================== Spotlight Subpage Styling =================================== */

#spotlight_title {
float: left;
width: 955px;
height: 90px;
background: url("images/spotlight_title.jpg") no-repeat;
margin: 30px 0 0 0;
}

#spotlight_title h1 {
color: #FFFFFF;
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 2px 2px 0px;
margin: 23px 0 4px 135px;
}

#spotlight_title h2 {
color: #c01108;
margin: 0 0 15px 135px;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
text-transform: uppercase;
}

/* =================================== Worksites Subpage Styling =================================== */

#worksites_title {
float: left;
width: 955px;
height: 90px;
background: url("images/worksites_title.jpg") no-repeat;
margin: 30px 0 0 0;
}

#worksites_title h1 {
color: #FFFFFF;
font: normal 24px/24px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 2px 2px 0px;
margin: 23px 0 4px 135px;
}

#worksites_title h2 {
color: #c01108;
margin: 0 0 15px 135px;
font: normal 11px/11px "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial;
text-shadow: #000 1px 1px 0px;
text-transform: uppercase;
}