html, body {font-family: Geneva, Arial, Helvetica, sans-serif;background:  url(../images/main_background.jpg) top center repeat-y #000000;text-align:center;margin:0;padding:0;
	height: 100%;
}
#pagecontainer {
	min-height: 100%;width:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px; auto}
#footer, #pad {height: 45px;width:100%;text-align:center;}
#container {width:100%;margin: 0;padding:0;background:  url(../images/logo_nav.jpg) center top no-repeat ;}
#footer {background: url(../images/footer.jpg) center top no-repeat;}

#content {position:relative;text-align:left;margin: 180px auto 0 auto;padding:0 10px;width:500px;background: transparent}
html>body #content {padding:180px 3px 0 0;margin: 0 auto 0 auto}
#main {padding-bottom:30px;}

#navigation {width:210px;height:200px;position:absolute;text-align:right;left:295px;top:-162px;}
html>body #navigation {top:18px;left:296px}
#navigation a {font-weight:bold;display:block;font-size:10px;margin:2px 0 0 0;padding-right:25px;line-height:22px;color:#cccccc;text-decoration:none}
* html #navigation a {width:100%}
#navigation a:hover {border-right: 4px solid #ffffff;display:block;font-size:10px;margin:2px 0 0 0;padding-right:25px;line-height:22px;color:#ffffff;text-decoration:none;}
#navigation a:active, #navigation a:focus {color:#aaaaaa;outline:0} 

h1 {padding:0 7px 0 7px;margin:-3px 7px -5px 4px;font-style:italic;color:#ffffff;font-size:1.1em;font-weight:normal}
html>body h1 {padding:0 15px 0 15px;margin:-5px 7px -5px 4px;}
p, h3, h4, li {font-size:0.8em;color:#ffffff;padding:0 7px 0 7px;margin:10px 7px 0 7px;}
html>body p, html>body h3  {padding:0 15px 0 15px;margin:10px 7px 0 7px;}
h3 {font-size:10px}



.medium {font-size:1em;margin:0}
#rates a.rates, #home a.home, #gear a.gear, #faq a.faq, #online a.online, #clients a.clients, #contact a.contact, #contact a.contact:hover {outline:0;color:#ffffff;cursor:default;border-right:4px solid #ffffff;background-position:0 25px }
#faq a.faq:hover {margin-right:0;}
ol li, ul li {font-size:0.7em;padding:0}
form {margin:10px 0 0 15px }
html>body form {margin:10px 0 0 20px }
li {margin-top:0;margin-bottom:1px;margin-right:0;list-style: url(../images/bullet.jpg)}
ul {margin:10px 0 0 25px}
ol {margin:10px 0 0 -5px}
html>body ul {margin:10px 0 0 34px;padding:0}
a.nothing {list-style-type:none}
a:link {color:#ffffff}
a:hover {color:#cccccc}
a:visited {color:#ffffff}
a:active {color:#aaaaaa}
a:focus {outline:0;}
img {margin:15px -5px -7px -7px;float:right;border:0;}
html>body img {margin:15px 0 5px 10px;float:right;border:0;}
* html #gear img {margin:15px 0 0 0;border:0;width:470px}


#footer p {text-align:center;display:block;font-size:12px;color:#ffffff;padding: 16px 0 0 0}
html>body #footer p {padding: 24px 0 0 0}
a.home {background: url(../images/nav11.jpg) no-repeat;background-position:1px 0;}
a.faq {background: url(../images/nav21.jpg) no-repeat;background-position:1px 0;}
a.rates {background: url(../images/nav31.jpg) no-repeat;background-position:1px 0}
a.online {background: url(../images/nav41.jpg) no-repeat;background-position:1px 0}
a.clients {background: url(../images/nav51.jpg) no-repeat;background-position:1px 0}
a.gear {background: url(../images/nav61.jpg) no-repeat;background-position:1px 0}
a.contact {background: url(../images/nav71.jpg) no-repeat;background-position:1px -1px;line-height:24px}
a.home:hover, a.faq:hover, a.rates:hover, a.online:hover, a.clients:hover, a.gear:hover, a.contact:hover {background-position:0 25px }

html>body a.home {background-position:2px 0;}
html>body a.faq {background-position:2px 0;}
html>body a.rates {background-position:2px 0}
html>body a.online {background-position:2px 0}
html>body a.clients {background-position:2px 0}
html>body a.gear {background-position:2px 0}
html>body a.contact {background-position:2px -1px;}
html>body a.home:hover, a.faq:hover, a.rates:hover, a.online:hover, a.clients:hover, a.gear:hover, a.contact:hover {background-position:0 25px }

.ratestable {margin:10px 20px 0 20px;color:#ffffff;font-size:0.8em;font-weight:bold}