body, html  {
   margin: 0;  padding: 0; height: 100%;
   border: 0; text-align: left; font: 11px/1.5em "Lucida Grande", sans-serif;
   background: #c8d0bb; /*#cdcdcd*/
}

#container {
   position: absolute; left: 50%; margin: 0 0 0 -448px; padding: 0; width: 900px;
   text-align: left; background: #e1e1e1 url(../Images/containerBack.gif) repeat-y;
   min-height: 100%; height: 100%;
}

#sideBar {
   position: relative; float: left; width: 250px; left: 70px; height: 434px; 
   background: #efede7 url(../Images/infoBar.jpg) no-repeat 0px 0px;
   border-right: 1px solid #b7b7b7;
}

#relevantInfo {
   position: relative; float: left;
   background: transparent url(../Images/relevantBack.jpg) no-repeat top left;
   margin: 0; padding: 30px 20px 0 21px; min-height: 334px; height: 100%;
   font: 11px/150% "Lucida Grande", sans-serif;
   color: #666058;
}

#relevantInfo h1 { display: none; }

#relevantInfo h2 { 
   color: #73923e; font-weight: bold; 
   font-size: 110%; text-transform: uppercase; vertical-align: bottom;
   margin: 3px 0 0 0; padding: 0;
}

#relevantInfo p { margin-bottom: 30px; }
#relevantInfo p.listPar { margin-bottom: 5px; }


#relevantInfo ul { position: relative; float: left; margin: 5px 0 30px 0px; padding: 5px; list-style: none; display: inline; }

#relevantInfo ul li { position: relative; float: left; margin: 0; padding: 0 0 0 16px; }

#relevantInfo ul li a { 
   clear: both; display: block; margin-left: -16px; padding-left: 16px; 
   background: transparent url(../Images/listBullet.gif) no-repeat 0 7px;
}

#relevantInfo ul li a:hover { 
   display: block; clear: both; 
   background: transparent url(../Images/listBulletSelected.gif) no-repeat 0 7px; 
}

#relevantInfo a { text-decoration: none; }
#relevantInfo a:link { color: #ac2424; }
#relevantInfo a:visited { color: #ac2424; }
#relevantInfo a:hover { color: #5f6572; text-decoration: underline; }
#relevantInfo a:active { color: #ac2424; }

#content {
   position: relative; float: right; width: 459px; right: 70px; padding: 100px 20px 0 20px;
   margin-bottom: 40px;
   /*font: 12px/150% "Lucida Grande", sans-serif;*/
   background: transparent url(../Images/astroLabe.jpg) no-repeat 0 0;
}

#content a { text-decoration: none; }
#content a:link { color: #ac2424; }
#content a:visited { color: #ac2424; }
#content a:hover { color: #5f6572; text-decoration: underline; }
#content a:active { color: #ac2424; }

#content ul li a.principalList { clear: both; display: block; }

#content h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, verdana, sans-serif; font-weight: normal; }
#content h1 { font-size: 200% }
#content h2 { color: #73923e; font-size: 148%; font-weight: bold; }

#content span.journalTitle { font-style: italic; }

#content img.email { border: 0; padding: 0; margin: 0 0 -2px 0; }

#content .textfield, .textarea {
   border: 1px solid #CCC;
   background: #efede7;
   width: 100%;
}

#content .button {
   border: 1px solid #B0B0B0;
   background: #DDD;
   font: 11px/150% "Lucida Grande", sans-serif;
}

#content .label { width: 100%; }
#content .form { width: 80%; }
#content .submit { width: 100%; height: 30px; padding-top: 15px; }

#footer {
   position: absolute; float: right; width: 459px; right: 80px; height: 40px; bottom: 0;
   padding: 0 15px 0 15px; vertical-align: bottom; background: #d4d4d4; border-top: 1px solid #c7c7c6;
   color: #8f8e89;
}

#footer a { text-decoration: none; }
#footer a:link { color: #b48484; }
#footer a:visited { color: #b48484; }
#footer a:hover { color: #5f6572; text-decoration: underline; }
#footer a:active { color: #b48484; }

/* The Magic min-height fix happens here */
*>#container { height: auto; margin: 0 0 0 -440px; }
*>#sideBar { height: auto; min-height: 100%; }
*>#relevantInfo { height: auto; }
*>#content { min-height: 464px }

#nav { 
   width: 250px; height: 32px; background: url(../Images/menu.gif);
   margin: 91px 0 0 0; padding: 0; position: relative;
}
 
#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } 
#nav li, #nav a { height: 32px; display: block; }
#nav a span { height: 0; width: 0; overflow: hidden; display: block; }

#navHome { left: 0; width: 38px;}
#navServices { left: 39px; width: 49px;}
#navAboutUs { left: 89px; width: 52px;}
#navClients { left: 142px; width: 44px;}
#navContactUs { left: 186px; width: 64px;}

#navHome a:hover { background: transparent url(../Images/menu.gif) 0 -32px no-repeat; }
#navServices a:hover { background: transparent url(../Images/menu.gif) -39px -32px no-repeat; }
#navAboutUs a:hover { background: transparent url(../Images/menu.gif) -89px -32px no-repeat; }
#navClients a:hover { background: transparent url(../Images/menu.gif) -142px -32px no-repeat; }
#navContactUs a:hover { background: transparent url(../Images/menu.gif) -186px -32px no-repeat; }

body#home #navHome { background: transparent url(../Images/menu.gif) 0 -64px no-repeat; }
body#home #navHome a:hover { background: transparent url(../Images/menu.gif) 0 -96px no-repeat; }
body#services #navServices { background: transparent url(../Images/menu.gif) -39px -64px no-repeat; }
body#services #navServices a:hover { background: transparent url(../Images/menu.gif) -39px -96px no-repeat; }
body#aboutus #navAboutUs { background: transparent url(../Images/menu.gif) -89px -64px no-repeat; }
body#aboutus #navAboutUs a:hover { background: transparent url(../Images/menu.gif) -89px -96px no-repeat; }
body#clients #navClients { background: transparent url(../Images/menu.gif) -142px -64px no-repeat; }
body#clients #navClients a:hover { background: transparent url(../Images/menu.gif) -142px -96px no-repeat; }
body#contactus #navContactUs { background: transparent url(../Images/menu.gif) -186px -64px no-repeat; }
body#contactus #navContactUs a:hover { background: transparent url(../Images/menu.gif) -186px -96px no-repeat; }