/* ============== 
    Reset
   ===============*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{ border:0}


/* ============== 
    Tags
   ===============*/
   
body 
{
   font-family: Arial;
   font-size: .75em;
   color: #EFEFEF;
   
   background: no-repeat center center fixed black;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a
{
    color: #009eff;
}

.background {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

a:visited
{
    color: #AFAFAF;
}
a:hover
{
    color: White;
}
table
{
    margin-bottom: 1.5em;
}
table td
{
    padding: .5em;
    border: 1px solid #4F4F4F;
}

.normalTable td 
{
    border: 0 none; 
    padding: 0 .5em 0 0;
}

strong{ font-weight: bold; }

iframe
{
    margin: 2em 0 0;
    border: 3px solid #009eff;
}

noscript{ text-align: center; background-color: #FFF6BF; display: block; }

/* ============== 
    General
   ===============*/
   
#Banner
{
    height: 125px;
    position: relative;
    overflow: hidden;
}

#Banner img
{
    position: absolute;
    top: 50px;
}

#Banner ul
{
   position: absolute;
   top: 80px;
   right: 0; 
   padding: 8px 10px;
   background: url(images/bg-blue.png);
   background: url(images/bg-blue.png);
}

#Banner li 
{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    border-left: 1px solid white;
}

#Banner ul a
{
    color: White;
    text-decoration: none;
}

#Banner ul a.selected 
{
    color: #009eff; 
}


#Banner ul a:hover
{
    color: #009eff;
}

#Banner ul li:first-child
{
    border: 0 none;
}

#News
{
    float: left;
    width: 180px;
}

#NewsContent
{
}

#News ul li
{
    padding: 20px;
    font-size: .95em;
    line-height: 1.35em;
    background-image: url(images/bgNews.png);
    margin-bottom: 20px;
    height: 275px;
}

#News h2
{
   background: url(images/bg-blue.png);
   font-size: 1.5em;
   padding: 5px 20px;
   margin-bottom: 20px;
}

#News h3, #Backstage h3
{
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.15em;
    color: #009eff;
}

#News h4
{
    margin-bottom: 1em;
}

#News p
{
    margin-bottom: 1em;
}

#News a
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: White;
    margin-bottom: 1.75em;
}

#News a:hover
{
    text-decoration: underline;
}

.newsImage
{
    margin-top: 1em;
    text-align: center;
}

#Footer
{
    clear: both;
    text-align: center;
    margin: 3em 0;
    line-height: 2em;
    font-size: .9em;
}

/* Backstage */

#Backstage { }

#Backstage input[type=text]
{
    margin-bottom: 1em;
    width: 100%;
}
#Backstage .mce_inline_error
{
    color: Red;
    margin-bottom: 1em;
}

/* ============== 
    HomePage
   ===============*/
   
#HomePage
{
    width: 980px;
    margin: 0 auto;
}

#HomePage #Content
{
    width: 800px;
    float: left;
}

#ContentAndNews
{
}

#AboutUsHome
{
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

#AboutUsHome li
{
    float: left;
    margin-right: 20px;
}

/* ============== 
    Normal
   ===============*/
   
#Page
{
    width: 980px;
    margin: 0 auto;
}

#Page #Content
{
    width: 800px;
    float: left;
    position: relative;
}

#TopFooter
{
    margin-top: 30px;
}

#TopFooter .social
{
    float: left;
    width: 150px;
}

#TopFooter .social a
{
    text-decoration: none;
}

#TopFooter .websites
{
    margin-top: 5px;
    float: left;
    width: 620px;
    background: url(images/bg-blue.png);
    height: 40px;
    text-align: right;
    padding: 5px;
    font-size: .7em;
}

#TopFooter .websites a
{
    font-size: 2em;
    color: White;
    text-decoration: none;
}

#ContentSmall
{
   margin: 0 20px 0 0;
   background: url(images/bgNews.png);
   padding: 40px; 
   overflow: hidden; 
}

#ContentSmall h1
{
    font-size: 2em;
    color: #009eff;
    margin-bottom: 1em;
}

#ContentSmall h2
{
    font-size: 1.25em;
    font-weight: bold;
    color: #009eff;
    margin-top: 2em;
    margin-bottom: 1em;
}

#ContentSmall h3
{
    margin-bottom: 1em;
    color: #009eff;
}

#ContentSmall p
{
    margin-bottom: 1em;
    line-height: 1.5em;
}



/* ============== 
    Normal.AboutUs
   ===============*/
   
#AboutUs
{
}

#AboutUs li
{
    margin-bottom: 3em;
}

/* ============== 
    Normal.Recent Projects
   ===============*/
   
#ProjectsListSelector
{
    padding: 20px 20px 0 0;
    text-align: right;
    background: url(images/bgNews.png);
    margin-right: 20px;
}

#ProjectsListSelector a
{
    color: White !important;
    text-decoration: none;
}

#ProjectsListSelector a:hover
{
    color: #009eff !important;
}

#ProjectsListSelector a.selected
{
    color: #009eff !important;
}
#RecentProjectList
{
    line-height: 1.5em;
}

#RecentProjectList a
{
    text-decoration: none;
    color: White;
}

#RecentProjectList a:hover
{
    color: #009eff;
}

#RecentProjectList a:visited
{
    color: #AFAFAF;
}

#RecentProjectList a:hover
{
    color: #009eff;
}


/* ============== 
    Normal.Archive Project
   ===============*/

#ArchiveProjectList h2
{
    font-weight: normal;
}

.ArchiveLinksList
{
    margin-bottom: 2em;
    line-height: 1.5em;
}

.ArchiveLinksList a
{
    color: White;
    text-decoration: none;
}

.ArchiveLinksList a:visited
{
    color: #AFAFAF;
}

.ArchiveLinksList a:hover
{
    color: #009eff;
}

/* ============== 
    Normal.Details Project
   ===============*/

#Credits
{
    line-height: 1.5em;
    margin-bottom: 1em;
}


#Credits strong
{
    font-weight: bold;
}

#ProjectMedia ul
{
    overflow: hidden; 
    margin: .5em 0;
}

#ProjectMedia ul li
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

#ProjectMedia img
{
    border: 2px solid #009eff;
}

#ProjectLinks a
{
    text-decoration: none;
}

#ProjectLinks a:hover
{
    color: #009eff;
    text-decoration: underline;
}

#ProjectLinks
{
    list-style-type: disc;
    list-style-position:inside;
    margin-bottom: 1em;
    padding-left: 1em;
}

#PressArticles a
{
    text-decoration: none;
    color: White;
}

#PressArticles a:hover
{
    color: #009eff;
}

#Files
{
    margin-bottom: 1em;
    margin-left: 1em;
    float: right;
}

#Files a
{
    text-decoration: none;
}

/* ============== 
    Normal.ForRent
   ===============*/

#ContentSmall.forRent h2
{
    margin: 1em 0;
    font-size: 1.5em;
    font-weight: normal;
}

#ContentSmall.forRent h3
{
    margin:0;
    font-size: 1.25em;
}

#ContentSmall.forRent .rentQuestions
{
    color: #009eff;
    font-size: 1.15em;
}

#ContentSmall.forRent .rentQuestions a
{
    color: White;
    text-decoration: none;
}

#ContentSmall.forRent img
{
    margin-top: 1em;
    border: 3px solid #009eff;
}

.js #ProductCategoryList{ display: none; }

#ProductCategoryList
{
    width: 500px;
}

.productList
{
    line-height: 1.5em;
    width: 180px;
}

.productList li
{
    padding: .25em 0;
    border-bottom: 1px solid #535353;
}

.productList a
{
    text-decoration: none;
}
.productList a
{
    text-decoration: none;
}

#DynamicContainer
{
    margin-top: 15px;
    width: 500px;
    float: left;
    margin-right: 20px;
}

#DynamicProductContainer
{
    float: left;
    width: 180px;
    margin-top: 15px;
}

#DynamicSelectLinks
{
    border-bottom: 1px solid #535353;
    overflow: hidden;
}

#DynamicSelectLinks a
{
    text-decoration: none;
    float: left;
    display: block;
    font-size: 1.25em;
    padding: .25em 20px;
    color: #009eff;
}
#DynamicSelectLinks a:hover, #DynamicSelectLinks .selected
{
    background-color: #494949;
}

.productGroupImage
{
    text-align: center;
}

/* ============== 
    Normal.Products.Details
   ===============*/
#ContentSmall.productDetails
{
    padding-top: 0;
}
#ContentSmall.productDetails h1
{
    text-transform: uppercase;
}

#ContentSmall.productDetails .rentQuestions
{
    color: #009eff;
    font-size: 1.15em;
}

#ContentSmall.productDetails .rentQuestions a
{
    color: White;
    text-decoration: none;
}

#ContentSmall.productDetails #ProductContainer
{
    margin-top: 15px;
    width: 500px;
    float: left;
    margin-right: 20px;
}

#ContentSmall.productDetails #ProductExtraInfo
{
    float: left;
    width: 180px;
    margin-top: 15px;
}

#ContentSmall.productDetails #ProductContainer h2
{
    margin: 1em 0;
    font-size: 1.5em;
    font-weight: normal;
}

#ContentSmall.productDetails #ProductExtraInfo h3
{
    margin:0;
    font-size: 1.25em;
    padding: .25em 0;
    border-bottom: 1px solid #535353;
}

#ContentSmall.productDetails #ProductExtraInfo > ul > li
{
    padding: .25em 0;
    border-bottom: 1px solid #535353;
    font-size: .85em;
}

#ContentSmall.productDetails #ProductExtraInfo h4
{
    text-transform: uppercase;
    margin: .5em 0;
    font-size: 1.15em;
}

#ContentSmall.productDetails #ProductExtraInfo h5
{
    text-transform: uppercase;
    margin: .75em 0 .25em;
    color: #009eff;
}

#ContentSmall.productDetails #ProductExtraInfo .images li
{
    display: inline;
}

#ContentSmall.productDetails #ProductExtraInfo .pdf
{
    margin: 2px 0 10px;
}

#ContentSmall.productDetails #ProductExtraInfo a
{
    text-decoration: none;
    color: #CFCFCF;
    text-transform: uppercase;
}

#ContentSmall.productDetails #ProductExtraInfo a:hover
{
    color: White;
}
#ContentSmall.productDetails #ProductExtraInfo .links
{
    margin-bottom: 10px;
}

#ContentSmall.productDetails #ProductInfo ul
{
    margin: .5em 0 1.5em;
}

#ContentSmall.productDetails #ProductInfo ul li
{
    list-style-type: disc;
    margin: .5em 0em .5em 1.5em;
}

/* ============== 
    Normal.ForRent.Promotions
   ===============*/
   
#ContentSmall.promotion
{
   margin-top: 20px;
   padding: 30px 20px;
   line-height: .75em;
   padding-bottom: 0;
   background-color: #0073BA;
   color: White;
}

#ContentSmall.promotion h1, #ContentSmall.promotion h2
{
    color: White;
}

#ContentSmall.promotion h2
{
    margin-top: .5em;
    font-size: 1.5em;
    font-weight: normal;
}

.projects{ padding-top: 1em !important;}

#ContentSmall.promotion a
{
    color: White;
    font-size: 1.25em;
    text-align: right;
    display: block;
    margin: 2em 0 1.5em;
    font-weight: bold;
    text-decoration: none;
}

#ContentSmall.promotion a:hover
{
    text-decoration: underline;
}



/* ============== 
    Normal.SlideShow
   ===============*/
#Slideshow 
{
    margin-bottom: 20px; 
}

#Slideshow .projectSlide h2
{
    display: none;
}

#Slideshow .projectSlide
{
    height: 250px;
    overflow: hidden;
}


.projectContainer
{
    position: relative;
    overflow: hidden;
    z-index: 1000;
}

.projectContainer h2.photoTitle , .projectContainer h2.projectTitle
{
    position: absolute;
    z-index: 2;
    top: 30px;
    color: white;
    background-color: #009eff;
}

.projectContainer h2.photoTitle
{
    right: 20px;
    display: none;
}

.projectContainer h2.projectTitle
{
    left: 0px;
    font-size: 1.5em;
    padding: 5px 10px 5px 20px;
}

.projectContainer .imageContainer
{
    height: 250px;
    overflow: hidden;
}

.projectContainer .projectSelector, .projectContainer .imageSelector
{
    position: absolute;
    bottom: 10px;
}

.projectContainer .projectSelector
{
    left: 10px;
}

.projectContainer .imageSelector
{
    right: 30px;
}

.projectContainer .projectSelector li, .projectContainer .imageSelector li
{
    background-color: White;
    width: 1.25em;
    height: 1.25em;
    text-align: center;
    margin-right: 1px;
    cursor: pointer;
    float: left;
}

.projectContainer .projectSelector li
{
}

.projectContainer .imageSelector li
{
}

.projectContainer .selected
{
    background-color: #009eff !important;
    color: #DFDFDF;
}


/* ============== 
    Home.Led
   ===============*/

#Led
{
    margin-top: 20px;
    margin-right: 20px;
}
#Led a
{
    display: block;
}

#LedContent
{
    display: none;
}


/* ============== 
    Downloads
   ===============*/

#Downloads ul
{
    clear: both;
    overflow: hidden;
    width: 760px;
}

#Downloads h2
{
    clear: both;
    font-size: 1.75em;
    color: White;
    margin-bottom: 1.75em;
}

#Downloads li
{
    margin-bottom: 40px;   
    margin-right: 80px;   
    width: 110px;
    height: 230px;
    float: left;
}

#Downloads img
{
    width: 120px;
    height: 168px;    
    display: block;
    margin-bottom: 10px;
}

#Downloads a
{
    display: block;    
    color: White;
    text-decoration: none;
    text-align: right;
}

#Downloads a span
{
    color: #009eff;
}

/* ============== 
    Rent
   ===============*/

ul.rent 
{
}

ul.rent li 
{
    float: left;
    margin-right: 20px;
}

ul.rent a 
{
    text-decoration: none;
    color: White;
    position: relative;
    width: 246px;
    height: 400px;
    display: block;
}

ul.rent h2 
{
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 18px;
}

ul.rent h2 span
{
    display: block;
    font-size: .75em;
    margin-top: 5px;
}

ul.rent div 
{
    position: absolute;
    bottom: 15px;
    right: 15px;
}

ul.rent div span 
{
    color: #009eff;
}