@import url("reset.css");
@import url("typography.css");
@import url("grid.css");

html { height: 100%; margin-bottom: 1px; }

body { background:url(../images/body-bg.gif) #4e92c3 repeat-x; padding:0 0 0 0; font-size:62.5%; font-family:Tahoma, Arial, Helvetica, sans-serif; }

.wrapper { width:856px; margin: 0 auto; position: relative; }

.content { position:relative; z-index:20; float:left; display:inline;  background:url(../images/content-bg.png) no-repeat top left; width: 856px; float:left;}

.content-inner { position:relative; z-index:20; float:left; display:inline;background:url(../images/content-inner-bg.png) repeat-y top left;width: 856px; margin-top:6px;  }

.content-footer {float:left; display:inline; background:url(../images/content-footer.png) no-repeat top left;width: 856px; padding-bottom:6px; margin-bottom:20px; }

.header { width:850px; background:#005561 url(../images/header-background.jpg); min-height:166px; height:auto !important; height:166px; padding:0px 3px 3px; float:left; position:relative; z-index:30; }

.col-span-1 ul li {background:none; margin-bottom:10px; padding:0; }


.ibstock-title {background:url(../images/website-title.jpg) no-repeat; width:372px; height:114px;}

.footer { min-height:40px; height:auto !important; height:40px; background:#005561 url(../images/header-background.jpg); padding-top:10px; background:#005561; clear:both; 
position:relative; z-index:10; padding-left:20px; padding-right:20px;  }

.community-information {background:url(../images/community-information-bg.gif) no-repeat top left; width:180px; padding-top:12px; float:left; display:inline;}
.community-information-content {background:url(../images/community-information-bg.gif) no-repeat bottom left; padding:0 12px 0px 12px; color:white; font-size:100%; float:left; display:inline;} 
.community-information-content p {font-size:1.5em;}
.community-information-content a {font-size:0.8em;}
.community-information-content p.note {font-size:1.1em;}

ul.questions { width:100%; border-bottom:1px dotted #76b1e0; padding-bottom:22px; padding-top:22px; }
ul.faq {border-bottom:none;}
ul.questions li { background:none; margin:0; padding:0 0 0.8em 0; line-height:1.5em;}
ul.questions li a {font-size:1.4em; font-weight:bold; color:#77b1e0; text-decoration:none; }
ul.questions li a:hover {font-size:1.4em; font-weight:bold; color:#77b1e0; text-decoration:none; }

.answer { position:relative; float:left; display:inline; border-top:1px dotted #76b1e0; width:100%;} 
p a.toplink { position:absolute; top:20px; right:0; color:#848485;}
.answer h2 { font-size:2em; font-weight:bold; margin:20px 130px 20px 0;}
.answer h2 a {color:#848485;}
.answer h2 a:hover {color:#848485; text-decoration:none;}
.answer ul li {padding-left:25px; margin-bottom:1.5em; }

ul.benefits li { zoom:1; position:relative;}

ul.benefits li strong {color:#174e9c;}
  
/*----------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------*/

.navigation { background:none; float:left; width:100%; position:relative; }

.nav { margin: 0; padding:0 0 0 37px; font: bold 1.2em Arial, sans-serif; float:left; display:inline; width:813px; background:url(../images/navigation-background.jpg) no-repeat; position:absolute; bottom:3px; height:32px;}

.nav li { list-style: none; margin: 0; padding:0; display: inline; background:none; float:left; }
.nav li a#active {background-position:0 -32px;}
.nav li a { display:block; text-indent:-9999px; height:32px; }
.nav li a:hover {}
.nav li a.welcome { background: url(../images/welcome-nav.jpg) no-repeat 0 0 ; width:96px; }
.nav li a.welcome:hover { background: url(../images/welcome-nav.jpg) no-repeat 0 -32px ; }

.nav li a.eastern-extension { background: url(../images/eastern-extension-nav.jpg) no-repeat 0 0; width:194px; }
.nav li a.eastern-extension:hover { background: url(../images/eastern-extension-nav.jpg) no-repeat 0 -32px; }


.nav li a.benefits { background: url(../images/benefits-nav.jpg) no-repeat 0 0; width:109px; }
.nav li a.benefits:hover { background: url(../images/benefits-nav.jpg) no-repeat 0 -32px; }

.nav li a.faqs { background: url(../images/faqs-nav.jpg) no-repeat 0 0; width:78px;}
.nav li a.faqs:hover { background: url(../images/faqs-nav.jpg) no-repeat 0 -32px; }

.nav li a.yoursay { background: url(../images/yoursay-nav.jpg) no-repeat 0 0; width:152px; }
.nav li a.yoursay:hover { background: url(../images/yoursay-nav.jpg) no-repeat 0 -32px; }

.nav li a.ibstock { background: url(../images/ibstock-nav.jpg) no-repeat 0 0; width:100px; }
.nav li a.ibstock:hover { background: url(../images/ibstock-nav.jpg) no-repeat 0 -32px; }

.nav li a.wrg { background: url(../images/wrg-nav.jpg) no-repeat 0 0; width:47px; }
.nav li a.wrg:hover { background: url(../images/wrg-nav.jpg) no-repeat 0 -32px; }


.nav li a:hover {}

.nav li.active a { background:#FFFFFF; color:#3ac2d6; }


/*----------------------------------------------------------------------------------------
HELPER CLASSES
----------------------------------------------------------------------------------------*/

.right { float:right; }

.left { float:left; }

.clear { clear:both; overflow: hidden; width: 100%; }

.clear-left { clear:left; }

.clear-right { clear:right; }

.logo { margin:0; padding:0; float:left; }

/*.content p img { padding:5px 10px; }*/

/*----------------------------------------------------------------------------------------
FRAMEWORK
----------------------------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; } /* accessible display none */

.s-h-o { left: -9999em; position: absolute; top: -9999em; } /* place content off screen */

.s-i-bg { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }

.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }

.s-break { display: block; }