
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#68aecf;
background-image:url(/images/bg_body.gif);
background-repeat:repeat-x;
background-position:left top;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#1581b5;
font-weight:normal;
text-decoration:none;
}

a{}
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }
.red{ color:#e10000 !important; }
.bigger{ font-size:15px; line-height:20px; }

h1, h1 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
line-height:26px;
color:#3b7eb5;
font-weight:normal;
text-decoration:none;
}
h1{ padding-bottom:10px; }
h1.main{ color:#c39200 !important; font-size:28px; line-height:30px; }

h2{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#1581b5;
font-weight:bold;
text-decoration:none;
padding-top:5px;
padding-bottom:5px;
}

#page{ width:894px; margin:0px auto; text-align:left; }
#bg-bottom{
background-image:url(/images/bg_bottom.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:127px; position:relative; }
#header .logo{ position:absolute; top:64px; left:63px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ 
position:absolute; top:77px; left:364px; 
width:529px;
background-image:url(/images/bg_topnav_529x55.gif);
background-repeat:no-repeat;
background-position:left top;
}
#top-nav .link-auto{ float:left; }
#top-nav .link-life{ float:left; }
#top-nav .link-health{ float:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:20px; left:730px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#000;
text-decoration:none;
text-transform: uppercase;
}

#header-nav a{ padding:0px 15px; }
#header-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{
width:894px;
background-image:url(/images/bg_middle.gif);
background-repeat:repeat-y;
background-position:24px top;
float:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:620px; float:left; }
#content .content-wrapper{ padding:0px 60px 40px 65px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:274px; float:left; }
#right .right-wrapper{ padding:0px 0px 40px 0px; }

#testimonial{
width:250px; height:345px; 
background-image:url(/images/bg_testimonial.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0px 0px 20px 0px;
}
#testimonial .testimonial-wrapper{ padding:90px 20px 30px 20px; }
.signature{ width:200px; color:#5787aa; font-size:15px; font-weight:bold; font-style: italic; text-align:right;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav css */

#right-nav{
width:250px; height:410px;
background-image:url(/images/bg_articles.jpg);
background-repeat:no-repeat;
background-position:left top;
overflow: hidden;
}
#right-nav .right-nav-wrapper{ padding:68px 20px 20px 25px; }
#right-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#right-nav ul li{
background-image:url(/images/bullets_5x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
padding:2px 0px 2px 12px;
}
#right-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#5787aa;
text-decoration:none;
}
#right-nav ul li a:hover{ text-decoration: underline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{}
#main-nav ul{ padding:0px 0px 30px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#main-nav ul li{
background-image:url(/images/bullet_5x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
padding:2px 0px 2px 12px;
border-bottom:1px solid #2a486c;
}
#main-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#aacbe8;
text-decoration:none;
text-transform: none;
}
#main-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

#page-footer{ 
height:100px; position:relative; 
background-image:url(/images/bg_footer.gif);
background-repeat:no-repeat;
background-position:right top;
}

#page-footer .copy{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:normal;
color:#1581b5;
text-decoration:none;
position:absolute; top:20px; left:45px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */
                                                
#footer-nav{ position:absolute; top:20px; left:550px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:normal;
color:#1581b5;
text-decoration:none;
}
#footer-nav a{ padding:0px 10px; }
#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

