/* 
   The Barbus : MASTER STYLESHEET
   DUSZA Limited, http://www.dusza.co.uk/
   Colin Watts, May 07

   FOUNDATIONS                                                                                          FOUNDATIONS ::
---------------------------------------------------------------------------------------------------------------------- */
*
{
  margin:           0;
  padding:          0;
  border:           0;
  }
body
{
  background-color: #231F20;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #333;
  text-align:       center;
  }
div#canvas
{
  float:            left;
  width:            100%;
  background:       #D6D6D6 url("../images/body_bg.jpg") repeat-x;
  }
div.wrapper
{
  width:            780px;
  margin:           0 auto;
  }
div#frame
{
  float:            left;
  position:         relative;
  width:            780px;
  text-align:       left;
  margin:           27px 0 0;
  background:       #F0F0F0 url("../images/frame_bg.jpg") repeat-y;
  }
ol,ul
{
  list-style-type:  none;
  }
a
{
  text-decoration:  none;
  }

/* HEADER                                                                                                    HEADER ::
---------------------------------------------------------------------------------------------------------------------- */
div#header
{
  float:            left;
  width:            780px;
  background:       #231F20 url("../images/header_bg.jpg") repeat-y;
  height:           60px;
  }
div#header h1#logo a
{
  position:         absolute;
  top:              6px;
  left:             13px;
  width:            262px;
  height:           116px;
  background:       #999 url("../images/barbus_logo.jpg") no-repeat;
  overflow:         hidden;
  outline:          0;
  }
div#header h1, div#header h2
{
  text-indent:      -9999px;
  background:       0;
  border:           0;
  }

/* NAVIGATION                                                                                            NAVIGATION ::
---------------------------------------------------------------------------------------------------------------------- */
div#header ul
{
  position:         absolute;
  top:              20px;
  left:             293px;
  width:            345px;
  height:           40px;
  }
div#header ul li, div#header ul a
{
  float:            left;
  }
div#header ul a
{
  text-indent:         -9999px;
  height:              40px;
  background-color:    #231F20;
  background-repeat:   no-repeat;
  background-position: 0 0;
  overflow:            hidden;
  outline:             0;
  }
a#navHome
{
  width:            61px;
  background-image: url("../images/navHome.gif");
  }
a#navAbout
{
  width:            65px;
  background-image: url("../images/navAbout.gif");
  }
a#navRoutes
{
  width:            73px;
  background-image: url("../images/navRoutes.gif");
  }
a#navServices
{
  width:            86px;
  background-image: url("../images/navServices.gif");
  }
a#navNews
{
  width:            60px;
  background-image: url("../images/navNews.gif");
  }
div#header ul a:hover
{
  background-position: 0 -40px;
  }
body#home a#navHome,
body#about a#navAbout,
body#routes a#navRoutes,
body#services a#navServices,
body#news a#navNews
{
  background-position: 0 -80px;
  }

/* SIDEBAR                                                                                                  SIDEBAR ::
---------------------------------------------------------------------------------------------------------------------- */
div#sidebar
{
  float:            left;
  width:            290px; /* FIX IE */
  w\idth:           264px;
  padding:          62px 13px 17px;
  }
div#visiting
{
  float:            left;
  width:            262px;
  margin:           7px 0 0;
  background-color: #666;
  }
div#visiting h3
{
  float:            left;
  width:            262px; /* FIX IE */
  w\idth:           242px;
  padding:          5px 10px 4px;
  background-color: #333;
  color:            #FFF;
  font-size:        1.4em;
  font-weight:      bold;
  text-transform:   uppercase;
  letter-spacing:   -.5px;
  }
div#visiting ol, div#visiting li, div#visiting a
{
  float:            left;
  width:            242px;
  margin:           10px;
  display:          inline; /* FIX IE */
  }
div#visiting li
{
  margin:           0 0 2px;
  background:       #555 url("../images/bullet.gif") no-repeat 10px 50%;
  }
div#visiting li.alt
{
  background-color: #444;
  }
div#visiting li a
{
  width:            208px;
  margin:           0 0 0 34px;
  padding:          6px 0;
  color:            #FFF;
  }
div#visiting li a:hover
{
  color:            #CA252B;
  }
div#visiting a#requestVisit
{
  float:            left;
  margin:           0;
  width:            262px;
  height:           124px;
  background:       #666 url("../images/requestStop.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  overflow:         hidden;
  outline:          0;
  }
div#special
{
  float:            left;
  width:            262px;
  margin:           7px 0 0;
  background:       #CB262C url("../images/special.gif") no-repeat;
  }
div#special h3
{
  display:          none;
  }
div#special h4, div#special h5, div#special p
{
  float:            left;
  width:            262px; /* FIX IE */
  w\idth:           242px;
  margin:           0;
  padding:          10px 10px 0;
  color:            #111;
  font-size:        1em;
  font-weight:      bold;
  text-transform:   uppercase;
  }
div#special h5
{
  padding:          0 10px;
  color:            #222;
  font-size:        .8em;
  font-weight:      normal;
  }
div#special p
{
  padding:          6px 10px 10px;
  color:            #FFF;
  font-size:        1.1em;
  font-weight:      normal;
  text-transform:   none;
  }
div#sidebar form
{
  float:            left;
  width:            262px;
  margin:           7px 0 0;
  padding:          0 0 8px;
  background-color: #666;
  }
div#sidebar form h3
{
  float:            left;
  width:            262px; /* FIX IE */
  w\idth:           242px;
  padding:          5px 10px 4px;
  background-color: #333;
  color:            #FFF;
  font-size:        1.4em;
  font-weight:      bold;
  text-transform:   uppercase;
  letter-spacing:   -.5px;
  }
div#sidebar fieldset
{
  float:            left;
  width:            262px;
  margin:           8px 0 0;
  }
div#sidebar label
{
  float:            left;
  width:            55px; /* FIX IE */
  w\idth:           45px;
  padding:          8px 0 0 10px;
  color:            #A7A7A7;
  font-size:        1.1em;
  font-weight:      bold;
  text-transform:   uppercase;
  letter-spacing:   -.5px;
  }
div#sidebar input.text
{
  float:            left;
  width:            197px; /* FIX IE */
  w\idth:           185px;
  padding:          3px 4px;
  border:           2px solid #231F20;
  background-color: #F0F0F0;
  }
div#sidebar input.text:focus
{
  background-color: #DADADA;
  }
div#sidebar input.submit
{
  float:            right;
  margin:           0 10px 0;
  width:            80px;
  padding:          3px 0;
  background-color: #CB262C;
  border:           2px solid #231F20;
  font-size:        1em;
  font-weight:      bold;
  text-transform:   uppercase;
  color:            #FFF;
  }
div#sidebar input.submit:hover
{
  border-color:     #FFF;
  cursor:           pointer;
  }

/* PRIMARY                                                                                                  PRIMARY ::
---------------------------------------------------------------------------------------------------------------------- */
div#primary
{
  float:            right;
  width:            453px;
  margin:           36px 21px 0 0;
  display:          inline; /* FIX IE */
  }
h1, h2, h3
{
  clear:            left;
  line-height:      1.1em;
  font-size:        2.2em;
  font-weight:      bold;
  letter-spacing:   -1px;
  color:            #231F20;
  }
h1
{
  font-size:        3em;
  text-transform:   uppercase;
  color:            #C9262B;
  }
h2
{
  background-color: #231F20;
  color:            #FFF;
  border-top:       10px solid #F0F0F0;
  padding:          3px 4px;
  text-transform:   uppercase;
  font-size:        2em;
  line-height:      1em;
  }
body#news h2
{
  width:            340px;
  }
body#news div.featured h2
{
  width:            auto; /* FIX IE */
  }
h4
{
  font-size:        1.1em;
  color:            #999;
  }
p
{
  float:            left;
  width:            340px;
  line-height:      1.5em;
  font-size:        1.1em;
  color:            #666;
  margin:           .3em 2px .8em;
  }
p.intro
{
  line-height:      1.6em;
  font-size:        1.2em;
  color:            #231F20;
  margin:           15px 2px;
  }
div#primary ul, div#primary li
{
  clear:            left;
  float:            left;
  width:            250px;
  }
div#primary ul
{
  padding:          10px 0 20px;
  }
div#primary li
{
  w\idth:           220px;
  margin:           10px 0 0 8px;
  padding:          0 0 0 22px;
  background:       #F0F0F0 url("../images/bullet_scissors.gif") no-repeat 0 50%;
  font-size:        1.1em;
  font-weight:      bold;
  display:          inline; /* FIX IE */
  }
img#promo
{
  float:            right;
  }
div#primary a
{
  color:            #97080E;
  font-weight:      bold;
  }
div#primary a:hover
{
  color:            #333;
  }
/* -------------------------------------------------------------------------------- A B O U T   T H E   B A R B U S -- */
dl.showcase
{
  float:            left;
  width:            453px; /* FIX IE */
  w\idth:           451px;
  margin:           0 0 14px;
  padding:          0 0 0 2px;
  height:           320px;
  }
dl.showcase dt
{
  float:            left;
  width:            320px;
  height:           320px;
  }
dl.showcase dd
{
  float:            left;
  width:            77px;
  margin:           0 0 0 5px;
  height:           320px;
  display:          inline; /* FIX IE */
  }
img#mainImage, img#mainImage2
{
  float:            left;
  margin:           0 0 0 2px;
  border:           2px solid #333;
  }
dl.showcase dd img
{
  float:            left;
  margin:           0 0 4px;
  border:           2px solid #333;
  }

/* ---------------------------------------------------------------------------- R O U T E S   I N F O R M A T I O N -- */
dl.route
{
  float:            left;
  width:            453px;
  margin:           0 0 11px;
  background:       #CCC url("../images/route_bg.gif") repeat;
  }
dl.route dt
{
  float:            left;
  width:            109px;
  border-top:       3px solid #F0F0F0;
  height:           46px;
  }
div#primary dl.route dt span
{
  float:            left;
  padding:          6px 0 0 10px;
  font-size:        1.3em;
  line-height:      1.35em;
  font-weight:      bold;
  font-variant:     small-caps;
  color:            #97080E;
  }
dl.route dt img
{
  float:            right;
  margin:           7px 0 0;
  border:           1px solid #231F20;
  }
dl.route dd
{
  float:            left;
  position:         relative;
  overflow:         hidden;
  width:            344px; /* FIX IE */
  w\idth:           331px;
  border-top:       3px solid #F0F0F0;
  height:           46px;
  padding-left:     13px;
  }
dl.route dd h3
{
  text-transform:   uppercase;
  letter-spacing:   0;
  font-size:        1.2em;
  margin:           7px 0 0;
  }
dl.route dd h4
{
  margin:           3px 0 0;
  color:            #666;
  font-size:        1em;
  }
dl.route dd h5.identifier
{
  position:         absolute;
  top:              3px;
  right:            8px;
  font-size:        4em;
  line-height:      1em;
  color:            #F0F0F0;
  }
dl.route dt.alt, dl.route dd.alt
{
  background:       #DDD url("../images/route_bg_alt.gif") repeat;
  }
/* -------------------------------------------------------------------------- S E R V I C E   I N F O R M A T I O N -- */
table
{
  float:            left;
  width:            453px; /* FIX IE */
  w\idth:           450px;
  margin:           10px 0 21px;
  font-size:        1em; /* FIX IE */
  }
thead th, tbody td
{
  border-right:     1px solid #DDD;
  font-size:        1.1em;
  font-weight:      bold;
  text-align:       center;
  text-transform:   uppercase;
  }
thead th
{
  border-bottom:    1px solid #DDD;
  padding:          0 0 6px;
  }
tbody td
{
  font-weight:      normal;
  padding:          8px 0 0;
  color:            #666;
  }
tbody td.left
{
  text-align:       left;
  }
/* ------------------------------------------------------------------------------------------ S I G N U P   P A G E -- */
div#primary form
{
  float:            left;
  width:            453px;
  margin:           20px 0 11px;
  padding:          10px 0;
  background-color: #DDD;
  }
div#primary fieldset
{
  float:            right;
  width:            443px;
  margin:           0;
  }
legend
{
  display:          none;
  }
div#primary ol.form
{
  float:            left;
  width:            443px;
  padding:          0;
  }
div#primary ol.form li
{
  clear:            none;
  width:            211px;
  margin:           0 10px 0 0;
  padding:          0 0 12px;
  background:       0;
  }
div#primary ol.form li.full
{
  width:            443px;
  margin:           0;
  }
div#primary label
{
  float:            left;
  width:            211px;
  padding:          0;
  font-size:        .9em;
  font-weight:      normal;
  text-transform:   uppercase;
  }
label em
{
  color:            #97080E;
  font-size:        1.5em;
  }
span.warning
{
  display:          block;
  float:            left;
  width:            211px;
  padding:          0 0 3px 0;
  font-size:        1em;
  font-weight:      bold;
  color:            #97080E;
  }
div#primary input.text, textarea, select
{
  float:            left;
  width:            211px; /* FIX IE */
  w\idth:           199px;
  padding:          3px 4px;
  border:           2px solid #FFF;
  background-color: #F0F0F0;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.3em;
  font-weight:      normal;
  }
textarea
{
  width:            433px; /* FIX IE */
  w\idth:           421px;
  }
select
{
  w\idth:           211px;
  padding:          2px 4px;
  }
div#primary fieldset.full select
{
  width:            433px;
  }
div#primary input.text:focus, textarea:focus
{
  background-color: #DADADA;
  }
div#primary input.submit
{
  float:            right;
  margin:           0 10px 0;
  width:            80px;
  padding:          3px 0;
  background-color: #CB262C;
  border:           2px solid #231F20;
  font-size:        1em;
  font-weight:      bold;
  text-transform:   uppercase;
  color:            #FFF;
  }
div#primary input.submit:hover
{
  border-color:     #FFF;
  cursor:           pointer;
  }
/* -------------------------------------------- T E R M S   &   C O N D I T I O N S ,   P R I V A C Y   P O L I C Y -- */
div#primary ol.terms
{
  float:            left;
  width:            340px; /* FIX IE */
  w\idth:           320px;
  padding:          0 0 20px 20px;
  }
div#primary ol.terms li
{
  width:            320px; /* FIX IE */
  w\idth:           315px;
  line-height:      1.5em;
  margin:           .8em 0 .4em 0;
  padding:          0 0 0 5px;
  font-weight:      normal;
  color:            #666;
  background:       0;
  list-style-type:  lower-roman;
  display:          list-item;
  }
div#primary ol.terms li ul
{
  width:            315px; /* FIX IE */
  w\idth:           295px;
  padding:          0 0 0 20px;
  }
div#primary ol.terms li ul li
{
  width:            295px; /* FIX IE */
  w\idth:           290px;
  font-size:        1em;
  list-style-type:  square;
  }
/* ---------------------------------------------------------------------------- S U B S I D I A R Y   C O N T E N T -- */
div.featured
{
  float:            left;
  width:            453px; /* FIE IE */
  w\idth:           439px;
  margin:           10px 0 0;
  padding:          7px;
  background-color: #DDD;
  }
div.columns
{
  float:            left;
  width:            453px;
  margin:           3px 0 0;
  background:       #F0F0F0 url("../images/columns_bg.gif") repeat-y;
  }
div.featured img
{
  float:            left;
  border:           1px solid #231F20;
  margin:           0 13px 0 0;
  }
div.featured h2, div.featured h4, div.column h4
{
  clear:            none;
  background:       0;
  text-transform:   uppercase;
  letter-spacing:   0;
  font-size:        1em;
  font-weight:      bold;
  color:            #231F20;
  }
div.featured h3
{
  clear:            none;
  font-size:        1em;
  font-weight:      normal;
  color:            #888;
  }
div.featured h4, div.column h4
{
  color:            #97080E;
  line-height:      .9em;
  }
div.featured h2, div.featured p
{
  float:            none;
  width:            auto;
  margin:           6px 13px 0 0;
  padding:          0;
  border:           0;
  }
div.featured p
{
  font-size:        1em;
  line-height:      1.3em;
  }
div.featured a
{
  text-decoration:  underline;
  }
div.column
{
  float:            left;
  width:            225px; /* FIX IE */
  w\idth:           211px;
  padding:          7px 7px 12px;
  }
div.two
{
  margin:           0 -3px 0 3px; /* FIX IE */
  }
div#primary div.column ul, div#primary div.column li
{
  clear:            left;
  float:            left;
  width:            200px;
  padding:          0;
  }
div#primary div.column li
{
  w\idth:           188px;
  margin:           8px 0 0;
  padding:          0 0 0 12px;
  background:       #DDD url("../images/bullet_triangle.gif") no-repeat 0 50%;
  font-size:        .9em;
  font-weight:      normal;
  display:          inline; /* FIX IE */
  }
div#primary div.column li a
{
  text-transform:   uppercase;
  color:            #333;
  }
div#primary div.column li a:hover
{
  color:            #97080E;
  }
blockquote p
{
  width:            auto;
  margin:           8px 0 0;
  font-size:        1em;
  }
blockquote span
{
  font-size:        280%;
  float:            left;
  height:           6px;
  line-height:      6px;
  padding:          15px 0 0 0;
  margin:           -10px 2px 0 0;
  }
dl#contact
{
  float:            left;
  width:            453px;
  margin:           3px -3px 0 0;
  background-color: #999;
  }
dl#contact dt
{
  text-indent:      -9999px;
  line-height:      0;
  }
dl#contact dd
{
  float:            left;
  width:            226px;
  padding:          22px 0 16px;
  text-align:       center;
  font-size:        2.6em;
  line-height:      1em;
  font-weight:      bold;
  color:            #231F20;
  }
dl#contact dd#emailblock
{
  margin-left:      1px;
  font-size:        1.7em;
  }
dd#emailblock a
{
  color:            #231F20;
  line-height:      1.8em;
  }
dd#emailblock a:hover
{
  color:            #FFF;
  }

/* FOOTER                                                                                                    FOOTER ::
---------------------------------------------------------------------------------------------------------------------- */
div#footer
{
  float:            left;
  position:         relative;
  width:            780px;
  background:       #231F20 url("../images/footer_bg.jpg") no-repeat;
  height:           100px;
  }
div#footer p
{
  float:            left;
  width:            500px;
  margin:           15px 0 0 6px;
  text-align:       left;
  font-size:        .9em;
  color:            #FFF;
  }
div#footer p.discreet
{
  margin:           4px 0 0 6px;
  color:            #999;
  }
div#footer p.discreet a
{
  color:            #999;
  }
div#footer p.discreet a:hover
{
  color:            #FFF;
  }
a#credit
{
  position:         absolute;
  top:              6px;
  right:            2px;
  width:            106px;
  height:           46px;
  background:       #231F20 url("../images/dusza.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  overflow:         hidden;
  outline:          0;
  }
a#credit:hover
{
  background-position: 0 -46px;
  cursor:           pointer;
  }