/*
 * Project:   CDM Mechanical Ltd.
 * Date:      2010-03-07
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #000; font-size: 62.5%; }

* html body { behavior: url("styles/csshover.htc"); } 

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #515151; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

a { color: #ea2123; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 10px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
.wrapper-a { position: relative; width: 950px; margin: 0 auto; }
#top { position: relative; z-index: 100; height: 95px; background: #fff; }
 #logo { position: absolute; left: 0; top: 20px; }
 #top .vcard { position: absolute; top: 20px; right: 0; color: #cc1c1f; }
  #top .vcard abbr { border: none; }
 #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
  #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #nav { position: absolute; top: 48px; right: 0; height: 48px; padding: 0 0 0 91px; background: url(../images/nav-left.png) no-repeat; }
  #nav ul { position: relative; float: left; list-style: none; margin: 0; padding: 0; background: url(../images/nav-right.png) 100% 0 no-repeat; }
   #nav li { position: relative; float: left; height: 48px; margin: 0 20px; font: 1.3em/48px HighlandGothicFLF,Helvetica,Arial,sans-serif; text-transform: uppercase; }
    #nav li a { display: block; color: #fff; background: none; text-decoration: none; }
    #nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.active { color: #cc1c1f; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
    #nav li ul { position: absolute; z-index: 100; left: -45px; top: -999em; width: 155px; padding: 0 18px; background: url(../images/subnav.png) 0 100% no-repeat; }
    *:first-child+html #nav li ul { top: 48px; display: none; }
    #nav li:hover ul { top: 48px; }
    *:first-child+html #nav li:hover ul { display: block; }
     #nav li ul li { float: none; height: auto; margin: 0; font: 0.77em/36px HighlandGothicFLF,Helvetica,Arial,sans-serif; border-top: 1px solid #3f3f3f; }
     #nav li ul li.first { border: none; }
      #nav li ul li a { background: url(../images/arrow-a.png) 0 -999em no-repeat; }
      #nav li ul li a:hover, #nav li ul li a:focus, #nav li ul li a:active, #nav li ul li a.active { padding-left: 22px; background-position: 0 50%; }
 #content { background: #fff; padding: 10px 0; overflow: hidden; }
 #content .main-a { float: left; width: 580px; }
 #content .aside-a { float: right; width: 322px; }
 #footer { padding: 15px 0; text-align: center; background: url(../images/footer.png) repeat-x; }
  #footer .wrapper-a { position: relative; overflow: hidden; }
   #footer ul { float: left; position: relative; left: 50%; list-style: none; padding: 0; }
    #footer ul li { position: relative; float: left; left: -50%; margin: 0 15px 0 0; padding: 0 0 0 19px; background: url(../images/footer-nav-sep.png) 0 50% no-repeat; }
    #footer ul li.first { padding: 0; background: none; }
     #footer ul li a { color: #ddd; }
     #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active { color: #cc1c1f; text-decoration: underline; }
  #footer p { clear: both; font-size: 1em; color: #ddd; text-align: center; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.2em; font-style: italic; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* containers */
.section-a { width: 100%; margin: 0 0 10px; overflow: hidden; }
 .section-a h2 { height: 49px; padding: 0 20px; margin: 0 0 8px; font: 1.75em/42px "Lucida Grande", Helvetica, Arial, sans-serif; color: #fff; font-weight: 100; }
 .section-a p { padding: 0 5px; }
 .section-a .col-a { float: left; width: 380px; margin: 0 30px 0 0; }
  .section-a .col-a .inner { float: left; width: 223px; }
  .section-a .col-a .thumb { float: right; width: 125px; }
   .section-a .col-a h2 { background: url(../images/section-a-h2-a.png) no-repeat; }  
 .section-a .col-b { float: left; width: 281px; }
  .section-a .col-b h2 { background: url(../images/section-a-h2-b.png) no-repeat; }
 .section-a .col-c { float: right; width: 222px; }
  .section-a .col-c h2 { background: url(../images/section-a-h2-c.png) no-repeat; }
  .section-a .col-c .vcard { }
   .section-a .col-c .vcard p { margin: 0; }
   .section-a .col-c .vcard .fax { margin: 0 0 10px; }
   .section-a .col-c .vcard .adr { margin: 0 0 10px; }
   .section-a .col-c .vcard a { color: #515151; }
   .section-a .col-c .vcard abbr { border: none; }

.tabs-a { }
 #content .tabs-a .nav { position: relative; width: 100%; height: 40px; overflow: hidden; margin: 0 0 -5px; }
  #content .tabs-a .nav li { float: left; height: 40px; margin: 0 5px 0 0; padding: 0 0 5px; background: none; font: 1.2em/35px Helvetica,Arial,sans-serif; }
   .tabs-a .nav li a { float: left; height: 40px; color: #d52f2f; text-transform: uppercase; text-shadow: #a9a9a9 0 1px 1px; padding: 0 5px 0 0; }
    .tabs-a .nav li a span { float: left; height: 40px; padding: 0 5px 0 10px; cursor: pointer;}
   .tabs-a .nav li a:hover, .tabs-a .nav li a:focus, .tabs-a .nav li a:active, .tabs-a .nav li a.active { background: url(../images/tabs-a-nav-right.png) 100% 0 no-repeat; text-decoration: none; color: #fff; background-color: #ccc; }
    .tabs-a .nav li a:hover span, .tabs-a .nav li a:focus span, .tabs-a .nav li a:active span, .tabs-a .nav li a.active span { background: url(../images/tabs-a-nav-left.png) no-repeat; }
 .tabs-a .tab { background: #ccc; width: 926px; padding: 12px; margin: 0 0 10px; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
 .js .tabs-a .tab { position: absolute; top: -999em; }
 .js .tabs-a .tab-active { position: relative; top: 0; }
  .tabs-a .tab .pic { float: left; width: 150px; }
  .tabs-a .tab .content { float: right; width: 740px; }
   .tabs-a .tab .cols-side { width: 100%; overflow: hidden; }
    .tabs-a .tab .cols-side .col-side-a { float: left; width: 160px; }
    .tabs-a .tab .cols-side .col-side-b { float: right; width: 560px; }
   .tabs-a .tab .cols-even { width: 100%; overflow: hidden; } 
    .tabs-a .tab .cols-even .cols-even-a { float: left; width: 49%; } 
    .tabs-a .tab .cols-even .cols-even-b { float: right; width: 49%; } 

.section-b { width: 100%; overflow: hidden; }
 .section-b .figure-a { float: left; margin: 0 10px 10px 0; }
 .section-b .section-b-content { float: left; }

/* forms */



/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

#content ul { padding: 0; list-style: none; }
 #content ul li { padding: 0 0 0 24px; background: url(../images/bullet-a.png) 0 3px no-repeat; line-height: 1.5; } 
#content ul.projectList{list-style: square; margin-left: 30px;} 
 #content ul.projectList li{background-image: none; padding-left: 0;}

/* paragraphs */
.more-a { width: 100%; overflow: hidden; }
 .more-a a { float: left; padding: 0 22px 0 0; background: url(../images/arrow-a.png) 100% 50% no-repeat; }

.caption { font-style: italic; margin-top: -5px; padding: 0 2px; }

/* links */



/* other */

strong { font-style: italic; }
.hr { margin: 0 0 10px; height: 2px; width: 100%; background: url(../images/hr.png) 50% 0 no-repeat; }
 .hr hr { display: none; }

/* SPECIFIC
------------------------------------------- */
#featured-a { height: 334px; background: url(../images/featured-a.png) repeat-x; }
 #featured-a .wrapper-a { height: 334px; background: url(../images/featured-a-center.jpg) 50% 0 no-repeat; overflow: hidden; }
  /*#featured-a img { display: block; margin: 20px auto; -moz-box-shadow: #111 5px 5px 5px; -webkit-box-shadow: #111 5px 5px 5px; box-shadow: #111 5px 5px 5px; }
  *:first-child+html #featured-a img { filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=5); }
  * html #featured-a img { filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=120, Strength=5); }*/

#featured-b { height: 105px; background: url(../images/featured-b.png) repeat-x; }
 #featured-b .wrapper-a { height: 105px; background: url(../images/featured-b-center.jpg) 50% 0 no-repeat; overflow: hidden; }
  #featured-b h1 { padding: 0 20px; font: 2.2em/105px Helvetica,Arial,sans-serif; color: #fff; text-shadow: #000 3px 3px 5px; text-transform: uppercase; }
  #featured-b h2 { padding: 0 20px; font: 1.8em/105px Helvetica,Arial,sans-serif; color: #fff; text-transform: uppercase; }

/* Tables */
table tr td{text-align: center;}


table.projects tr td{text-align: left;}

/****************************************************/
#simplegallery1, #simplegallery2, #simplegallery3, #simplegallery4 { 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/

}
#simplegallery1 a{text-decoration: none;}