/*-- Cosmopolitan Investments --*/
/*-- Global Structure CSS */

/*---------------------------- Main Containers --*/
.outerContainer { margin: 0px auto; padding: 0px; background: transparent; }
.innerContainer { margin: 0px auto; padding: 0px; width: 760px; }
.bodyContent { float: left; margin: 0px 0px 0px 0px; padding: 0px 25px 0px 25px; width: 710px; background: transparent url(../images/bgBodyContent.gif) no-repeat left top; }
.bodyContentDotted { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 760px; background: #FFFFFF url(../images/dottedRepeaterBg.gif) repeat-y 515px top; }
.innerLeftCntr { float: left; margin: 20px 0px 0px 0px; padding: 0px 10px 0px 0px; width: 470px; background: transparent; }
.innerRightCntr { float: right; margin: 0px; padding: 20px 0px p0x 0px; width: 200px;  }

/*---------------------------- Header Area --*/
.headerArea { margin: 0px; padding: 0px; width: 760px; background: transparent url(../images/header_bg.gif) no-repeat left top; height: 176px; float: left; }
.breadCrumbPosition { float: left; margin: 0px; padding: 10px; width: 740px; display: block; color: #FFFFFF; }
.breadCrumbPosition a { color: #003466; text-decoration: none; }
.logoArea { float: left; margin: 0px; padding: 30px 0px 6px 40px; width: 167px; display: block; height: 72px; background: transparent; }
.contactTeam { float: right; margin: 56px 0px 0px; padding: 0px; width: 174px; display: block; background: transparent; height: 32px; }
.contactTeam .text { color: #404040; margin: 2px 0px 0px 15px; padding: 0px; font-size: 0.9em; text-decoration: none; display: inline; }
.contactTeam .number { color: #404040; margin: 0px 0px 0px 15px; padding: 0px; font-size: 1.3em; text-decoration: none; font-weight: bold; display: inline; float: left; }

/* --------------------------- Footer Area --*/
.footerCntr { font-size: 1em; line-height: 1.4em; margin: 0px; padding: 0px; width: 760px; height: 70px; background: #fff url(../images/bgFooter.gif) no-repeat left bottom; }
.footerContentLeft { margin: 0px; padding: 10px 0px 0px 25px; float: left; width: 350px; color: #808080; }
.footerContentLeft a { color: #808080; text-decoration: none; }
.footerContentLeft a:hover { color: #15416D; text-decoration: underline; }
.footerContentRight { margin: 0px; float: right; width: 330px; color: #808080; padding-top: 10px; padding-right: 25px; padding-bottom: 0px; text-align: right; }

/* --------------------------- Main Image Overlay --*/
.bannerCntr { position: relative; width: 760px; height: 278px; overflow: hidden; }
.bannerFrame { background: url(../images/imgMainOverlay.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 760px; height: 278px; }

/* -- LEWIS Advert -- */
.lewisDesign { float: left; border: none; width: 100px; padding: 15px 0px 0px 25px; margin: 0px 0px 30px 0px; background-color: transparent; display: block; }
.lewisDesign a img { border: none; }
