/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:url(../images/bg_body.jpg) repeat; font-family:"Georgia", Arial, Helvetica, sans-serif; color:#252525} a:link, a:visited {color:#6E8F4D; text-decoration: underline} a:hover {color:#6E8F4D; text-decoration:underline} p { font-size:11px; line-height:1.4em} h1 { font-size:19px; color:#6E8F4D} h2 { font-size:16px; color:#780033} h3 { font-size:13px; color:#9C3628} h4 { font-size:12px; color:#6E8F4D} /* --------------------------------------------- 02. topbar --------------------------------------------- */ #bgtopbar { width:100%; height:113px; float:left; background:#FFFAEC url(../images/bg_topbar.jpg) repeat-x top right;} #topbar { width:805px; height:113px; margin:0 auto; background: url(../images/flower_header.png) no-repeat top right; padding-left:15px} #topbar .logo { width:280px; height:105px; float:left; padding-left:15px; background:url(../images/logo_360consultations.png) no-repeat top left} #topbar .logo .logo-link { width:280px; height:90px; position:absolute; float:left; background:url(../images/blank.gif); margin-top:15px; margin-left:-10px} #topbar .toplinks { float: right; padding-top:15px; padding-right:5px; } #topbar .toplinks ul { color:#9B8579; font-family:Arial, Helvetica, sans-serif} #topbar .toplinks ul li { float:left; font-size:10px; text-align:right; background:url(../images/divider_toplinks.gif) no-repeat right center;} #topbar .toplinks ul li a { text-decoration:none; color:#9B8579; padding-left:5px; padding-right:5px} #topbar .toplinks ul li a:hover { text-decoration: underline; color:#9B8579} #topbar .toplinks ul li.nodivider { background:none} /* --------------------------------------------- 03. top navigation --------------------------------------------- */ #bgnav { width:100%; height:35px; float:left; background:#8C311E url(../images/bg_nav.jpg) repeat-x top right} #nav { width:820px; height:35px; margin:0 auto;} #nav ul { list-style:none; padding-left:25px; font-family:Arial, Helvetica, sans-serif} #nav ul li {float:left; height:35px; background:url(../images/li_divider.gif) no-repeat right center; font-size:12px; color:#EBCFC8; text-transform:uppercase; position:relative; overflow:hidden} #nav ul li.bordernone { background:none} #nav ul li a { float:left; color:#EBCFC8; text-decoration:none; padding:0px 14px; padding-top:11px; } #nav ul li a:hover { color:#ffffff; text-decoration:none} #nav ul li a.selected { height:35px; background: url(../images/bg_li_active.gif) repeat-x; color:#ffffff; text-decoration:none; } /* --------------------------------------------- 04. wrapper --------------------------------------------- */ #wrapper { width:820px; margin:0 auto} /* --------------------------------------------- 05. caption --------------------------------------------- */ #bgcaption { width:818px; float:left; border:1px solid #6E8F4D; border-top:none; background:url(../images/bg_caption2.gif)} #caption { width:778px; float:left; background:url(../images/bg_caption.gif) repeat-x top right ; padding-top:13px; padding-left:20px; padding-right:20px; padding-bottom:5px } #caption h2 { width:580px; float:left; line-height:1.3em} #caption .button { float:right; padding-top:12px; padding-right:10px} #caption .button a { float:left; display:block; font-size:14px; font-weight:bold; padding:7px 10px; border:1px solid #829E67; background:#8DB362 url(../images/bg_button_green.gif) repeat-x top right; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none} #caption .button a:hover { color:#FFFFFF; text-decoration:none} /* --------------------------------------------- 06. content --------------------------------------------- */ #bgcontent { width:818px; float:left; border:1px solid #59773F; border-top:none; background:#FFFAEC url(../images/bg_content.jpg) repeat-x top right; margin-top:7px} #content { width:775px; float:left; background:url(../images/flower_content.jpg) no-repeat left bottom ; padding-top:26px; padding-left:20px; padding-right:23px; padding-bottom:55px; position:relative } /* --------------------------------------------- 07. header --------------------------------------------- */ #header { width:775px; float:left} #header .photo { width:376px; height:243px; float:left; border:1px solid #C2B59B} #header .welcome { width:375px; float:right; } #header .welcome h1 { border-bottom:1px solid #DBE0C5; padding-bottom:4px; margin-bottom:6px} #header .welcome p { line-height:1.2em; padding-bottom:10px; } #header .welcome a { text-decoration:underline; } #header .welcome a:hover { text-decoration:none; color:#476f1f; } #header .welcome ul { float:left; padding-right:20px} #header .welcome ul li { font-size:13px; background:url(../images/icon_list.gif) no-repeat 5px 5px; color:#6E8F4D; padding-left:20px; line-height:1.4em; font-family:Arial, Helvetica, sans-serif; } #header .welcome ul li.heading { font-size:14px; color:#9C3628; font-weight:bold; padding-bottom:5px; background:none; padding-left:0px} /* --------------------------------------------- 08. quick links --------------------------------------------- */ #quicklinks {width:770px; float:left; margin-top:25px; padding-left:5px} #quicklinks a { text-decoration:underline; } #quicklinks a:hover { text-decoration:none; color:#476f1f; } #quicklinks .set { width:245px; float:left; padding-right:16px} #quicklinks .set-last { width:245px; float:right;} #quicklinks .thumb { width:75px; height:67px; float:left; border:1px solid #E1D8C4} #quicklinks .info { width:150px; float:left; padding-left:10px} #quicklinks p { font-size:10px; line-height:1.1em} /* --------------------------------------------- 09. footer styles --------------------------------------------- */ #footer { width:800px; float:left; margin-top:10px; padding-bottom:65px; padding-left:20px} #footer p { font-size:11px; color:#B1C381; font-family:Arial, Helvetica, sans-serif; position:relative} #footer p a { text-decoration:none; color:#B1C381;} #footer p a:hover { text-decoration: underline; color:#B1C381;} /* --------------------------------------------- 10. innerpage - subnav --------------------------------------------- */ #caption ul.sublinks { float:left; padding-top:16px; font-family:Arial, Helvetica, sans-serif; padding-left:14px} #caption ul.sublinks li { float:left; font-size:12px; text-align: left; background:url(../images/arrow_subnav.gif) no-repeat right center; color:#9C3628; padding-right:10px; padding-left:3px} #caption ul.sublinks li a { text-decoration:none; color:#9C3628; padding-right:3px} #caption ul.sublinks li a:hover { text-decoration: underline; color:#9C3628} #caption ul.sublinks li.heading { font-weight:bold; font-size:14px} #caption ul.sublinks li.noarrow { background:none} /* --------------------------------------------- 11. innerpage - left panel --------------------------------------------- */ #leftpanel { width:220px; float:left; padding-right:10px} #leftpanel ul.leftnav { float:left; font-family:Arial, Helvetica, sans-serif} #leftpanel ul.leftnav li { font-size:13px; text-align: left; color:#AE9F89; padding-bottom:4px} #leftpanel ul.leftnav li a { text-decoration:none; color:#AE9F89; padding-left:16px} #leftpanel ul.leftnav li a:hover { text-decoration: none; color:#6E8F4D; background:url(../images/icon_list.gif) no-repeat 0px 4px; padding-left:16px} #leftpanel ul.leftnav li a.selected {text-decoration: none; color:#6E8F4D; background:url(../images/icon_list.gif) no-repeat 0px 4px; padding-left:16px} /* --------------------------------------------- 12. innerpage - right panel --------------------------------------------- */ #rightpanel { width:545px; float:left} #rightpanel h1 { font-size:22px; padding-bottom:4px} #rightpanel h2 { font-size:16px; padding-bottom:4px; color:#6E8F4D} #rightpanel a { text-decoration:underline; } #rightpanel a:hover { text-decoration:none; color:#476f1f; } #rightpanel p { padding-bottom:20px} #rightpanel ul li { font-size:12px; line-height:20px; padding-left:15px; } #rightpanel ul li a:hover { background:url(../images/icon_list.gif) no-repeat 0px 4px; padding-left:16px } #rightpanel table { margin-bottom:20px; } #rightpanel table tr td { border-bottom:1px solid #DAD0BC; vertical-align:top; font-family:"Georgia", Arial, Helvetica, sans-serif; font-size:11px; color:#252525; padding:10px; } #rightpanel table tr td.bottom { border-bottom:none; } #rightpanel .column2 { width:140px; float:right; padding-left:15px; margin-top:4px; padding-bottom:200px;} #rightpanel .column2 .thumb { width:138px; height:98px; float:left; border:1px solid #DAD0BC; margin-bottom:10px;} #rightpanel .column2 h3 { font-size:14px; padding-bottom:2px; color:#6E8F4D; padding-left:2px} #rightpanel .column2 p { font-size:10px; padding-bottom:10px; padding-left:2px}