/*** GENERAL STYLES ***/

body {background: #fff url(../images/bkg.gif) 0 57px repeat-x; text-align: center; margin: 0; padding: 0;}
body, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000; margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #e00; text-decoration: none;}
a:hover {text-decoration: underline;}

.hide {display: none;}
.small {font-size: 11px;}
.large {font-size: 13px;}
.alert {color: #e00; font-weight: bold;}
.spacer {clear: both; height: 5px; overflow: hidden;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 758px; margin: 0 auto; text-align: left; background: url(../images/bkg-outer.gif) repeat-y;}

#top {position: relative; height: 135px; background: url(../images/bkg-top.gif) no-repeat;}
#logo {position: absolute; left: 9px; top: 25px; width: 350px; height: 80px; overflow: hidden; line-height: 300px;}
#clientlogin {position: absolute; right: 9px; top: 25px; width: 137px; height: 109px; overflow: hidden; line-height: 300px;}

#nav {height: 30px; background: url(../images/bkg-nav.gif) repeat-x; line-height: 30px; margin: 0 9px;}
#nav ul {float: left; border-right: 1px solid #900;}
#nav li {float: left;}
#nav a {display: block; border-left: 1px solid #900; border-right: 1px solid #a00; text-decoration: none; font-size: 13px; padding: 0 20px; color: #fff;}
#nav a:hover {text-decoration: underline;}
#nav li.on a {background: url(../images/bkg-nav-on.gif) repeat-x; color: #fff;}
#nav p {float: right; margin: 0; padding: 0 15px; font-family: times, "times new roman", serif; font-size: 14px; color: #fff; font-weight: bold;}
#nav p strong {font-size: 18px; color: #fff;}

#shadowleft, #shadowright {position: absolute; top: 134px; width: 9px; height: 183px; background: #f0f;}
#shadowleft {left: 0; background: url(../images/shadow-left.gif);}
#shadowright {right: 0; background: url(../images/shadow-right.gif);}

#main {position: relative; margin: 0 9px; padding: 35px 0; background: url(../images/bkg-main.gif) repeat-x;}
#columns {background: url(../images/bkg-columns.gif) 469px 0 repeat-y; padding: 10px 0; height: 10px;}
	html>body #columns {height: auto;}

#left {float: left; width: 404px; padding: 0 30px 0 35px;}
#left h1 {font-size: 20px; font-weight: normal; margin-bottom: 20px;}
#left h2 {font-size: 13px; margin-bottom: 2px;}

#left h1.home {font-family: times, "times new roman", serif; font-size: 45px; line-height: 48px; color: #e00; padding-top: 10px;}
#left h1.home strong {color: #000; font-variant: small-caps;}
#left p.home {font-family: times, "times new roman", serif; font-size: 24px; line-height: 27px;}
#left p.home a {display: block; font-style: normal;}

#contactform {width: 375px;}
.tf, .ta, .sb {margin-bottom: 9px !important;}
.tf {text-align: right;}
.tf input {width: 263px; border: 1px solid #828282; margin-left: 10px;}
.ta label {display: block; margin-bottom: 3px;}
.ta textarea {display: block; width: 373px; height: 100px; border: 1px solid #828282;}
.sb {text-align: right;}

#right {float: right; width: 210px; padding: 0 30px;}
#right blockquote {margin: 0; padding: 50px 0 0 0; font-family: times, "times new roman", serif; font-size: 18px; line-height: 24px;}
#right blockquote a.contactlink {display: block; font-size: 14px; font-style: normal; margin-top: .5em;}

#footer {position: relative; height: 46px; padding-top: 65px; background: url(../images/bkg-footer.gif) bottom no-repeat; text-align: center; line-height: 30px; font-family: times, "times new roman", serif;}
#footer p {position: absolute; left: 0; top: 10px; width: 758px; text-align: center; font-size: 14px; font-variant: small-caps; margin: 0; line-height: 16px;}