/* CSS Document */

body { margin: 0 auto; background: #1c1c1c url(images/background.jpg) no-repeat top center fixed; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif }

h1, h2, h3, h4, h5, h6 { margin-top: 0px; font-weight: normal }

hr { border: none; height: 1px; background: #ccc }

#container { background: #fff url(images/container.gif) no-repeat; width: 790px; min-height: 675px; margin: 0 auto; position: relative; padding-bottom: 20px }
#container.extended { min-height: 920px }

/* Landing Page */
#container.home { background: #fff url(images/home-background.jpg) no-repeat; min-height: 517px; height: 517px; padding: 0 }
#container.home p.home { position: absolute; bottom: 64px; left: 33px; color: #fff; font-size: 1.125em; padding: 0; margin: 0 }
#container.home p.home span { font-size: 1.388em; display: block; padding-left: 3em }
/* ---------------------------------------------------------- */

#secondary { margin: 0 auto; width: 790px; padding: 0; text-indent: 0; text-align: right; display: block; line-height: 50px; list-style-type: none }
#secondary li { display: inline }
#secondary li.nofirst { border-left: 1px solid #fff; margin-left: 11px; padding-left: 10px }
#secondary a, #secondary a:visited, #secondary a:active { color: #fff; font-size: 0.625em; text-decoration: none; padding: 0.25em 0 }
#secondary a:hover { color: #393; text-decoration: none }

h1 { margin: 0; float: left; display: block }
h1 a { display: block; background: url(images/logo.gif) no-repeat; width: 255px; height: 51px; text-indent: -9999px; margin: 20px 0 0 28px }

h2 { display: none }

#nav { margin: 0 17px 0 0; padding: 0 0 0 26px; text-indent: 0; height: 80px; display: block; font-size: 0.6875em; position: absolute; right: 0; top: 0; border-left: 1px solid #ccc }
#nav li { display: inline; float: left } 
#nav li a, #nav li a:visited { color: #fff; display: block; width: 80px; line-height: 40px; padding-bottom: 8px; background: url(images/nav.gif) no-repeat; text-align: center; text-decoration: none; margin-right: 8px }
#nav li a.active, #nav li a:hover { background: url(images/nav-active.gif) no-repeat; text-decoration: none }

#copy { float: left; clear:both; width: 740px; margin: 0 auto; padding: 36px 15px 0 26px }
h3 { display: block; height: 30px; width: 80%; text-indent: -9999px; margin: 0 0 0 20px; padding: 0 }
h4 { color: #069; font-size: 0.75em; margin-top: 0;  }
h5 { color: #393; font-size: 0.8125em; margin-top: 0 }

/* About page  */
#copy.about { background: url(images/copy-clock.gif) top right no-repeat }
.about h3 { background: url(images/h3-about.gif) no-repeat }
/* ...................................................................... */
/* Contact page  */
#copy.contact { background: url(images/copy-chess.gif) top right no-repeat }
.contact h3 { background: url(images/h3-contact.gif) no-repeat }
.contact #side blockquote { margin-top: 2em }
/* ...................................................................... */
/* Events page  */
#copy.events { background: url(images/copy-pawns.gif) top right no-repeat }
.events h3 { background: url(images/h3-events.gif) no-repeat }
/* ...................................................................... */
/* Services page  */
#copy.services { background: url(images/copy-king.gif) top right no-repeat }
.services h3 { background: url(images/h3-services.gif) no-repeat }
/* ...................................................................... */
/* Strategy page  */
#copy.strategy { background: url(images/copy-digi.gif) top right no-repeat }
.strategy h3 { background: url(images/h3-strategy.gif) no-repeat }
/* ...................................................................... */

#main { display: block; float: right; width: 430px; margin: 40px 0 30px; color: #666 }

#main p, #main li { font-size: 0.6875em }

#main ul { margin: 0 0 0 20px; padding: 0 }
#main div { display: block; background: url(images/main-list.gif) no-repeat; padding: 0; height: 135px }
#main div ul { padding: 25px 40px; margin: 0 0 0 0; list-style-type: disc; /*margin: 30px 24px; text-indent: 24px;*/ color: #393; line-height: 1em }
#main div li { margin: 0; padding: 0 }

#main a, #main a:active, #main a:visited { color: #069; text-decoration: none }
#main a:hover { color: #393; text-decoration: none }

#side { display: block; width: 204px; border: solid 1px #9c9; background: url(images/side-background.jpg) bottom no-repeat; min-height: 300px; margin-top: 40px; float: left; padding: 20px 20px 150px 20px }

#side p, #side ul, #side ol { font-size: 0.6875em; color: #666 }
#side ol, #side ul { text-align: 0; padding: 0; margin: 0 0 0 20px }
#side blockquote { margin: 0 }
#side blockquote p { margin: 0; color: #069 }
#side blockquote p span { padding: 1.5em 0em 0em  1.5em; display: block }
#side cite { font-size: 0.6875em; color: #666; margin: 1.5em 0; display: block; text-align: right }

#side a, #side a:active, #side a:visited { color: #393; text-decoration: none; font-weight: bold }
#side a:hover { color: #069; text-decoration: none }

form p { display: block }
form p.alone { width: 100%; clear: both }
form p.alone input { width: 99% }
form p.right { float: right }
form p.left { float: left }
form p.right input, form p.left input { width: 200px }
form p.clear { clear: both }

form.register { margin: 0; padding: 0 }
form.register input { background: none; border: none; color: #069; font-size: .7em; margin: 0; padding: 0; font-weight: bold}
form.register input:hover { background: none; border: none; color: #393; cursor: pointer}

form p.left input, form p.right input, form p.alone input, form p.clear input { border: 1px solid #ccc; background: #fff; padding: 0.3em }

form #submit:hover { cursor: pointer }

hr.clear { display: none; border: none; background: none }

#footer { text-align: center; margin: 0 auto; width: 790px; color: #fff; line-height: 0.6em; padding: 1em }

#footer a, #footer a:active, #footer a:visited { color: #fff; text-decoration: none }
#footer a:hover { color: #393; text-decoration: none }

.footer { font-size: 0.65em }
.credit { font-size: 0.5625em }

#side p.blue, #side ul.blue, #main p.blue, #main ul.blue { color: #069 }
#side p.green, #side ul.green, #main p.green, #main ul.green { color: #383 }