@import url("reset.css");

/*********************************************************************************************************************/
/* CSS Document */
body { background: #BFE1E8 url(../images/bg.jpg) repeat-y 50% 0; font-family: Arial, Helvetica, sans-serif; }

/*********************************************************************************************************************/
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 813px; }
#padding { float: left; width: 790px; padding: 0px 0px 0px 12px; }

h1 { color: #962A15; font-size: 24px; padding-bottom: 12px; font-weight: normal; }
h2 { color: #962A15; font-size: 20px; padding-bottom: 12px; font-weight: normal; }
h3 { color: #962A15; font-size: 16px; padding-bottom: 12px; font-weight: normal; }
h4 { color: #962A15; font-size: 14px; padding-bottom: 12px; font-weight: bold; }
h5 { color: #962A15; font-size: 12px; padding-bottom: 12px; font-weight: bold; }
h6 { color: #962A15; font-size: 12px; padding-bottom: 12px; font-weight: bold; }
p { color: #666666; font-size: 12px; padding-bottom: 12px; line-height: 17px; }
#right-text img { padding: 5px; background: #ffffff; margin: 6px; }
#right-text img.staff { padding: 0px; }
#right-text img.icon-pdf { padding: 0px; margin-bottom: 0px; }
#right-text img.affiliates { padding: 0px; margin-bottom: 0px; }
#left #icon-set p { color: #666666; font-size: 11px; padding: 0px; line-height: normal; }
.bold { font-weight: bold; }
.big { color: #631106; font-weight: bold; font-size: 14px; text-align: center; }
a { color: #962A15; text-decoration: none; }
a:hover { color: #333333; }
table.logo { background: #edf9f9; border-collapse: collapse; width: 400px; }
table.logo td { text-align: center; padding-bottom: 15px; }
#map { float: left; width: 450px; height: 250px; }
ul { padding: 0px 70px 10px 25px; list-style: disc; }
ul li { font-size: 12px; color: #666666; padding-bottom: 4px; }

/*********************************************************************************************************************/
/* HEADER STYLES */
#banner { float: left; width: 790px; height: 171px; }
#banner-left { background: url(../images/banner-left.jpg) no-repeat; float: left; width: 332px; height: 171px; }
#logo-dick-agencies { float: left; width: 274px; height: 66px; padding: 102px 0px 0px 58px; }
#banner-right { float: left; width: 458px; height: 171px; }

/*********************************************************************************************************************/
/* NAVIGATION STYLES */
#nav { background: url(../images/nav-bg.jpg) repeat-x; float: left; width: 790px; height: 39px; }
#nav ul { float: left; width: 415px; padding: 0px 0px 0px 345px; list-style: none; }
#nav ul li { float: left; display: block; height: 39px; }
#nav ul li a { float: left; display: block; height: 39px; }
/* LIST ITEMS */
#nav ul li.home { background: url(../images/nav-home.jpg) no-repeat; width: 60px; }
#nav ul li.about { background: url(../images/nav-about-us.jpg) no-repeat; float: left; width: 57px; height: 39px; }
#nav ul li.auto { background: url(../images/nav-autopac.jpg) no-repeat; width: 48px; }
#nav ul li.service { background: url(../images/nav-services.jpg) no-repeat; width: 70px; }
#nav ul li.affiliate { background: url(../images/nav-affiliate.jpg) no-repeat; width: 79px; }
#nav ul li.contact { background: url(../images/nav-contact.jpg) no-repeat; width: 78px; }
/* LINK ITEMS */
#nav ul li.home a { background: url(../images/nav-home.jpg) no-repeat; width: 60px; }
#nav ul li.about a { background: url(../images/nav-about-us.jpg) no-repeat; float: left; width: 57px; height: 39px; }
#nav ul li.auto  a { background: url(../images/nav-autopac.jpg) no-repeat; width: 48px; }
#nav ul li.service a { background: url(../images/nav-services.jpg) no-repeat; width: 70px; }
#nav ul li.affiliate a { background: url(../images/nav-affiliate.jpg) no-repeat; width: 79px; }
#nav ul li.contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 78px; }
/* HOVER ITEMS */
#nav ul li.home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; width: 60px; }
#nav ul li.about a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; width: 57px; }
#nav ul li.auto  a:hover { background: url(../images/nav-autopac-over.jpg) no-repeat left top; width: 48px; }
#nav ul li.service a:hover { background: url(../images/nav-services-over.jpg) no-repeat; width: 70px; }
#nav ul li.affiliate a:hover { background: url(../images/nav-affiliate-over.jpg) no-repeat; width: 79px; }
#nav ul li.contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; width: 78px; }

/*********************************************************************************************************************/
/* CONTENT STYLES */
#content { float: left; width: 790px; }
#left { float: left; width: 312px; }
#right { float: left; width: 478px; }
#service-left, .service-left { float: left; width: 65px; }
#service-right, .service-right { float: right; width: 170px; }

/*********************************************************************************************************************/
/* HOME CONTENT LEFT STYLES */
ul#icon-set { background: url(../images/title-dick-agencies.jpg) no-repeat; float: left; width: 274px; list-style: none; margin: 18px 0px 0px 14px; padding: 22px 0px 0px 0px; }
* html ul#icon-set { margin-left: 7px; }
ul#icon-set li { background: url(../images/icon-divider.jpg) no-repeat bottom; float: left; width: 244px; margin: 10px 0px 3px 18px; padding-bottom: 17px; }
* html ul#icon-set li { margin-left: 9px; }
ul#icon-set li#no-divide { background: none; }

/*********************************************************************************************************************/
/* HOME ICON STYLES */
.icons { float: left; width: 59px; padding-right: 7px; vertical-align: top; }
* html .icons { padding-right: 4px; }
.icons a { float: left; width: 59px; }
.title-text { padding-top: 6px; }
.title-text img { padding-bottom: 6px; }
/* ICON IN LIST */
#icon-home { background: url(../images/icon-home.jpg) no-repeat; height: 52px; }
#icon-commercial { background: url(../images/icon-commercial.jpg) no-repeat; height: 52px; }
#icon-farm { background: url(../images/icon-farm.jpg) no-repeat; height: 53px; }
#icon-autopac { background: url(../images/icon-autopac.jpg) no-repeat; height: 54px; }
#icon-travel { background: url(../images/icon-travel.jpg) no-repeat; height: 53px; }
/* ICON IN LINK */
#icon-home a { background: url(../images/icon-home.jpg) no-repeat; height: 52px; }
#icon-commercial a { background: url(../images/icon-commercial.jpg) no-repeat; height: 52px; }
#icon-farm a { background: url(../images/icon-farm.jpg) no-repeat; height: 53px; }
#icon-autopac a { background: url(../images/icon-autopac.jpg) no-repeat; height: 54px; }
#icon-travel a { background: url(../images/icon-travel.jpg) no-repeat; height: 53px; }
/* ICON AS HOVER */
#icon-home a:hover { background: url(../images/icon-home-over.jpg) no-repeat; height: 52px; }
#icon-commercial a:hover { background: url(../images/icon-commercial-over.jpg) no-repeat; height: 52px; }
#icon-farm a:hover { background: url(../images/icon-farm-over.jpg) no-repeat; height: 53px; }
#icon-autopac a:hover { background: url(../images/icon-autopac-over.jpg) no-repeat; height: 54px; }
#icon-travel a:hover { background: url(../images/icon-travel-over.jpg) no-repeat; height: 53px; }

/*********************************************************************************************************************/
/* RIGHT SIDE STYLES */
#right-text { padding: 22px 12px 12px 14px; }

/*********************************************************************************************************************/
/* FOOTER STYLES */
#footer { background: #D1D1D1 url(../images/footer-bg.jpg) repeat-x; float: left; width: 100%; height: 270px; }
#footer-wrapper { margin: 0 auto; width: 813px; }
ul.sm-nav { background: url(../images/title-services.jpg) no-repeat 0px 15px; float: left; width: 420px; list-style: none; padding: 28px 0px 0px 0px; margin-left: 14px; }
* html ul.sm-nav { margin-left: 7px; }
ul.sm-nav li { float: left; padding-right: 8px; color: #666666; }
ul.sm-nav li a { color: #666666; font-size: 11px; font-weight: bold; text-decoration: none; }
ul.sm-nav li a:hover { color: #962A15; }

ul#nav-aff { background: url(../images/title-affiliates.jpg) no-repeat 94px 15px; float: right; width: 175px; list-style: none; padding: 28px 0px 0px 0px; }
ul#nav-aff li { background: url(../images/affiliate-divider.jpg) no-repeat right; float: left; padding-right: 14px; color: #666666; }
ul#nav-aff li#no-aff-divide { background: none; padding-top: 20px; }
ul#nav-aff li a { color: #666666; font-size: 11px; font-weight: bold; text-decoration: none; }
ul#nav-aff li a:hover { color: #962A15; } 

/*********************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: left; width: 130px; padding: 62px 0px 10px 670px; }