/* ################################################################################

Global CSS style sheet for Chautauqua Capital Management website
Created by Ballas Creative (www.ballascreative.com)
Copyright (C) 2009 Chautauqua Capital Management, Inc.

################################################################################ */

/* GLOBAL SETTINGS */

body { width:100%; padding:0; margin:0; font:14px/20px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif; color:#c5baae; }
.body-home { background:#24180a url(../images/back-home.jpg) no-repeat center top; }
.body-secondary { background:#24180a url(../images/back-secondary.jpg) no-repeat center top; }
p { letter-spacing:0em; line-height:18px; }
h1 { color:#fff; font:2.5em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif; margin-top:-3px; _margin-top:0; letter-spacing:-1.2px; }
h2 { color:#fff; font:18px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif; letter-spacing:-1.2px; }
h3 { font:14px/20px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif; color:#c5baae; font-style:italic; margin-top:-15px; }
a { color:#fff; text-decoration:none; }
a:hover { color:#c5baae; text-decoration:underline; }
img { border:0; }

/* NAVIGATION */

#wrapper-nav { width:935px; margin:-10px auto -18px auto; _margin:3px auto -23px auto; #margin:3px auto -23px auto; padding-left:35px; }
#wrapper-nav ul { list-style-position:outside; margin-left:-95px; }
#wrapper-nav ul li { display:inline; list-style-position:inside; }
#wrapper-nav .spacer { position:relative; padding:0 32px 0 32px; }

/* FOCAL POINTS */

#wrapper-focalpoint-home { width:970px; height:378px; margin:2px auto; background:url(../images/fp-home.jpg) no-repeat; }
#wrapper-focalpoint-home .star { width:17px; height:19px; position:relative; top:370px; left:480px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-secondary { width:970px; height:298px; margin:2px auto; background:url(../images/fp-secondary.jpg) no-repeat; }
#wrapper-focalpoint-secondary .star { width:17px; height:19px; position:relative; top:291px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-aboutus { width:970px; height:298px; margin:2px auto; background:url(../images/fp-aboutus.jpg) no-repeat; }
#wrapper-focalpoint-aboutus .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-tradition { width:970px; height:298px; margin:2px auto; background:url(../images/fp-tradition.jpg) no-repeat; }
#wrapper-focalpoint-partners { width:970px; height:298px; margin:2px auto; background:url(../images/fp-partners.jpg) no-repeat; }
#wrapper-focalpoint-partners .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-services { width:970px; height:298px; margin:2px auto; background:url(../images/fp-services.jpg) no-repeat; }
#wrapper-focalpoint-services .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-performance { width:970px; height:298px; margin:2px auto; background:url(../images/fp-performance.jpg) no-repeat; }
#wrapper-focalpoint-performance .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-contactus { width:970px; height:298px; margin:2px auto; background:url(../images/fp-contactus.jpg) no-repeat; }
#wrapper-focalpoint-contactus .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-privacy { width:970px; height:298px; margin:2px auto; background:url(../images/fp-privacy.jpg) no-repeat; }
#wrapper-focalpoint-privacy .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-team { width:970px; height:298px; margin:2px auto; background:url(../images/fp-team.jpg) no-repeat; }
#wrapper-focalpoint-team .star { width:17px; height:19px; position:relative; top:216px; left:470px; background:url(../images/fp-star.png) no-repeat; _background:url(../images/fp-star.gif) no-repeat; }
#wrapper-focalpoint-secondary .logo { width:214px; height:74px; position:absolute; margin-top:63px; margin-left:72px; }

/* WRAPPERS & CONTENT */

#wrapper-content { width:100%; height:auto; background:#30200d; }
#wrapper-content .content-main { width:841px; border-left:9px solid #514333; border-right:9px solid #514333; border-bottom:9px solid #514333; margin:auto; padding:45px 50px 45px 60px; }
#wrapper-content .content-main .login { width:549px; height:300px; background:url(../images/back-login.jpg) no-repeat; margin-left:-7px; margin-top:-100px; }
#wrapper-content .content-main .float-right { position:absolute; margin-top:-5px; margin-left:600px; }
#wrapper-content .secondary { width:872px; border-left:9px solid #514333; border-right:9px solid #514333; border-bottom:9px solid #514333; margin:auto; padding:45px 50px 45px 30px; }
#wrapper-content .secondary .img-team { padding:5px; border:1px solid #514333; margin:0 0 160px 20px; }
#wrapper-content .secondary .content-secondary { width:72%; position:relative; top:5px; _top:0; left:250px; _left:30px; #left:30px; }
#wrapper-content .secondary .float-left { width:50%; float:left; padding:5px 0 5px 0; }

/* SUB-NAVIGATION */

#wrapper-content .secondary .subnav { width:214px; height:50px; float:left; }
#wrapper-content .secondary .subnav .subnav-button { width:214px; height:auto; background:url(../images/back-subnav.jpg) no-repeat; }
#wrapper-content .secondary .subnav .subnav-button:hover { width:214px; height:auto; background:url(../images/back-subnav-hover.jpg) no-repeat; }
#wrapper-content .secondary .subnav .subnav-button-visit { width:214px; height:auto; background:url(../images/back-subnav-hover.jpg) no-repeat; }

/* FOOTER */

#wrapper-footer { width:100%; height:auto; background:url(../images/back-footer.gif) repeat-x; }
#wrapper-footer .footer-content { width:837px; margin:auto; padding:20px 70px 20px 30px; text-align:center; }
#wrapper-footer .footer-content p { letter-spacing:0em; color:#79654d; font-size:11px; line-height:18px; }
#wrapper-footer .footer-content ul { list-style-position:outside; }
#wrapper-footer .footer-content ul li { display:inline; list-style-position:inside; padding-left:25px; padding-right:25px; }
#wrapper-footer .footer-content ul li a { text-transform:uppercase; text-decoration:none; color:#a0896e; font-size:11px; }
#wrapper-footer .footer-content ul li a:hover { text-transform:uppercase; text-decoration:none; color:#fff; font-size:11px; }
#wrapper-footer .footer-content a.ballas { letter-spacing:0em; color:#79654d; font-size:11px; line-height:18px; text-decoration:none; }
#wrapper-footer .footer-content a.ballas:hover { letter-spacing:0em; color:#fff; font-size:11px; line-height:18px; text-decoration:none; }

/* FORMS */

#wrapper-content .content-main #table { width:520px; border:1px solid #514333; padding:20px; }
#wrapper-content .content-main #table .textfield { font-size:12px; background:#fff url(../images/back-form.jpg) repeat-x; border:1px solid #d1d1d1; padding:5px; margin-top:5px; margin-bottom:6px; width:230px; }
#wrapper-content .content-main #table .textarea { font-size:12px; background:#fff url(../images/back-form.jpg) repeat-x; border:1px solid #d1d1d1; padding:5px; margin-top:5px; margin-bottom:6px; width:490px; height:200px; }
#wrapper-content .content-main #table .listmenu { border:1px solid #d1d1d1; font-size:12px; padding:4px; width:241px; background-color:#f9f9f9; margin-top:5px; margin-bottom:6px; }
#wrapper-content .content-main #table .button { font-size:13px; padding:4px; background-image:url(../images/back-btn-form.jpg); border-bottom-width:2px; border-right-width:2px; height:30px; width:90px; border:1px #999999 outset; color:#333; }
#wrapper-content .content-main #table .form-required { color:#e55c00; font:bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
