/* =========================================  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";  

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

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

#hdrSection{ position: relative; width: 994px; height: 62px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #ffffff; z-index:3;}/*This is where the menu & logo sits inside*/

#menuContainer{clear: both; position: relative; width: 994px; height: 29px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #5d8099;}/*This is where the menu, content & logo sits inside*/

#mainSection{ clear: both; position: relative; top: 29px; width: 994px; height:505px; padding: 0px 0px 0px 0px; margin: 15px 0px 15px 0px; float:left; text-align: left; background: #ffffff;}/*This is where the main part of the site sits inside */

#homeSection{ position: relative; width: 994px; height: 150px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #ffffff;}/*This is where the menu, content inside*/
#leftHome { display: inline; position: relative; width: 325px; height: 120px; padding: 25px 0px 0px 30px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #5d8099;}
#rightHome { display: inline; position: relative; width: 639px; height: 120px; padding: 25px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #5d8099; font-size: 13px; line-height:18px; color: #ffffff;}
#rightHome1 { display: inline; position: relative; width: 319px; padding: 0px 20px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #5d8099; font-size: 13px; line-height:18px; color: #ffffff;}
#rightHome2 { display: inline; position: relative; width: 300px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #5d8099; font-size: 13px; line-height:18px; color: #ffffff;}

#homeColumnSection{ position: relative; width: 994px; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; float:left; text-align: left; background: #ffffff;}/*This is where the menu, content inside*/
#leftHomeColumn {clear: both; width: 500px; height: 588px; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 0px; float:left; text-align: left;}
#rightHomeColumn {width: 454px; height: 573px; padding: 15px 15px 0px 15px; margin: 10px 0px 0px 0px; float:left; text-align: left; background: #dde8f0; font-size: 13px; line-height:18px; color: #555555;}

/* =[3Column]= 3 column sections settings ===== */
#column3ContainerTop {position: relative; width: 994px; height: 206px; padding: 0px 0px 0px 0px; margin: 10px 0px 15px 0px; float:left; text-align: left;} 
#column3ContainerBot {position: relative; width: 994px; height: 397px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;} 
.column3Top {display: inline; position: relative; width: 330px; height: 206px; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; float:left; text-align: left;}
.column3TopEnd {display: inline; position: relative; width: 330px; height: 206px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}

.column3BotBoth {display: inline; position: relative; width: 664px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}
.column3BotBoth1 {display: inline; position: relative; width: 644px; height: 42px; padding: 20px 0px 0px 20px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #dde8f0; font-size: 13px; color: #555555;}
.column3BotBoth2 {display: inline; position: relative; width: 292px; height: 315px; padding: 20px 20px 0px 20px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #dde8f0; font-size: 13px; color: #555555;}

.column3BotEnd {display: inline; position: relative; width: 330px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}
.column3BotEnd1 {display: inline; position: relative; width: 290px; height: 42px; padding: 20px 20px 0px 20px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #eef5fa; font-size: 13px; color: #555555;}
.column3BotEnd2 {display: inline; position: relative; width: 290px; height: 315px; padding: 20px 20px 0px 20px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #eef5fa; font-size: 13px; color: #555555;}

/* =[ContactColumn]= Contact column sections settings (within rightHomeColumn) ===== */
#contactColumn1 {display: inline; width: 224px; padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}
#contactColumn2 {display: inline; width: 215px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}

/* =[TwoColumn]= Two column sections settings (for The Conversion, Gallery & Location) ===== */
#twoColumn1 {display: inline; width: 285px; height: 734px; padding: 25px 25px 0px 25px; margin: 0px 10px 0px 0px; float:left; text-align: left; background: #5d8099; font-size: 13px; color: #ffffff;}
#twoColumn2 {display: inline; width: 649px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}

/* =[TenColumn]= Tenants column sections settings ===== */
#tenantColumnSection{ position: relative; width: 994px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; background: #ffffff;}
#leftTenantColumn {clear: both; width: 470px; height: 758px; padding: 15px 15px 0px 15px; margin: 10px 0px 0px 0px; float:left; text-align: left; background: #5d8099; font-size: 13px; line-height:18px; color: #ffffff;}
#rightTenantColumn {width: 484px; height: 758px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 10px; float:left; text-align: left; background: #ff0000;}
.tenantColBlock {clear: both; display: inline; width: 470px; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; float:left; text-align: left;}
.tenantColumn1 {display: inline; width: 227px; padding: 0px 15px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}
.tenantColumn2 {display: inline; width: 228px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left;}

/* =[ColBlocks]= Column blocks settings for the conversion layout ===== */
.colBlock {clear: both; display: inline; width: 285px; height: 72px; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; float:left; text-align: left;}
.colBlock1 {display: inline; width: 91px; height: 72px; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 0px; float:left; text-align: left; }
.colBlock3 {display: inline; width: 91px; height: 72px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; text-align: left; }


#footerSection{ clear: both; width: 994px; height:22px; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; float:left; text-align: left; background: #5d8099;}/*This is where the main part of the site sits inside */


/* =[TXT]= Text Settings ===== */ 
h1 {color: #5d8099; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 16px;}
h2, h3, h4, h5, h6 {color: #5d8099; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; font-size: 14px;}
.white { color: #ffffff;}
.blue {color: #5d8099;}
.bold {font-weight: bold;}
   
 /* =[LINK]= Link Settings ===== */ 
a { text-decoration: underline;  color: #5d8099;} 
a:hover { text-decoration: underline;  color: #5d8099;} 
a.whiteLinks { text-decoration: underline;  color: #ffffff;} 
a.whiteLinks:hover { text-decoration: underline;  color: #ffffff;} 

 /* =[MISC]= Miscellaneous Settings ===== */ 
 img { border: 0px;} 
.imgBord { border: 0px solid #cccccc;} 

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: #e27a51; font-weight: bold; font-size: 12px;} 
.errText { color: #AE0D0D; font-weight: bold; font-size: 12px;} 
INPUT, TEXTAREA, SELECT { font: Arial, Verdana, sans-serif;  color: #000000;}
ul { list-style-type:none; padding:0px; margin:0px;}
li { background: url(../images/arrowOrange.png); background-repeat:no-repeat; background-position:0px 2px; list-style: none; padding: 0px 0px 9px 10px; margin: 0px 0px 0px 0px; line-height: 16px; color: #555555; font-size: 13px;} 

ul.white { list-style-type:none; padding:0px; margin:0px;}
ul.white li { background: url(../images/arrowOrange.png); background-repeat:no-repeat; background-position:0px 2px; list-style: none; padding: 0px 0px 5px 10px; margin: 0px 0px 0px 0px; line-height: 1.2em; color: #ffffff; font-size: 13px;} 
.clear { clear: both;}  

/* ANDY - Jquery related */
.conversionImage {cursor:pointer;}
.galleryUnit {position:relative;margin-bottom:30px;}
#scrollable {position:relative; width:308px; height:560px; overflow:auto;}