body, html {position:relative; width:100%; height:100%; background:url(../../images/site_specific/layout/bg.gif) repeat-y top center #bab4aa; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px;}
strong {font-weight:bold;}

.clear {clear:both;}

h1, h2, h3, h4, h5, p {margin-bottom:0;}
h1 {font-size:2em; line-height:1em; font-weight:bold; font-style:italic; color:#566423; padding:15px 0 3px 0;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.2em; font-weight:bold; margin-bottom:10px; color:#78a12f;}
h3 {font-size:1.4em; line-height:1.2em; font-style:italic; color:#566423; margin-bottom:3px;}
h4 {font-size:1.6em; line-height:1.5em; font-style:italic; color:#566423;}
h5 {font-size:1.3em; line-height:1.3em;}
p, div.paragraph {font-size:1.3em; line-height:1.6em; margin-bottom:18px;}
a {color:#78a12f; text-decoration:none;}
a:hover {text-decoration:underline;}
hr {border:0; color:#78a12f; background-color:#78a12f; height:2px; width:100%; margin:20px 0;}

#wrapper {position:relative; width:899px; margin:0 auto;}

/* --------header-------- */
#header {position:relative; width:899px; padding:21px 0 0 0; background:url(../../images/site_specific/layout/header.jpg) no-repeat left bottom;}

/* --------nav-------- */
#main_nav {position:relative; width:530px; margin:0 0 0 356px;}
#main_nav li {position:relative; float:left; margin:0 8px 8px 0;}
#main_nav li div.tab-l {position:relative; float:left; width:9px; height:60px; background:none;}
#main_nav li div.nav-box {display:table; float:left; height:60px; background:none;}
#main_nav li a {display:table-cell; vertical-align:middle; min-width:42px; font-size:1.2em; line-height:1.2em; font-weight:bold; font-style:italic; text-align:center; color:#fff;}
#main_nav li div.tab-r {position:relative; float:left; width:9px; height:60px; background:none;}
#main_nav li.clear-li {clear:both; float:none; width:0; height:0; margin:0; padding:0; border:0;}

#main_nav li:hover div.tab-l, #main_nav li.selected div.tab-l {background:url(../../images/site_specific/layout/tab_l.png) no-repeat;}
#main_nav li:hover div.nav-box, #main_nav li.selected div.nav-box {background:url(../../images/site_specific/layout/main_nav_x.png) repeat-x;}
#main_nav li:hover a {text-decoration:none;}
#main_nav li.selected a {color:#78a12f; text-decoration:none;}
#main_nav li:hover div.tab-r, #main_nav li.selected div.tab-r {background:url(../../images/site_specific/layout/tab_r.png) no-repeat;}

#sub_nav_wrapper {position:relative; width:899px; height:16px;}
#sub_nav_short {position:relative; width:475px; height:16px; margin-left:356px; padding-left:8px; background:url(../../images/site_specific/layout/sub_short.png) no-repeat; text-align:left;}
#sub_nav_short li {display:inline; position:relative; padding-right:22px;}
#sub_nav_short li a {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:16px; font-weight:bold; color:#fff;}
#sub_nav_short li a:hover, #sub_nav_short li a.selected {color:#78a12f; text-decoration:none;}

#sub_nav_long {position:relative; width:873px; height:16px; margin-left:13px; background:url(../../images/site_specific/layout/sub_long.png) no-repeat; text-align:center;}
#sub_nav_long li {display:inline; position:relative; padding-right:11px; padding-left:11px;}
#sub_nav_long li a {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:16px; font-weight:bold; color:#fff;}
#sub_nav_long li a:hover, #sub_nav_long li a.selected {color:#78a12f; text-decoration:none;}

#header_spacer {position:relative; width:899px; height:163px;}

#top_line {position:absolute; width:899px; height:5px; left:0px; top:0px; background-color:#78a12f;}
#logo {display:block; position:absolute; width:336px; height:60px; left:12px; top:21px; background:url(../../images/site_specific/layout/logo.png) no-repeat;}
#brands {position:absolute; width:100px; height:20px; right:9px; bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; text-transform:uppercase; text-align:center; color:#78a12f;}

/* --------contents-------- */
#contents {position:relative; width:899px; background:url(../../images/site_specific/layout/bg_y.jpg) repeat-y;}

/* --------single column template-------- */
#single_column {position:relative; width:661px; margin:0 0 0 119px;}
#rodelle {display:block; position:absolute; width:97px; height:33px; right:13px; top:2px; background:url(../../images/site_specific/layout/logo_rodelle.jpg) no-repeat;}
#harmony {display:block; position:absolute; width:96px; height:84px; right:14px; top:49px; background:url(../../images/site_specific/layout/logo_harmony.jpg) no-repeat;}

#single_column ul {list-style:disc; margin-top:-13px; padding:0 0 18px 25px;}
#single_column ul li {font-size:1.3em; line-height:1.4em; margin-bottom:4px;}

/* --------two column template-------- */
#column_l {position:relative; float:left; width:488px; margin:0 0 0 119px;}
#column_l ul {list-style:disc; padding:10px 0 10px 25px;}
#column_l ul li {font-size:1em; line-height:1.2em; margin-bottom:6px;}
#column_l ol {list-style:decimal; padding:10px 0 10px 25px; margin-left:1.5em;}
#column_l ol li {font-size:1em; line-height:1.2em; margin-bottom:6px;}


#column_r {position:relative; float:right; width:265px; margin:0 5px 0 0;}



.quote {position:relative; padding:0 0 20px 27px;}
#column_r div.quote {position:relative; padding:0 20px 20px 27px;}
.quote strong.quote-name {display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.4em; font-weight:normal; text-align:right; color:#566423;}
div.quote span.quote-title {display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.4em; font-weight:normal; font-style:italic; text-align:right; color:#566423;}


/* --------footer-------- */
#footer {position:relative; width:899px; height:55px; padding-top:25px; background:url(../../images/site_specific/layout/footer.png) no-repeat;}
#footer p {text-align:center; color:#fff;}
#footer p a {color:#fff;}


.hidden {visibility:hidden;}
.titletextw1img_left img {width:37%;}
.titletextw1img div.content img {width:37%;}
.title_body_4imgs ul.side_images  {margin:0px 0 0 10px; width:37%; padding:0px;}
#column_l div.title_body_4imgs ul.side_images  {margin:0px 0 0 10px; width:38%; padding:0px;}
.title_body_4imgs ul.side_images li img {width:100%;}
.fourimgs {margin:10px 0;}
.fourimgs img {margin:0 1% 0 0; width:23%;}
div.content h2 {margin: 10px 0;}




