/*  Import Color and Typography Styles */
@import url(/css/stoneGateType.css);
@import url(/css/iemac-center.css);

/* Browser Normalization */
/* Margin,  Padding */
body,  div,  dl,  dt,  dd,  ul,  ol,  li,  h1,  h2,  h3,  h4,  h5,  h6,  pre,  form, fieldset, input, p, blockquote, th, td{margin: 0; padding: 0;}

/* Font-size for headers */
h1, h2, h3, h4, h5, h6{font-size: 100%;}

/* List-style from lists */
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}

/* Font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}

/* Removes border from fieldset and img */
img{border: 0;}

/* Left-aligns text in caption and th */
caption, th{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after{content: '';}

/* Center content at 840px */
html{text-align: center; background-image: url(/images/BG.png); background-repeat: repeat; height: 100%;} 
body{width: 840px; margin: 0 auto; text-align: left; height: 100%;}

#distance {width:1px; height:50%; margin-bottom:-16.25em; /* half of container's height */ float:left;}
#container {margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; height:27.5em; width:840px; clear:left;}
#containerOff {margin:10px auto; position:relative; /* puts container in front of distance */ text-align:left; width:840px; clear:left;}

/* masthead */
#masthead{margin-left: 18px; margin-bottom: -5px;}
#masthead_firstChild li{display: inline;}

/* main */
#mainTop{background-image: url(/images/mainTop.png); height: 23px; width: 840px;}
#mainMid{background-image: url(/images/mainMid.png); background-repeat: repeat-y; width: 770px; padding-left: 35px; padding-right: 35px; position: relative;}
#mainBottom{background-image: url(/images/mainBottom.png); height: 46px; width: 840px; clear: both;}

/* header */
#header{width: 771px; height: 180px;}

/* navWrap */
#navWrap{position: relative; width: 771px; height: 33px; background-image: url(/images/navMenuBG.png);}

/* navMenu */
#navMenu{text-decoration: none; padding-top: 8px;}
#navMenu a{text-decoration: none; position: absolute;}
#navMenu a i{visibility: hidden;}
#navMenu li{display: inline;}

/* navMenu links */
a#navHomeActive{background-image: url(/images/navHomeActive.png); display: block; width: 52px; height: 17px; left: 10px;}
a#navHome{background-image: url(/images/navHome.png); display: block; width: 52px; height: 17px; left: 10px;}
a#navServicesActive{background-image: url(/images/navServicesActive.png); display: block; width: 73px; height: 17px; left: 63px;}
a#navServices{background-image: url(/images/navServices.png); display: block; width: 73px; height: 17px; left: 63px;}
a#navTeamActive{background-image: url(/images/navTeamActive.png); display: block; width: 106px; height: 17px; left: 137px;}
a#navTeam{background-image: url(/images/navTeam.png); display: block; width: 106px; height: 17px; left: 137px;}
a#navOfferingsActive{background-image: url(/images/navOfferingsActive.png); display: block; width: 163px; height: 17px; left: 243px;}
a#navOfferings{background-image: url(/images/navOfferings.png); display: block; width: 163px; height: 17px; left: 243px;}

a#navHome:hover{background-image: url(/images/navHome.png); display: block; width: 52px; height: 17px; background-position: 0 -17px; background-repeat: no-repeat;}
a#navServices:hover{background-image: url(/images/navServices.png); display: block; width: 73px; height: 17px; background-position: 0 -17px; background-repeat: no-repeat;}
a#navTeam:hover{background-image: url(/images/navTeam.png); display: block; width: 106px; height: 17px; background-position: 0 -17px; background-repeat: no-repeat;}
a#navOfferings:hover{background-image: url(/images/navOfferings.png); display: block; width: 163px; height: 17px; background-position: 0 -17px; background-repeat: no-repeat;}

/* content */
#contentRight{width: 474px; margin-left: 297px;}
#contentLeft{width: 279px; position: absolute; top: 213px; left: 35px;}
#contentOffHome{width: 513px; border-right: 1px solid #bfd9cc; padding: 10px 15px 10px 0;}

/* subNavs */
#contentSubNav{width: 226px; position: absolute; top: 213px; left: 564px; background-color: #e6f0eb; padding: 10px 0 10px 15px; font-size: 90%; border-right: 1px solid #bfd9cc; border-bottom: 1px solid #bfd9cc;}

/* contentRightOffHome_bottomMenu */
#contentOffHome_bottomMenu{clear: both; font-size: 70%;}

/* contentLeft */
#contentLeftTop{background-image: url(/images/contentLeftTop.png); width: 297px; height: 10px;}
#contentLeftMid{background-image: url(/images/contentLeftMid.png); background-repeat: repeat-y; width: 277px; padding: 0 10px 0 15px; height:147px; padding-top: 5px;}
#contentLeftBottom{background-image: url(/images/contentLeftBottom.png); width: 297px; height: 10px;}

/* contentRight */
#contentRightTop{background-image: url(/images/contentRightTop.png); width: 474px; height: 10px;}
#contentRightMid{background-image: url(/images/contentRightMid.png); background-repeat: repeat-y; width: 434px; padding: 5px 20px 5px 20px;}
#contentRightBottom{background-image: url(/images/contentRightBottom.png); width: 474px; height: 10px;}

/* loginBox */
#loginBox{width: 245px; height: 84px; background-image: url(/images/loginBG.png); padding: 15px;}

/* footer */
#footer{margin-left: 536px; padding-top: 13px;}

/* warningBox */
#warningBox{background-color: #fffbcc; border: 1px solid #cccc99; padding: 10px; margin: 25px 0 15px 0; position: relative;}

/* noteBox  */
#noteBox{border: 1px dotted #cccccc; padding: 10px; margin: 25px 0 15px 0; position: relative;}

/* exclamation */
#exclamation{position: absolute; left: 12px;}

/* warningText */
#warningText{color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 70%; margin-left: 75px;}

/* noteText */
#noteText{color: #9F9F9F; font-family: Arial, Helvetica, sans-serif; font-size: 60%;}

/* contactForm */
#contentOffHome dl{ padding-top: 20px; line-height: .6; font-size: 90%;}
#contentOffHome dl dt{ display: inline; font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: bold;}
#contentOffHome dl dd{ position: relative; left: 100px; top: -16px;}
#contentOffHome dl dd span{display: block;}
#contentOffHome dl#directions{ padding-top: 20px; line-height: 1; font-size: 70%; width: 90%;}
#contentOffHome dl#directions dt{ display: inline;}
#contentOffHome dl#directions dd{ position: relative; left: 40px; top: -21px; font-family: Arial, Helvetica, sans-serif; color: #7f7f7f;}
#contentOffHome dl#directions dd span{display: block; }

/* map_canvas */
#map_canvas{width: 212px; height: 200px; margin-top: 25px;}

/* heights */
.servicesHeight{height: 1227px;}
.riskHeight{height: 668px;}
.qualificationHeight{height: 1022px;}
.companiesHeight{height: 543px;}
.institutionsHeight{height: 378px;}
.teamHeight{height: 1194px;}
.boardHeight{height: 832px;}
.careersHeight{height: 262px;}
.partnersHeight{height: 350px;}
.offeringsHeight{height: 456px;}
.realEstateHeight{height: 1099px;}
.energyHeight{height: 1075px;}
.aboutHeight{height: 542px;}
.placementHeight{height: 751px;}
.exchangeHeight{height: 734px;}
.privacyHeight{height: 399px;}
.contactHeight{height: 911px;}
.policyHeight{height: 761px;}
.planHeight{height: 222px;}