@charset "UTF-8";
/* CSS Document */

body  { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/bkgd-whitegray.gif); background-repeat: repeat-y; background-position: left top; font-size: 10px; background-color: #000000; min-height: 100%; height: 100%; }
html, body { padding: 0px; margin: 0px; }
img {border:none; }
#container { height: 100%;float: left; }


#header { background-image: url(images/header-logo.gif); background-repeat: no-repeat; background-position: left top; height: 140px; margin-bottom: 0px; padding-bottom: 0px; } 
#header img { position: absolute; left: 17px; top: 50px; border-width: 0 }

/* start horizontal menu */
#nav { font-weight: bold; width: 775px; height: 30px; padding-left: 25px; background-color: #7d7464; background-image: url(../images/designForLiving.gif); background-repeat: no-repeat; background-position: right; }

#nav ul { text-align: center; color: white; width: 100%; letter-spacing: 1px; word-spacing: 1px; list-style-image: none; float: left; height: 10px; margin: 0; padding: 0px; }

#nav ul li { display: block; font-size: 9px; float: left; list-style-type: none; text-transform: uppercase; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: #504A3E; color: #A9D415; letter-spacing: 4px; text-align: left; margin-right: 30px; padding-top: 8px; height: 12px; }

#nav ul li a  { padding-left: 10px; color: white; text-decoration: none;  }

#nav ul li a:hover { color: #b8d902; }

#nav #active { color: #29251E; padding-left: 10px; }
/* end horizontal menu */

#mainContent { width: 800px; float: left; background-image: url(images/bkgd-white.gif); background-repeat: repeat-y; background-position: left top; } 

#mainContent p { font-size: 10px; line-height: 140%; margin-top: 10px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-left: 25px; } 
#mainContent h2 { font-size: 11px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 0px; text-align: left; font-weight: bold; }
#mainContent h2 strong { color: #5b6174; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 2px; word-spacing: 4px; padding-right: 15px; } 

#sidebar { width: 190px; float: left; background-color: #656f84; margin-top: 0px; padding-top: 15px; margin-bottom: 0px; padding-bottom: 0px; } 
#sidebar p { color: #FFFFFF; margin-left: 0px; padding-left: 0px; padding-right: 17px; padding-left: 17px; line-height: 170%; text-align: left; font-size: 11px; } 
#sidebar img { padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px; } 

#footer { width: 760px; padding-top: 60px; padding-left: 0px; font-size: 9px; float: left; height: 100px; } 
#footer p { font-size: 9px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 0px; text-align: left; line-height: 170%; }
#footer p strong { color: #5b6174; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 2px; word-spacing: 4px; padding-right: 15px; } 

#right { margin-bottom: 0px; padding-bottom: 0px; height: 100%; float: left; }
#right img { float: left; width: 800px; position: absolute; top: 30px; height: 700px; } 

#footerbar-left { position: fixed; bottom: 0px; left: 0px; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #afcd0e; width: 800px; margin-bottom: 0px; padding-bottom: 0px; } 
#footerbar-left p { font-size: 9px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 0px; text-align: left; font-weight: normal; }
#footerbar-left p strong { color: #5b6174; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 2px; word-spacing: 4px; padding-right: 15px; } 

#footerbar-right { position: fixed; bottom: 0px; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #7A7261; width: auto; } 
 
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.dots { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #AFCD0E; margin-bottom: 0px; padding-bottom: 0px; margin-top: 10px; }

a:link      { color: #404a6a; text-decoration: underline }
a:visited      { color: #404a6a; text-decoration: underline }
a:hover          { color: #404a6a; text-decoration: none }
a:active    { color: #404a6a; text-decoration: none }