/*-------------- START - RESET CSS --------------*/
*          { margin: 0; padding: 0; }
html       { margin: 0; padding: 0; border: 0; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block; }
body       { }
table      { border-collapse: collapse; border-spacing: 0; }
th,td      { vertical-align: top; text-align: left; }
ul, ul li  { margin: 0; padding: 0; list-style-type: none; }
img        { border: 0; vertical-align: middle; }
a          { text-decoration: underline; color: white; }
a:hover    { text-decoration: none; color: #caff61; }
iframe     { border: 0; }
.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container { display: block; }
.clear     { clear: both; }
p.clear    { clear: both; margin: 0; padding: 0; }
p          { margin: 10px 0; }

/*-------------- END - RESET CSS --------------*/

/*-------------- START - STICKY CSS --------------*/
#toTop     { background: none repeat scroll 0 0 #121212; border: 1px solid #333333; bottom: 0; color: #FFFFFF; cursor: pointer; display: none; font-size: 0.9em; padding: 5px; position: fixed; right: 0; text-align: center; text-transform: lowercase; width: 100px; z-index: 10; }

#slider    { position:relative;width:1260px; /* Change this to your images width */height:315px; /* Change this to your images height */background:url("/images/site/loading.gif") no-repeat 50% 50%;float:left;z-index:100; overflow: hidden;}

.nivo-caption          { display: none }
.nivo-caption a        { color: white!important; padding: 5px 10px; background-color: #01a34e; font-size: 130%; display: block; }
.nivo-caption a:hover  { background-color: #198961; }
.nivo-caption p        { margin: 0!important; }
.nivo-caption          { background: none!important; opacity: 1; float:right; width:auto; position:absolute; left:auto; right:140px; bottom:30px; min-height:0; height:auto !important; padding:0px; background: none; z-index:103; margin-left:0px; font-size:10px; font-weight:bold; }
.nivo-controlNav       { left: 1100px; top: 280px; }
.nivo-controlNav a     { margin: 0 2px; font-size: 14px; color: white; background: none repeat scroll 0 0 #6b6b6b }
.nivo-controlNav a.active { font-size: 14px; background: none repeat scroll 0 0 #389e4a }



/*-------------- END - STICKY CSS --------------*/

/* page width: 1185px | left panel width: 285px ( 250+35 padding) | content width: 900px */

/*-------------- START - MAIN DIV FRAMEWORK --------------*/
body          { font-size: 80%; font-family: Helvetica, sans-serif; color: white; background-color: black; line-height: 1.6em; letter-spacing: 0.02em; }
.body_home    {
  /*background: black url('/images/wallpaper/ofc-01-w.jpg') no-repeat fixed center center;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
              }
.body_home #content-panel-outer-wrapper  { display: none; }


.body_inner   {
  /*background: black url('/images/wallpaper/mbfc-04-w.jpg') no-repeat fixed center center;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
              }

h1  { margin: 0 0 20px; }
h2  { margin: 30px 0 20px; }
h3  { margin: 30px 0 15px; }
h4, h5, h6 { margin: 10px 0 }
h1  { font-size: 180%; font-weight: 400; color: #caff61; }
h2  { font-size: 150%; font-weight: 400; /*color: #caff61;*/ }
h3  { font-size: 140%; font-weight: 300; /*color: #caff61;*/ }
h4  { font-size: 120%; font-weight: 700; /*color: #caff61;*/ }
h1,h2,h3,h4,h5,h5 { font-family: Helvetica, sans-serif; }
h5  { font-size: 110%; color: #01a34e; }
p   { margin: 10px 0; }
th, td { vertical-align:top; text-align: left; }

ul li      { margin-left: 20px; list-style-type: disc; }
ul li li   { margin-left: 20px; list-style-type: circle; }
ol li      { margin-left: 20px; list-style-type: decimal; }
ol li li   { margin-left: 20px; list-style-type: lower-roman; }

.section-list-items li          { margin-top: 40px; }
.section-list-items li li       { margin-top: 8px; }
.content-list-items li          { margin-top: 15px; }
.content-list-items li li       { margin-top: 2px; }


#outer-container          { display: block; width: 1185px; min-width: 1185px; height: 100%; min-height: 100%; } /* page width */

#side-panel-full-height   { display: block; float: left; position: relative; background: transparent url('/images/site/panel-main-background.png') repeat scroll left top; z-index: 10;  }
#side-panel-true-height   { padding: 0 5px 0 30px;  width: 250px; } /* side panel width */

.spacer-side              { height: 20px; width: 100%; text-indent: -99999px; color: black; display: block; }
.spacer-main              { height: 40px; width: 100%; text-indent: -99999px; color: black; display: block; }
#logo                     { margin: 0 40px 12px 0; display: block; position: relative; float: left; }

#side-nav                 { display: block; position: relative; margin: 15px 0 30px; width: 100%; text-align: left; z-index: 500; font-family: Helvetica, sans-serif; }
#side-nav ul              { list-style-type: none; margin: 0; }
#side-nav li              { width: 100%; padding-top: 10px; font-size: 100%; text-transform: uppercase; list-style-type: none; margin-left: 0; }
#side-nav li span         { padding: 8px 65px 8px 0; width: 190px; display: block; font-weight: bold; }
#side-nav li span:hover   { cursor: pointer; color: #caff61; background: transparent url('/images/site/main-menu-right-bullet.png') no-repeat scroll 195px 11px; }
#side-nav li a            { padding: 8px 65px 8px 0; width: 190px; font-weight: bold; text-decoration: none; display: block; }
#side-nav li a:hover      { background: transparent url('/images/site/main-menu-right-bullet.png') no-repeat scroll 195px 11px;  }

#side-nav li li           { padding-left: 30px;  padding-top: 0; width: 210px; font-size: 100%; text-transform: none; }
#side-nav li li a         { width: 210px; padding: 3px 10px 3px 0; font-size: 90%; font-weight: normal; }
#side-nav li li a:hover   { background: none; }

#social                   { display: block; position: relative; margin: 0 0 15px; width: 100%; text-align: left; z-index: 500 }
#social ul                { list-style-type: none; margin: 0; }
#social li                { display: block; margin: 0 8px 0 0; height: 42px; float: left; }
#social li a              { display: block; height: 42px; background-image: url('/images/site/social-media-sprite.png'); background-attachment: scroll; background-color: transparent; background-repeat: no-repeat; text-indent: -999px; }

#social li.fb-consis a            { width: 29px; background-position: 0 bottom; }
#social li.fb-gnef a              { width: 29px; background-position: -35px bottom; }
#social li.twitter-consis a       { width: 29px; background-position: -70px bottom; }
#social li.twitter-gnef a         { width: 29px; background-position: -105px bottom; }
#social li.yjconsis a             { width: 36px; background-position: -140px bottom; }

#social li.fb-consis a:hover      { width: 29px; background-position: 0 top; }
#social li.fb-gnef a:hover        { width: 29px; background-position: -35px top; }
#social li.twitter-consis a:hover { width: 29px; background-position: -70px top; }
#social li.twitter-gnef a:hover   { width: 29px; background-position: -105px top; }
#social li.yjconsis a:hover       { width: 36px; background-position: -140px top; }



/* page width: 1185px | left panel width: 285px ( 250+35 padding) | content width: 900px */
#content-container              { margin-top: 10px; padding: 0; display: block; position: relative; float: left; }
#content-panel-outer-wrapper    { margin: 0 auto; padding: 30px 10px 30px 30px; width: 600px; height: 520px; display: block; position: relative; background: transparent url('../images/site/panel-main-background.png') repeat scroll left top ; }
#content-panel-wrapper          { padding-right: 10px; width: 590px; height: 520px; display: block; position: relative; overflow: auto; }
/* actual content width: 560px-10px = 550px */
#content-panel                  { padding: 0; width: 580px; height: 520px; }
/* Start :: Enscroll css */
.enscroll-track {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}
.enscroll-track:hover, .enscroll-track.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}
.enscroll-handle {
    width: 7px; right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}
.enscroll-track:hover .enscroll-handle, .enscroll-track.dragging .enscroll-handle { width: 10px; }
/* End :: Enscroll css */
.footer_home              { padding: 0; height: 180px; display: block; text-align: center; font-weight: bold; }
.footer_home              { position: fixed; left: 285px; bottom: 0; background: transparent url('/images/site/homepage-logos-background.png') repeat-x scroll 0 top;  }
.footer_home p.home-logo  { margin: 0; text-align: center; }
.footer_home p.home-copy  { margin: 0; padding: 5px 50px 15px; height: 40px; display: block; text-align: right; font-weight: bold; color: black;  }


.footer_inner             { padding: 20px 50px 0; width: 50%; height: 40px; display: block; text-align: right; font-weight: bold; }
.footer_inner             { margin-top: 0; position: relative; /*relative*/ float: right; }
.footer_inner p           { margin: 0; }


.consis-gallery-main           { list-style-type: none; width: 550px; }
.consis-gallery-main li        { list-style-type: none; width: 130px; margin: 3px 3px 16px; float: left; }
.consis-gallery-main a         { display: block; width: 120px; height: 119px; position: relative; border: 5px solid white;  }
.consis-gallery-main img       { width: 120px; height: 119px; position: absolute; float: left; top: 0; }
.consis-gallery-main img:last-child:hover { cursor: pointer; opacity: .0; filter: alpha(opacity=0); }
/*.consis-gallery-main img:hover { cursor: pointer; opacity: .7; filter: alpha(opacity=70); }*/
.consis-gallery-main p         { margin: 0; padding: 5px 0 8px; /*height: 42px;*/ line-height: 1.3em; font-size: 85%; letter-spacing: 0.05em; font-weight: bold; }

.consis-gallery                 { list-style-type: none; /*width: 546px;*/ clear: both; }
.consis-gallery li              { list-style-type: none; width: 75px; margin: 0 8px 8px 0; float: left; }
.consis-gallery img             { border: 5px white solid; width: 65px; height: 62px; }
.consis-gallery img:hover       { cursor: pointer; opacity: .7; filter: alpha(opacity=70); }
.consis-gallery li:hover p      { color: #CAFF61; }
.consis-gallery p               { margin: 0; padding: 5px 0 8px; height: 42px; line-height: 1.1em; font-size: 96%; font-weight: bold; }

.consis-gallery-d-list           { display: block; }
.consis-gallery-d-list dt        { display: block; width: 200px; position: relative; float: left; padding-right: 18px; text-align: right; }
.consis-gallery-d-list dd        { display: block; width: 332px; position: relative; float: left; clear: right; margin-bottom: 20px;}


.project-details                 { display: block; width: 530px; paddng: 0 5px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #848383; }
.project-details dl              { display: block; line-height: 1.5em; }
.project-details dt              { display: block; width: 90px; position: relative; float: left; }
.project-details dd              { display: block; width: 440px; position: relative; float: left; clear: right; margin-bottom: 0px; font-weight: bold;}

#consis-awards-media             { display: block; width: 550px; }
#consis-awards-media h1          { margin: 0; padding: 0 15px 10px; font-size: 180%; border-bottom: 1px #848383 solid; }
#consis-awards-media h3          { margin: 0; padding: 0 15px 10px; font-size: 160%; border-bottom: 1px #848383 solid; font-weight: bold }
#consis-awards-media ul          { list-style-type: none; margin: 0 0 45px; padding: 0; }
#consis-awards-media li          { margin: 0; padding: 8px 15px; border-bottom: 1px #848383 solid; }
#consis-awards-media li a        { text-decoration: none; }
#consis-awards-media li a:hover  {  }

.consis-awards-logo              { list-style-type: none; margin: 0 0 45px; padding: 0; }
.consis-awards-logo li           { padding: 8px 15px;; border: 0!important; float: left; vertical-align: middle; display: block; }

.consis-contact-us               { width: 50%; padding: 0 0 20px; float: left; position: relative; display: block; }
.consis-contact-us p             { margin: 0; font-weight: bold; }
.consis-contact-us dt            { width: 20%; float: left; position: relative; display: block; }
.consis-contact-us dd            { width: 80%; float: left; position: relative; display: block; }
.consis-contact-us-right         { width: 48%; margin-left: 2%; padding: 0 0 20px; float: left; position: relative; display: block; }
.consis-contact-us-right p       { margin: 0; font-weight: bold; }
.consis-contact-us-right dt      { width: 21%; float: left; position: relative; display: block; }
.consis-contact-us-right dd      { width: 79%; float: left; position: relative; display: block; }
.consis-contact-us h4,
.consis-contact-us-right h4      { color: #caff61 }
.line                            { clear: both; text-indent: -9999px; margin: 20px 0; border-bottom: 1px #848383 solid; }
.consis-streetdirectory          { width: 520px; height: 350px; border: 2px #111 solid; display: block; margin: 0 auto; }


.list-accordion                { display: block; }
.list-accordion h3             { margin: 12px 0 1px; font-size: 100%; font-weight: bold; }
.list-accordion h3:hover       { cursor: pointer; }
.list-accordion h3.list-o      { font-size: 100%; font-weight: bold; color: #CAFF61; }
.list-accordion div > h3, .list-accordion div > p, .list-accordion div > ul  { margin-top: 0; }
.list-accordion div            { padding: 0 0 20px; margin-top: 20px; display: block; }
.list-accordion ul             { margin-bottom: 15px; display: block; }
.list-accordion li             { margin-top: 12px; }
.list-accordion li li          {  }
.list-accordion li li li       {  }

.list-content-o                { padding: 20px 0px; display: block; }
.list-note                     { padding-left: 0; display: block; color: #004AA0; font-weight: bold; font-size: 120% }

.ui-tooltip { color: silver; background-color: #151515; padding: 0 10px; font-size: 80%; font-weight: bold; border: 0; box-shadow: none }


  /*-- FORM SECTION --------------*/
.form-wrapper                       { width: 400px; padding: 20px 50px; margin: 30px auto; border: 1px silver solid; }
.rsform-text-box, .rsform-input-box { width: 300px; padding: 3px; margin-top: 8px;}
.rsform-select-box                  { width: 310px; padding: 3px; margin-top: 8px;}
.rsform-submit-button               { padding: 5px 18px; }
.rsform-block                       { margin-bottom: 0!important; }
.formDescription                    { display: none; }
strong.formRequired                 {   }
.formControlLabel                   { padding: 12px 0 0 5px!important; text-align: left!important; width: 115px!important; }
.formControls                       { margin-left: 120px!important;  }
.formResponsive textarea, .formResponsive input[type=text], .formResponsive input[type=password]  { background: transparent!important; color: white!important; width: 280px; }
.formResponsive input.rsform-error, .formResponsive textarea.rsform-error, .formResponsive select.rsform-error { color: white; }
.rsform-submit-button               { border: 1px white solid; color: white; font-weight: bold; background-color: #6dbe13; }
.consis-enquiry-submit-button       { float: right; margin-top: -33px; margin-right: 30px; cursor: pointer; }

#supersized li      { margin-left: 0!important;}
#supersized-loader  { display: none; }