/* =========================================  Client: Insight Publishers - Projects Date: November 2010 Version: 1.0 Author: Ali Sellars 
 /* =[GLO]= Global Settings ===== */ 
 /* =[HEAD1] Headers - buttons not logged in ===== */ 
 /* =[HEAD2] Headers - buttons when logged in ===== */ 
 /* =[CONT] Containers ===== */  
 /* =[FOOT]= Footer ===== */ 
 /* =[CON]= Content ===== */
  /* =[TXT]= Text Settings ===== */ 
   /* =[SITE] Sitemaps ===== */
  /* =[LINK]= Link Settings ===== */ 
  /* =[WEB]= Web Settings ===== */ 
 /* =[MISC]= Miscellaneous Settings ===== */  
 /*=========================================*/ 
 
 /* =[GLO]= Global Settings ===== */  
@charset "UTF-8";  

@font-face {
    font-family: 'context_reprise_lightexp_ssBd';
    src: url('contextrepriselightexp-webfont.eot');
    src: url('contextrepriselightexp-webfont.eot?#iefix') format('embedded-opentype'),
         url('contextrepriselightexp-webfont.woff') format('woff'),
         url('contextrepriselightexp-webfont.ttf') format('truetype'),
         url('contextrepriselightexp-webfont.svg#context_reprise_lightexp_ssBd') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {-webkit-text-size-adjust: none;}

body {font-family: 'context_reprise_lightexp_ssBd'; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}   
#wrapper {position: relative; width: 978px; background: #ffffff; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; text-align: left;}

#hdrSection{ width: 978px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}/*This is where the menu, content & logo sits inside*/
#hdrSectionFLOAT{position:fixed; top:0px;width:988px; padding: 20px 0px 20px 0px; margin:0px; float:left; text-align: left;background:#ffffff;z-index:9999;}

#topSection{ /*display: inline*/; position: relative; width: 720px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}/*This is where the menu, content inside*/
#topSectionCopy{position:absolute; left:0px; top:110px; width:750px; font-size:12px;}


#contentSection{ position:relative; width: 978px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; /*float:left;*/ text-align: left;font-size: 12px; line-height: 17px;}
#contentSectionCopy{position:absolute; bottom:4px;}

#logoSection{ display: inline; width: 258px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: right;}/*This is where the menu, content inside*/
#mainSection{clear: both; /*display: inline;*/ width: 978px;  padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; /*float:left;*/ text-align: left;}/*This is where the main image/video sits inside*/



/* =[BOX]= Boxes for recent & archived pages ===== */  
.boxContainer{ clear: both; /*display: inline;*/ width: 998px;height:300px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; /*float:left;*/ text-align: left;}
.boxSection{ /*display: inline;*/ width: 312px; padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; float:left; text-align: left;}
.boxBreak{ /*display: inline;*/ width: 15px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}

/* =[MENU] menu ===== */
#topMenu { clear: both; display: inline; width:978px; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; text-align:left;}
#topM{ clear: both; float: left; text-align:left; width:978px; padding: 40px 0px 0px 0px; margin: 0px 0px 0px -12px;}
#topM li { float: left; list-style: none;}
#topM li a { display: block; padding: 0px 12px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none; color: #000000; white-space: nowrap; letter-spacing:2px; font-size: 14px; line-height: 17px; border-right: 1px solid #cccccc;}
#topM li a.noB { display: block; padding: 0px 12px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none; color: #000000; white-space: nowrap; letter-spacing:2px; font-size: 14px; line-height: 17px; border-right: 0;}
#topM li a:hover { color: #999999; padding: 0px 12px 0px 0px; margin: 0px 0px 0px 0px; letter-spacing:2px; font-weight: normal; font-size: 14px; line-height: 17px;}
#topM li a.menuActive, a.menuActive:hover { color: #999999; padding: 0px 12px 0px 0px; margin: 0px 0px 0px 0px; letter-spacing:2px; font-weight: normal; font-size: 14px; line-height: 17px;}
#topM li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; z-index:2; }
#topM li ul li { float: none; display: inline;}	


/* =[TXT]= Text Settings ===== */ 
p	{ color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 12px; line-height: 17px;}
   
 /* =[LINK]= Link Settings ===== */ 
 a { text-decoration: underline;  color: #666666;} 
 a:hover { text-decoration: underline;  color: #666666;} 
 a.projects { text-decoration: none;  color: #000000;} 
 a.projects:hover { text-decoration: none;  color: #000000;} 
 
 /* =[MISC]= Miscellaneous Settings ===== */ 
 img { border: 0px;} 
.imgBorder { border: 1px solid #cccccc;} 
.loginForm {width: 600px;} 
.popupForm {width: 458px;} 
#popup { width: 460px; padding: 20px 40px 0px 20px; margin: 0px 0px 0px 0px; float: left; text-align: left; background: #ffffff;}
#popupTerms { width: 540px; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; float: left; text-align: left; background: #ffffff;}
.white {background: #ffffff;}
.userForm {width: 925px;}
fieldset { border:0px; padding: 5px;} 
fieldset, .bord { border:1px solid #cccccc; margin-bottom: 10px;} 
fieldset, .error { border:1px solid #cccccc;}
fieldset, .thanks { border:1px solid #cccccc;}
legend { color: #a4b318; font-weight: bold; font-size: 90%;} 
.thanksText {  color: #a4b318; font-weight: bold;} 
.errText { color: #AE0D0D; font-weight: bold;} 
INPUT, TEXTAREA, SELECT { font: Tahoma, Verdana, sans-serif;  color: #000000;}
ul { list-style-type:none; padding:0px; margin:0px;}
li { background: url(../images/arrowSml.gif); background-repeat:no-repeat; background-position:0px 2px; list-style: none; padding: 0px 0px 5px 13px; margin: 0px 0px 0px 0px; line-height: 1.2em; color: #000000; font-size: 75%;} 
.clear { clear: both;}  

/* ADDED 4/2/2013 */
.db_image_gallery{position:relative; width: 978px; height:505px; overflow:hidden;margin-bottom:10px;}
.db_image_gallery img{width:978px; height:505px;}

.db_static_image{position:relative; width: 978px; height:505px;margin-bottom:10px;}
.db_static_image img{width:978px; height:505px;}

.db_image{position: absolute; top:0; left:0;}
.image_back{z-index: 100;}
.image_front{z-index: 101;}


.db_project_unit{position: relative; width:312px; height:290px; margin-bottom:10px;}

.db_project_title{font-family: 'context_reprise_lightexp_ssBd'; line-height:14px; font-size:14px; margin-top:12px; margin-bottom:6px; color:#000000;}
.db_project_copy{font-family: 'context_reprise_lightexp_ssBd'; line-height: 21px; font-size:14px; color:#000000; margin-bottom:4px; }
.db_project_link{font-family: 'context_reprise_lightexp_ssBd'; line-height: 12px; color:#000000; margin-top:3px; position:relative; width:240px;}
.db_project_link_text{position:relative; left:5px; bottom: 3px;}

#DB_addressblock{position:relative;padding-bottom:40px;padding-top:20px;width:978px;}
.addresschunk{position:relative;padding-right:15px;letter-spacing:2px; font-size:14px;color:#000000;}
#DB_social_media_icons{position:absolute;right:0px; bottom:35px;}
#DB_social_media_icons a{margin-left:6px;}