﻿body { background: #22231e url(images/bg-body.png) repeat-y center top; color: #d1cfd0; font: 62.5% Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; }

:active, :focus, :hover { outline: none; }

a { color: #d1cfd0; outline: none; text-decoration: underline; }
a:hover { text-decoration: none; }
a.the-chip { color: #fad126 !important; }

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.float-left { float: left; }
.float-right { float: right; }

img { border: 0; }
img.left { float: left; margin: 0 10px 10px 0; padding: 0; }
img.right { float: right; margin: 0 0 10px 10px; padding: 0; }

.clear { clear: both; }

#chip { position: relative; right: 0; top: 0; }
#chip-animation { position: absolute; right: 0; top: 0; }
#chip-inside { float: right; }

#content-container { background: url(images/bg-content.jpg) no-repeat center top; float: left; width: 900px; }

.content { background-color: #000; border: 1px solid #535353; float: left; padding: 20px 30px 15px; }
.content a { color: #8a5439; }
.content blockquote { font-size: 1.2em; line-height: 1.4em; quotes: none; }
.content blockquote:before, .content blockquote:after { content: ''; content: none; }
.content fieldset { border: 1px solid #535353; margin: 0; padding: 0; }
.content legend { color: #8a5439; font-size: 1.2em; margin: 0 10px; padding: 0; }
.content h3 { color: #b99c66; font: 2.4em "Times New Roman" , Georgia, serif; margin: 0 0 15px; padding: 0; }
.content h3 a { color: #b99c66; }
.content p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 15px; padding: 0; }
.content ol, .content ul { margin: 0 0 15px 15px; padding: 0 0 0 15px; }
.content ul li, .content ol li { font-size: 1.2em; line-height: 1.4em; margin: 0 0 5px; padding: 0; }

/*.home { display: inline; float: left; margin: 62px 32px 0 0; width: 488px; }*/
.home { display: inline; float: left; margin: 62px 30px 0; /*min-height: 350px;*/ width: 778px; }
.inside { display: inline; float: left; margin: 0 30px; min-height: 350px; width: 778px; }

.news div { clear: both; margin-bottom: 30px; }
.news div h4 { font: 700 2.0em "Times New Roman" , Georgia, serif; margin: 0; padding: 0; }
.news div h5 { color: #535353; font-size: 1.4em; font-weight: 400; margin: 0 0 15px; padding: 0; }
.news div span { clear: left; float: left; margin: 5px 21px 15px 0; width: 175px; }
.news div span br { display: none; }
.news div span img { width: 175px; }
.news div span em { display: block; font-style: normal; }

.staff div { clear: both; margin-bottom: 30px; }
.staff div h4 { font: 700 2.0em "Times New Roman" , Georgia, serif; margin: 0; padding: 0; }
.staff div h5 { color: #535353; font-size: 1.4em; font-weight: 400; margin: 0 0 15px; padding: 0; }
.staff div img { clear: left; float: left; margin: 5px 21px 15px 0; width: 112px; }

#footer { color: #87827c; font-size: 1.2em; float: left; margin: 40px 0 20px; padding: 0; width: 900px; }
#footer a { color: #8a5439; }
#footer cite { float: left; font-style: normal; padding: 30px 0 0 25px; width: 525px; }
#footer #credits { float: right; margin: 0; padding: 0 25px 0 0; text-align: right; width: 325px; }

/*
.form { padding: 20px; }
.form dl { margin: 0; padding: 0; }
.form dl dd { margin: 0 0 15px; padding: 0; }
.form dl dt { font-size: 1.2em; margin: 0; padding: 0; }
.form input.button, .form input.text, .form input.password, .form input.file, .form select, .form textarea { border: 1px solid #535353; margin: 0; padding: 0; }
.form input.button { background-color: #ece9d8; cursor: pointer; padding: 3px; }
.form input.text, .form input.password, .form input.file { padding: 2px; }
.form span.check label, .form span.radio label { font-size: 1.2em; }
.form textarea { font: 1.2em Arial, Verdana, Helvetica, sans-serif; overflow: auto; }
*/

h1 { background: url(images/bg-logo.jpg) no-repeat center center; float: left; height: 122px; margin: 0; padding: 0; text-indent: -999em; width: 900px; }
h2 { color: #989898; font: 3em Georgia, "Times New Roman" , serif; margin: 42px 0 20px 30px; padding: 0; text-transform: uppercase; }

#home-photo { float: left; margin: 62px 0 0; text-align: center; width: 290px; }
#home-photo img { margin: 0 auto; }

#main-container { margin: 0 auto; width: 900px; }

#montage { float: left; margin: 0; padding: 0; }
#montage img { float: left; height: 272px; width: 900px; }

/* First-level static menu */
#nav-main-container { background: url(images/bg-nav-main.jpg) no-repeat center top; float: left; width: 900px; }
#nav-main { display: inline; float: left; list-style: none; height: 25px; margin: 0 44px; padding: 17px 0 0; text-align: center; }
#nav-main li { color: #b9b8b8; float: left; font-size: 1.2em; list-style: none; margin: 0; padding: 0; }
#nav-main li a { background: url(images/pipe-nav-main.gif) no-repeat right center; display: block; padding: 0 18px; }
#nav-main li a:link, #nav-main li a:visited { color: #b9b8b8; text-decoration: none; }
#nav-main li a:hover, #nav-main li a:active, #nav-main li a.lit { color: #fefdfd; text-decoration: none; }
#nav-main li.last-item a { background: none; }

/* Second-level fly-out menu */
#nav-main li ul { left: -999em; list-style: none; margin: 0; padding: 5px 0 0; position: absolute; text-align: left; width: 150px; z-index: 100; }
#nav-main li ul li { background-color: #6b6b6a; border: 1px solid #a9a293; float: left; font-size: 1em; margin-top: -1px; width: 150px; }
#nav-main li ul li a { background: none; display: block; font-weight: 400; margin: 0; padding: 3px 8px; width: 134px; }
#nav-main li ul li a:link, #nav-main li ul li a:visited { color: #000; text-decoration: none; }
#nav-main li ul li a:hover, #nav-main li ul li a:active { background-color: #5f5e5d; color: #b99c66; text-decoration: none; }
#nav-main li:hover ul, #nav-main li.sfhover ul { left: auto; }
#nav-main li:hover, #nav-main li.sfhover { position: static; /*ie7*/ }

table { border-collapse: collapse; border-spacing: 0; }

#quote-request { border: none; margin: 0; padding: 0; }
#quote-request input, #quote-request select { font: 1em Arial,Verdana,Helvetica,sans-serif; }
#quote-request input.button { background-color: #ece9d8; border: 1px solid #535353; cursor: pointer; margin: 0; padding: 3px; width: 69px; }
#quote-request label { display: block; }
#quote-request label.required { font-weight: 700; }
#quote-request .gridview { border: none; font-size: 1.2em; margin: 0 0 15px; }
#quote-request .gridview td, #quote-request .gridview th { font-weight: 400; padding: 2px; }

span.required { color: #f00; font-size: 2em; position: absolute; }
