body {background: #424c56 url(../bpimages/body.jpg) repeat-x top left; font: small/100% 'times new roman', 'palatino linotype', 'trebuchet ms',  georgia, serif;}

#wrapper {width: 778px; margin: 0 auto;}

#branding {margin: 0 auto; width: 758px; background: url(../bpimages/brand.jpg) repeat-y; height: 106px; padding: 0 10px; }
#branding h1 {background: url(../bpimages/vistera.jpg) no-repeat; width: 151px; height: 80px; float: left; margin: 10px 0 0 10px; }
#branding h1:hover, #branding h2:hover { cursor:pointer; }
#branding h2 {background: url(../bpimages/client.jpg) no-repeat bottom right; width: 153px; height: 55px; float: right; margin: 47px 0 0 0; }
#branding h1 b, #branding h2 b {display: none;}

#skip-divide {background: url(../bpimages/skip.jpg) repeat-x; height: 27px; margin: 0 auto; width: 762px;}

#nav {margin: 0 auto; width: 762px; }
#nav ul {background: url(../bpimages/nav.jpg) repeat-x top left; float: left; width: 100%; }
#nav ul li {float: left; background: url(../bpimages/li.jpg) no-repeat top right;}
#nav ul li a {float: left; text-decoration: none; text-transform: uppercase;  padding: 13px; color: #6e5313; letter-spacing: 0.1em; font-size: 0.75em;}

#subnav { margin: 0 auto; width: 762px; clear: both; }
#subnav ul { background: url(../bpimages/nav.jpg) repeat-x top left; float: left; width: 100%; }
#subnav ul li {float: left; background: url(../bpimages/li.jpg) no-repeat top right;}
#subnav ul li a {float: left; text-decoration: none; text-transform: uppercase;  padding: 5px 16px; color: #6e5313; letter-spacing: 0.1em; font-size: 0.75em;}

#flash {width: 762px; height: 197px; clear: both; margin: 0 auto;}

#content {background: #536571 url(../bpimages/copy.jpg) repeat-x top left; margin: 0 auto; width: 762px;}
#in-content {background: #536573 url(../bpimages/incopy.jpg) repeat-x top left; margin: 0 auto; width: 762px;}

dl {padding: 8px 0 10px 5px; background: url(../bpimages/line.jpg) no-repeat top left; width: 100%;}
dt span {display: none;}
dd#res a{background: url(../bpimages/res.jpg) no-repeat top left; width: 183px; height: 154px; display: block;}
dd#web a{background: url(../bpimages/web.jpg) no-repeat top left; width: 183px; height: 154px; display: block;}
dd#market a{background: url(../bpimages/market.jpg) no-repeat top left; width: 183px; height: 154px; display: block;}
dd#services a{background: url(../bpimages/services.jpg) no-repeat top left; width: 183px; height: 154px; display: block;}
dd {float: left; margin: 10px 2px;}
dd a span {display: none;}
.clear {clear: both; font-size: 0; height: 0; line-height: 0;}

#copy { }
#in-copy {width: 60%; float: left; padding: 50px 0;}
#copy p {color: #ffeeee; padding: 2px 20px 20px 30px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; letter-spacing: .05em; line-height: 16px; }
#in-copy p {color: #b2baae; padding: 2px 20px 20px 30px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; letter-spacing: .05em; }
h3 {padding: 5px 20px 10px 30px; font: 1.5em/140% arial; font-weight: bold; color: #FFCC66;}
#content h1 {padding: 5px 20px 10px 30px; font: 2.0em arial; font-weight: bold; color: #FFCC66;}
h4 {padding: 2px 20px 20px 30px; font: 1.2em/140% arial; font-weight: bold; color: #fff;}
#content h2 {padding: 2px 20px 20px 30px; font: 1.8em arial; font-weight: bold; color: #fff;}
#in-copy address {color: #b2baae; padding: 2px 20px 20px 30px; font: 0.9em/140% arial; color: #fff;}
#in-copy p strong, #copy ul li strong, #copy p a, #copy p strong {font-weight: bold; color: #FFCC66;}
#in-copy address a {color: #a19a7f;}
#in-copy hr {margin: 10px 0 10px 30px; color: #a19a7f; background: #a19a7f; line-height: 1px; height: 1px; border: 0 none;}

#mirage {float: right; width: 298px; margin: 30px 0 0 0 ;}
#feed {float: right; width: 271px; background: #586873 url(../bpimages/feedtile.jpg) repeat-y top left; margin: 0 20px 0 0;}
#slide {background: url(../bpimages/feedbottom.jpg) no-repeat bottom left; width: 271px; }
#feed p {color: #d8d1bd; padding: 5px 15px; font: 100%/200% arial; text-align: center; letter-spacing: 0.025em;}
#feed a img {float: right; margin: 10px;}

#footer {background: #202833 url(../bpimages/foot.jpg) repeat-x top left; height: 150px; width: 762px; margin: 0 auto;}
#footer address {font-style: normal; float: left; text-transform: uppercase; color: #a19a7f; letter-spacing: 0.04em; padding: 5px;}
#footer ul {float: right; text-transform: uppercase; }
#footer li {float: left; margin: 20px 10px;}
#footer li a {color: #a19a7f; text-decoration: none; float: left; font-size: 85%; letter-spacing: 0.125em;}
#footer a { color: #A19A7F; text-decoration: none; }

#copy ul { list-style-type: upper-alpha; font: 0.9em/140% arial; padding: 2px 20px 20px 80px; }
#copy ul li { padding:5px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; letter-spacing: .05em;  color: #ffeeee; }
#copy .numerical { list-style-type: decimal; }

.home { padding: 50px 0px; }

label { float: left; width: 100px; }
input { margin: 2px; }

#subnav { display: none; }
body#portal #subnav { display: block; }