/*
 G MOSS CONSULTING & SALES
 Copyright 2002/2010 Gerard Moss. All Rights Reserved.
  -  gerard.moss@gmail.com |  mail
  -  +1-506-386-2112           |  voice

 This site has been hand-crafted by Jason D. Moss.
  - www.jdmlabs.com           |  web
  - jason.moss@gmail.com  |  mail
  - +1-403-850-1496           |  voice
*/

* { margin: 0; padding: 0; border: 0; text-decoration: none; font-weight: normal }
article, aside, body, div, dl, footer, h1, h2, h3, h4, h5, h6, header, html, img, nav, ol, p, section, ul { display: block }
* a:link, * a:visited { padding: .1em; color: #009aeb }
* a:hover, * a:focus { text-decoration: underline; background: #000; color: #fff; cursor: pointer }
dl, ul { list-style: none }

html { border: 0; background: #37373b url('/assets/images/ui/carbon-grid.png') repeat 0 0; font: normal normal normal 100%/1.5em helvetica,verdana,arial,sans-serif; color: #ddd; cursor: default }
body { float: left; width: 100%; height: 100%; margin: 0 auto; padding: 0; background: transparent url('/assets/images/ui/toolbar.png') repeat-x 0 0 }
#page { width: 920px; height: 100%; margin: 0 auto; padding: 0 }
#page_content_container, #site_foot { float: left; clear: both; width: 98%; margin: 0; padding: 0 }

/* Page Head
**************************************/
#toolbar { display: block; float: left; width: 100% }
  #toolbar ul { width: 100%; margin: 0; padding: 0 }
  #toolbar ul li { padding: .5em 3em 0; font-size: 90%; color: #ddd }
  #toolbar ul li.tagline { float: left }
  #toolbar ul li.phone { float: right }
  #toolbar ul li.phone span { margin-right: 1.5em }

a.home-link { display: block; float: left; width: 323px; height: 100px; margin: 2em 2em 0 2em; padding: 0; border: 0; outline: none; background: transparent url('/assets/images/ui/gmcs-logo.png') no-repeat 0 0 }
  .home-link h1, .home-link h2 { display: none }
  .home-link:hover, .home-link:focus { background-color: transparent }
p.intro-blurb { display: block; float: right; width: 420px; margin: 1.5em 2em 0 0; font-style: italic; font-size: 80% }

#page_content_container { margin: 1em auto; padding: 0 6px 6px; border: .2em solid #252c30; background: transparent/*#2a3136*/url('/assets/images/ui/page-content-container.png') repeat 0 0 }

/* Navigation
**************************************/
nav#menu { z-index:100; float: left; width: 100%; margin: 6px 0 -.1em .5em; padding: 0 }
  nav#menu ul { margin: 0 0 0 -.3em; padding: 0 }
  nav#menu ul li { float: left; margin: 0 .3em; padding: 0 }
  nav#menu ul li a:link, nav#menu ul li a:visited { display: block; margin: 0; padding: .6em 1.2em 1em; color: #798d9c }
  nav#menu ul li a:hover, nav#menu ul li a:focus { background: #22272b; color: #fff }
  nav#menu ul li.current-page a { background: #455159; color: #fff }
nav#menu li.search-container { float: right; width: 300px; margin: -6px 1em 0 0; padding: .3em 1em .6em; background: #252c30 }
  li.search-container form label { display: block; width: 250px; margin: -3.5em 0 0 .5em; padding: .6em 0; background: #252c30; text-align: center; font-weight: bold; font-size: 80%; color: #e7bf2a; cursor: pointer }
  li.search-container form input.text-input { float: right; display: block; width: 250px; margin: 1em .2em 0 0; padding: .2em .5em; border: .1em solid #252c30; background: #1e2326; font-size: 90%; color: #444 }
  li.search-container form input.button { float: right; display: block; width: 30px; margin: 1em 0 0; padding: .2em .2em .1em; font-size: 90% }
li.light-me-up form input.text-input { border-color: #000; background: #f6f6f6; color: #000 }

/* Page Content
**************************************/
.column-left { float: left; width: 480px; padding-right: 18px; border: .2em solid #455159; background: #3d484f }
.column-right { float: left; width: 397px; padding-top: 1em; border: 0; background: transparent }
header h3 { margin: 1em .5em; line-height: 1.5em; font-variant: small-caps; font-size: 200%; color: #fff }
article { float: left; margin: 0 .5em .5em }
article p { margin: 0 .5em 1em }
article p.dev-note { display: block; float: left; margin: 4em 1em 0; padding: 1em; background: #252c30; line-height: 1.3em; font-style: italic; font-size: 80%; color: #60727d }
article p.dev-note span.label { margin-right: 1em; font-weight: bold; font-style: normal }

.vcard { float: right; width: 346px; margin: 0; padding: 1em 1.3em; border: .1em solid #2e363b; background: #262c30; font-size: 90% }
  .vcard h4 { margin: 0 0 1em 1em; font-variant: small-caps; font-size: 140% }
  .adr { display: block; margin: 0 0 1em 4em }
  .adr .postal-code { margin-right: .6em }
  .adr .country-name { margin-right: 2em }
  .tel, .email, .geo, .map { display: block; width: 88%; margin: 0; padding: 0 0 0 3em }
  .tel span, .email span, .geo span, .map span { float: left; width: 7em }
  .vcard div.hilite { background: #22272b; color: #fff }

/* Page Foot
**************************************/
#site_foot { float: left; clear: left; width: 80%; margin: 0 0 2em; padding: 0 }
  #site_foot p { display: block; margin: 0 0 0 2em; font-size: 75%; color: #aaa }
  #site_foot p span.label { display: inline-block; margin-right: 2em; font-style: italic }
  #site_foot a { color: #fff }
#stats_counter { display: block; float: left; width: 20% }
  #stats_counter a.statcounter { display: block; float: right; margin: 0 1em 0 0; padding: .2em; text-align: center }

/* Odds+Ends
**************************************/
#toplink { display: block; position: fixed; bottom: 3em; right: 37%; width: 30px; height: 30px; padding: .3em 1em 0; border: 1px solid #6b6a68; outline: none; background: transparent; text-align: center; font-weight: bold; font-size: 90%; color: #fff }
abbr { border-bottom: .1em dotted #fff; color: #fff; cursor: help }
abbr:hover, abbr:focus { background: #22272b }
.b { font-weight: bold }
.i { font-style: italic }
.highlight { background: #f00; color: #000 }
.block-text { display: block }
.profile .dev-note, .contact .dev-note, .contact .vcard .geo { display: none }