/* Import our reset stylesheet */
@import "reset.css";

/* General */
body { background: #000; font: 62.5%/1.8em Helvetica, Arial, sans-serif; }
#container { margin: 0 auto; position: relative; width: 960px; }
.clear { clear: both; height: 0; visibility: hidden; }

/* Sidebar */
#sidebar {
  font-size: 1.3em;
  margin-left: -480px;
  padding: 0 78px 0 75px;
  left: 50%;
  position: fixed;
  top: 20px;
  width: 166px;
  z-index: 100;
}

#sidebar #logo, #sidebar #logo a { display: block; height: 102px; }
#sidebar #logo { margin-bottom: 20px; position: relative; width: 166px; }
#sidebar #logo a {
  background: url('../images/logo.jpg') no-repeat 0 0;
  left: -75px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 241px;
}

#sidebar ul#navigation li { border: 1px dotted #323232; border-left: 0; border-right: 0; margin-bottom: -1px; }
#sidebar ul#navigation a {
  color: #656565;
  display: block;
  height: 1%;
  padding: 2px 0;
  text-decoration: none;
  text-transform: uppercase;
}
#sidebar ul#navigation a:hover { color: #6cc1eb; }

/* Content */
#content { color: #8e8e8e; font-size: 1.2em; padding-left: 319px; width: 641px; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content ul, #content ol, #content table { margin-bottom: 1em; }
#content h2 { color: #fff; font-size: 1.5em; font-weight: normal; text-transform: uppercase; }
#content h3 { color: #6cc1eb; font-size: 1.2em; font-weight: normal; }
#content h4 { margin-bottom: 0; }
#content a { color: #fff; }
#content a:active, #content a:hover { color: #6cc1eb; }

#content .section { margin-bottom: 70px; padding-top: 70px; }

#content .columns { display: inline-block; margin-bottom: 2em; }
#content .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content .columns .primary { border-left: 0; padding-right: 10px; }
#content .columns .secondary { border-left: 1px solid #262626;  padding-left: 10px; }
#content .columns .column { float: left; width: 310px; }

#content #ourfriends .columns .primary { width: 117px; }
#content #ourfriends .columns .secondary { border-left: 0; width: 503px; }

#content .columns#mta_wa .primary { width: 112px; }
#content .columns#mta_wa .secondary { width: 508px; }

#content .image_container { position: relative; }
#content .image_container img { position: absolute; }

#content .image_container#home_limo { height: 350px; }
#content .image_container#home_limo img { right: 0; top: 0; }

#content .image_container#services_limo { height: 171px; margin: 2em 0; }
#content .image_container#services_limo img { right: 0; top: 0; }

#content #gallery ul#gallery_images { list-style: none; }
#content #gallery ul#gallery_images li { float: left; margin: 0 14px 14px 0; }
#content #gallery ul#gallery_images li a { border: 1px solid #1e3642; display: block; height: 90px; width: 90px; }
#content #gallery ul#gallery_images li a:hover { border-color: #6cc1eb; }
