@charset "UTF-8";
/* CSS Document
TaskFleet Ltd., 2009 MMIX

**************************
0. HTML / BODY
1. HEADER (id)
  1.1 LOGO (class)
  1.2 DIVIDER (class)
2. MAIN (id)
  2.1 WRAP (class)
    2.1.1 SYNOPSIS (class)
    2.2.2 ADDRESS (class)
  2.3 STATEMENT (class)
    2.3.1 QUOTATIONSTART (class)
    2.3.2 QUOTE (class)
    2.3.3 AUTHOR (class)
  2.4 GRAYBOARD (class)
    2.4.1 WRAP (class)
      2.4.1.1 H3 (class)
      2.4.1.2 CONTAINER (class)
        2.4.1.3 LABEL (class)
        2.4.1.4 REFERENCE (class)
  2.5 PUSH (enables sticky footer)
3. WRAPPER (id, enables sticky footer)
4. FOOTER (id)
  4.1 COPYRIGHT (class)
  4.2 VALIDATOR (class)
5. CLEAR (class)
6. GMAPS (id)
  6.1 GMAPSCONTAINER (id)
***************************/


/********** 0. HTML / BODY **********/
html, body {font:87.5%/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;text-align:center;height:100%;color:#02161f;background-color:#333;/*background:url('../images/headBg.jpg') repeat;*/background-position:0 50%;}
a:link, a:visited {color:#a86c4f;text-decoration:none;}
a:hover, a:active {background-color:#a86c4f;color:#f8f8f8;}
h1, h2, h3 {font-weight:normal;padding:0;margin:0;}
h2 {color:#02161f;padding:8px 0 8px 4px;letter-spacing:0.06em;}
h1 {color:#a86c4f;font-size:180%;margin-bottom:0.5em;margin-top:1.25em;letter-spacing:0.06em;}
div {}
p {padding: 0 0 20px 0;}
.flash-container {margin-bottom:40px;}

/********** 1. HEADER **********/
#header {border-bottom:1px solid #e3e3e3;border-top:1px solid #c3c3c3;}

/* 1.1 */
.logo {padding-top:8px;background-color:#f8f8f8;}

/********** 2. MAIN **********/
#main {border-top:1px solid #fff;background-color:#f8f8f8;}

/* remove focus in showcase for images */
.no-focus:hover, .no-focus:active {
  background-color:transparent;
}

/* MULTIPLES */
.wrap {width:700px;text-align:left;margin:0 auto;position:relative;}

/* 2.1 */
.synopsis {float:left;width:292px;}
.address {float:right;width:136px;text-align:left;}

/* 2.3 */
.statement {margin-top:32px;margin-bottom:32px;width:448px;}
.hidden {display:none;}
.quotationstart {float:left;width:32px;height:2em;background:url('../images/quotationmarkstart.gif') no-repeat;}
.quote {width:384px;min-height:5em;float:left;padding:10px 32px 10px 0;margin-bottom:8px;background:url('../images/quotationmarkend.gif') no-repeat;background-position:100% 100%;}
.author {text-align:right;padding:0 32px 0 0;}
.name {line-height:1.4;color:#aaa;}

/* 2.4 */
.grayboard {background:#ececec;border-top:1px solid #f3f3f3;border-bottom:1px solid #e2e2e2;margin:0 auto;padding:0 0 48px 0;}
.container {float:left;width:128px;height:128px;border:4px solid #e3e3e3;text-align:center;margin-left:20px;position:relative;}
.label {position:absolute;top:136px;left:0;width:128px;display:none;color:#373737;}
.reference {cursor:pointer;}

/********** 3. WRAP **********/
#wrapper {min-height:877px;height:auto;height:100%;margin:0 auto -48px;background-color:#f8f8f8;}

/********** 4. FOOTER **********/
#footer {border-top:1px solid #666;background:url('../images/headBg.jpg') repeat;background-position:0 0;background-color:#333;color:#232323;font-size:90%;letter-spacing:0.1em;position:relative;clear:both;position:relative;}
#footer, .push {height:47px;}

/* 4.1 */
.copyright {padding-top:16px;}

/********** 5. CLEAR **********/
.clear {clear:both;}


/********** 6. GMAPS **********/
#gmaps {width:448px;height:304px;position:absolute;top:-10000px;}
#gmapsContainer {width:448px;height:0px;margin-top:20px;position:relative;}