/* Global Styles 
------------------------ */
body { background:#56679f url(../images/background.gif) 0 0 repeat; color:#000; font:normal .8em Verdana, Geneva, sans-serif; }
* { margin:0; padding:0; }
html { height:100%; }
img { border:0; }
ul, li { list-style: none; }
h1 { background-color: inherit; color: #933; font-size:1.4em; padding-bottom: 1em; }
h2 { background-color: inherit; color: #0c2371; font-size:1em; padding-bottom: .1em; }
h3 { }
p { margin-bottom:1em; line-height: 1.3em; }
a { background-color:inherit; color:#22519e; text-decoration: underline; }
a:hover { background-color:inherit; color:#6f6f6f; text-decoration:none; }

#wrapper { border-right:2px solid #000; border-left:2px solid #000; margin:0 auto; width:938px; }

/* top of page
------------------------ */
#header { background-color:#d5d6c6; color:#657263; height:auto !important; margin:0 auto; min-height:100px; width: 938px; }
.logo { margin-left:19px; position:absolute; top: 16px; z-index:1; }
#top-nav { float:right; margin: 82px 130px 0 0; width:600px; }
#top-nav li { display:inline; font: normal .85em "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-right: 35px; text-transform:uppercase; }
#top-nav a { background-color:inherit; color:#0f2e94; text-decoration:none; }
#top-nav a:hover, .homep #top-nav a.n-homep, .aboutp #top-nav a.n-aboutp, .servicesp #top-nav a.n-servicesp, .portfoliop #top-nav a.n-portfoliop, .contactp #top-nav a.n-contactp { background-color:inherit; color:#838383; }
.phone { margin-left:695px; position:absolute; top: 20px; z-index:20; }
#rotate { height:293px; width: 938px; }

/* top of page
------------------------ */
#content { background:#f4f2e8 url(../images/content_bkg.gif) 0 0 no-repeat; color:inherit; height:auto !important; min-height:190px; padding: 25px 20px 25px 30px; }

#mainContent { float:left; margin-right:50px; width: 458px; }
#mainContent ul { margin-bottom: 1em; }
#mainContent li { list-style: disc; margin-left:2.5em; padding-bottom: .5em; }

#subContent { float:left; margin-top:39px; width: 370px; }
#subContent h2 { background-color: inherit; color: #933; font-size:1em; padding-bottom: .5em; }
#subContent p { margin: 1.5em 0; width: 90%; }

#subContent .affiliates { margin-top: 1em; }
#subContent .affiliates div { float: left; width:64px; }
#subContent .affiliates div img { height:64px; width:64px; }
#subContent .affiliates a { background-color:inherit; color: #000; font-weight:bold; text-decoration: underline; }
#subContent .affiliates a:hover { background-color:inherit; color: #6f6f6f; text-decoration: none; }
#subContent .affiliates dl { font-size:.9em; margin-left: 74px; padding-top: 20px; }
#subContent li { list-style: disc; margin-left:2.5em; padding-bottom: .5em; }

#onecolumn { float:left; margin-right:0 50px; width:900px; }

/* additional page classes
------------------------ */
.staff p { background-color:inherit; color:#444; }
.services p { background-color:inherit; color:#444; }


.th_gallery { }
.th_gallery li { float: left; margin: 0 20px 20px 0; }
.th_gallery img { display: block; width:150px; height:114px; border: 1px solid #9e9e9e; padding:2px; }
.th_gallery a:hover img { border: 1px solid #612e88; }


/* images
------------------------ */
img.callout { border:1px solid #9e9e9e; float:left; margin: 0 10px 5px 0; padding:2px; }
img.seeport { margin: 1em; }
img.borderpic { border:1px solid #9e9e9e; padding:2px; }
img.floatR { border:1px solid #9e9e9e; float:right; margin: 5px 0 5px 10px; padding:2px; }


/* Contact Form
----------------------------------------- */
.contactarea form { width: 460px; margin: 40px 0 30px 0; }
.contactarea fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #003366; }
.contactarea legend { font-weight: bold; font-size: 1.2em; padding: 0 4px 8px 4px; color: #369304; background-color: #fff; }
.contactarea dt { float: left; width: 36%; text-align: right; padding: 5px 10px 0 0; }
.contactarea label.last { font-weight: bold; text-align: left; padding-left: 10px; }
.contactarea input, .contactarea textarea, .contactarea select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
.contactarea input.submit { margin-top: 1em; padding: 3px; color: inherit; background-color: #FDFE9A; }
.contactarea .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

#footer { background:#051032 url(../images/footerbkg.gif) 0 0 repeat-x; color:inherit; padding-bottom:15px; text-align:center; }
#footer ul { font-size:.85em; padding:25px 0; }
#footer li { display:inline; padding:0 35px; text-transform:uppercase; }
#footer a { background-color:inherit; color:#7681a8; text-decoration:none; }
#footer a:hover, .homep #footer a.f-homep, .aboutp #footer a.f-aboutp, .servicesp #footer a.f-servicesp, .portfoliop #footer a.f-portfoliop, .contactp #footer a.f-contactp { background-color:inherit; color:#909090; text-decoration:none; }
#footer .copyright { background-color:transparent; color:#9fa5bb; font-size:.8em; margin:0; }
#footer .credit a { background-color:transparent; color:#525c7d; font-size:.75em; text-decoration: none; }
#footer .credit a:hover { text-decoration: underline; }


/* Self Clearing Floats
------------------------ */
#wrapper:after,
#content:after,
#mainContent:after,
#subContent:after,
#subContent .affiliates:after,
#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }