/* home page left hand section styling */
#leftColumn { float: left; width: 310px; }
.leftSection { float: left; width: 310px; height: 129px;  margin-bottom: 10px; }
.leftSectionHeader { float: left; width: 290px; height: 40px; padding: 8px 10px 0 10px; }
.leftSectionHeader h1 { float: left; width: 290px; font-weight: bold; color: #fff; font-size: 1em; font-family: Arial Narrow; line-height: 1.143em; text-decoration: none; }
    /* background: url(../images/offSiteArrowWhite.gif) no-repeat top right; */
.leftSectionHeader h1 a { color: #fff; text-decoration: none; }
.leftSectionHeader p a, .leftSectionHeader p { float: left; width: 290px; font-weight: normal; color: #fff; font-size: 0.9em; font-family: Arial Narrow; line-height: 1.167em; text-decoration: none; }
.leftSectionImage { float: left; display: inline; width: 310px; height: 81px; position: relative; }
.leftSectionImage img.leftColumnMask { float: left; display: inline; width: 310px; height: 9px; position: absolute; top: 72px; left: 0; }
#leftColumn #business { background: url(../images/large-blue-head.jpg) no-repeat top left; }
#leftColumn #businessImage { background: url(../images/_leftImages/leftImage1.jpg) no-repeat top left; z-index: -1; }
#leftColumn #tourism { background: url(../images/large-green-head.jpg) no-repeat top left; }
#leftColumn #tourismImage { background: url(../images/_leftImages/leftImage2.jpg) no-repeat top left; z-index: -1; }
#leftColumn #observatory { background: url(../images/large-purple-head.jpg) no-repeat top left;  }
#leftColumn #observatoryImage { background: url(../images/_leftImages/leftImage3.jpg) no-repeat top left; z-index: -1; }

/* home page main section (large area) styling */
#mainSectionWrapper { position: relative; float: left; width: 635px; height: 268px; margin-left: 15px; z-index: -1; }
.mainSection { position: absolute; bottom: 0; left: 0; float: left; clear: right; display: inline; width: 635px; height: 268px; }
.mainSection img.largeMaskTop { position: absolute; top: 0; left: 0; }
.mainSection img.largeMaskBottom { position: absolute; top: 259px; left: 0; z-index: 6; }
#mainSection1 { width: 635px; height: 268px; background: url(../images/_mainImages/mainImage1.jpg) no-repeat top left; z-index: 5; }
#mainSection2 { width: 635px; height: 268px; background: url(../images/_mainImages/mainImage2.jpg) no-repeat top left; z-index: 4; }
#mainSection3 { width: 635px; height: 268px; background: url(../images/_mainImages/mainImage3.jpg) no-repeat top left; z-index: 3; }
#mainSection4 { width: 635px; height: 268px; background: url(../images/_mainImages/mainImage4.jpg) no-repeat top left; z-index: 2; }
.translucentMask { position: absolute; bottom: 0; width: 635px; height: 81px; background: url(../images/translucent-mask.jpg) no-repeat top left; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 1; }
.translucentMaskContent { position: relative; top: 100px; width: 605px; height: 51px; z-index: 2; padding: 15px;  }
.translucentMaskContent h2 { color: #fff; font-size: 1.5em; color: #fff; font-weight: normal; text-decoration: none; width: 550px; }
.translucentMaskContent h2 a { color: #fff; font-weight: normal; text-decoration: none; }
.translucentMaskContent p { color: #fff; font-size: 1.25em; color: #fff; text-decoration: none; width: 600px; }
.translucentMaskContent p a { color: #fff; text-decoration: none; }
.ninetySeconds { z-index: 3; position: relative; top: 15px; left: 469px; width: 151px; height: 89px;  }

/* home page bottom row styling */
#bottomRow { float: left; width: 635px; height: 127px; padding: 10px 0 0 15px;  }
.bottomSection { float: left; width: 148px; height: 127px; margin-right: 14px;  }
.bottomSectionLast { float: left; width: 148px; height: 127px; margin-right: 0; }
.bottomSectionHeaderBusiness, .bottomSectionHeaderTourism { float: left; width: 128px; height: 24px; padding: 12px 10px 10px 10px; overflow: hidden; }
.bottomSectionHeaderBusiness h3, .bottomSectionHeaderBusiness h3 a, .bottomSectionHeaderTourism h3, .bottomSectionHeaderTourism h3 a { float: left; color: #53534a; font-size: 0.9em; font-weight: normal; text-decoration: none; width: 128px; }
.bottomSectionImage { float: left; width: 148px; height: 81px; position: relative; }
.bottomSectionImage img.bottomRowMask { float: left; display: inline; width: 148px; height: 8px; position: absolute; top: 73px; left: 0; } 
.bottomSectionHeaderBusiness { background: url(../images/small-blue-head.jpg) no-repeat top left; }
.bottomSectionHeaderTourism { background: url(../images/small-green-head.jpg) no-repeat top left; }
#bottomRow #propertyImage { background: url(../images/_bottomImages/bottomImage1.jpg) no-repeat top left; }
#bottomRow #visitSuffolkImage { background: url(../images/_bottomImages/bottomImage2.jpg) no-repeat top left; }
#bottomRow #whyChooseSuffolkImage { background: url(../images/_bottomImages/bottomImage3.jpg) no-repeat top left; }
#bottomRow #suffolkKeyFactsImage { background: url(../images/_bottomImages/bottomImage4.jpg) no-repeat top left; }