/* ------- basic layout properties ------- */

* { padding: 0; margin: 0; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; padding: 0; color: #666; font: 11px/1.4em Verdana, sans-serif; background-color: #333; }
p { padding: 10px 0; line-height: 20px; }
img { padding: 0; margin: 0; }
h1 { font-size: 14px; color: #690; padding-top: 6px; padding-bottom: 6px; }
h2 { font-size: 12px; color: #996633; padding-top: 10px; padding-bottom: 10px; }
h3 { font-size: 12px; color: #996633; padding-top: 15px; padding-bottom: 10px; }

a { color: #666; text-decoration: underline; }
a:hover { color: #690; text-decoration: none; }

#logo { position: relative; left: 0; top: 8px; width: 238px; height: 328px; background: #333 url(../images/logo.gif) no-repeat;  }

#nav { float: left; position: absolute; top: -40px; }
#nav ul {  position: relative; width: 221px; left: 11px; padding: 0; top: -85px; }
#nav li { display: inline; text-indent: 15px; font-family: Georgia, Verdana, sans-serif; font-weight: bold; font-size: 12px; }
#nav li.button1 { color: #fff; text-decoration: none; display: block; height: 26px; padding-bottom: 2px; margin-left: 5px; width: 221px; line-height: 25px; background-image: url(../images/button1_off.gif); background-repeat: no-repeat; }
#nav li.button2 { color: #fff; text-decoration: none; display: block; height: 26px; padding-bottom: 2px; margin-left: 5px; width: 221px; line-height: 25px; background-image: url(../images/button2_off.gif); background-repeat: no-repeat; }
#nav li.button3 { color: #fff; text-decoration: none; display: block; height: 26px; padding-bottom: 2px; margin-left: 5px; width: 221px; line-height: 25px; background-image: url(../images/button3_off.gif); background-repeat: no-repeat; }
#nav li.button4 { color: #fff; text-decoration: none; display: block; height: 26px; padding-bottom: 2px; margin-left: 5px; width: 221px; line-height: 25px; background-image: url(../images/button4_off.gif); background-repeat: no-repeat; }
#nav li.button5 { color: #fff; text-decoration: none; display: block; height: 26px; padding-bottom: 2px; margin-left: 5px; width: 221px; line-height: 25px; background-image: url(../images/button5_off.gif); background-repeat: no-repeat; }
#nav li.button1 , #nav li.button2, #nav li.button3, #nav li.button4, #nav li.button5, { color: #630; text-decoration: none; }

a.buttons { color: #fff; text-decoration: none; }
a.buttons:hover { color: #630; text-decoration: none; }

#container { position: absolute; width: 100%; height: 100%; }
#main-bg { position: relative; margin: 0 auto; width: 955px; height: auto; top: 0; background: #333 url(../images/bg_stretch.jpg) repeat-y; }
#header { position: relative; width: 955px; height: 32px; background: #fff url(../images/bg_header.jpg) no-repeat; }
#main-content { position: relative; margin: 0 auto; width: 955px; height: auto; top: 0; left: 0px; }
#main-text ul { padding: 0; }
#main-text li { font: 11px/1.4em Verdana, sans-serif; line-height: 20px; margin: 0 15px; }
#main-text { position: relative; float: right;width: 660px; height: auto; top: 0; right: 30px; padding: 0 5px; background-color: #fff; }
#main-text img { position: relative; margin-left: 20px; margin-bottom: 20px; top: 15px;  }
#main-header { position: relative; width: 513px; height: auto; top: -10px; left: 244px; padding: 0; margin-bottom: 5px; background-color: #fff; }
#main-header img { position: relative; top: 10px; padding-bottom: 10px; }
#main-header a { color: #960; text-decoration: underline; }
#main-header a:hover { color: #630; text-decoration: none; }
.home { margin-left: 10px; }
.home span { margin-left: 3px; font-size: 8px; text-decoration: none; }

p.companyInfo { position: relative; top: -75px; left: 25px; margin: 0 auto; color: #ffc; line-height: 18px; }
p.companyInfo a { color: #ffc; text-decoration: none; }
p.companyInfo a:hover { color: #630; text-decoration: none; }

.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; border: 1px solid #666; }
.clear { position: relative; width: 100%; height: 20px; clear: both; }

#footerMain { position: relative; margin: 0 auto; width: 955px; height: auto; top: 0; background: #333 url(../images/bg_footer.jpg) no-repeat; }
#footer {  color: #960; font: 10px/1.4em Verdana, sans-serif; position: relative; width: 700px; height: 28px; bottom: 15px; text-align: center; left: 100px; _left: 0; *left: 0; }

/*#footer {  color: #960; font: 10px/1.4em Verdana, sans-serif; position: relative; width: 660px; height: 28px; bottom: 15px; left: 100px; _left: 0; text-align: center; }*/
#footer ul {  position: relative; width: 482px; left: 247px; padding: 0px; }
#footer li { display: inline; padding-right: 0.1em; padding-left: 0.4em; border-left: 1px solid #630; }
#footer li.first { border-left: none; }
#footer a { color: #960; text-decoration: underline; }
#footer a:hover { color: #630; text-decoration: none; }

/*

IE6 & 7 Hacks

left:100px;  works in all
*left: 0; /* targets IE6 and 7
_left: 0; /* targets IE6 

*/