/** integrow css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

html { background: url(../images/bg/bg-html.png) center top no-repeat; font-family: Trebuchet MS, Helvetica, sans-serif; }

/* div.hr { width: 100%; height: 1px; background: #000000; clear: both; margin-bottom: 15px;  }
div.hr hr { display: none; }
div.hr-light { background: #e0e0e0; } */

.left { float: left; }
.right { float: right; }

.align-left { text-align: left; }
.align-right { text-align: right; }

a { color: #ffffff; }
a, button { outline: none; }
a:hover { text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }

/* ---------------------------- */
/*** main divs ***/

div#main { position: relative; width: 964px; margin: 0 auto; padding-bottom: 100px; text-align: left; }
div.wrapper { position: relative; overflow: hidden; height: 825px; margin-bottom: 185px; padding-top: 20px; }
div.top { position: relative; overflow: hidden; background: url(../images/dotted-line-thick.png) left bottom no-repeat; padding-bottom: 10px; }
div.content { overflow: hidden; padding-top: 15px; }
div#contact { margin-bottom: 0px; }
div.footer { background: url(../images/dotted-line-thin.png) left top no-repeat; padding-top: 10px; margin-top: 10px; }

/* ---------------------------- */
/*** top ***/

div.top a.logo { display: block; float: left; width: 209px; height: 59px; background: url(../images/integrow-logo.png) left top no-repeat; }
div.top a.logo:hover { background-position: left bottom; }
div.top a.logo span { display: block; text-indent: -9999px; }

div.top ol.nav { overflow: hidden; float: right; padding-top: 30px; }
div.top ol.nav li { float: left; margin-right: 10px; }
div.top ol.nav li.last { margin-right: 0px; }
div.top ol.nav li a { display: block; height: 17px; }
div.top ol.nav li a span { display: none; }
div.top ol.nav li a.home { background: url(../images/nav/home.png) left top no-repeat; width: 36px; }
div.top ol.nav li a.benefits { background: url(../images/nav/benefits.png) left top no-repeat; width: 139px; }
div.top ol.nav li a.members { background: url(../images/nav/members.png) left top no-repeat; width: 111px; }
div.top ol.nav li a.locations { background: url(../images/nav/locations.png) left top no-repeat; width: 116px; }
div.top ol.nav li a.contact { background: url(../images/nav/contact.png) left top no-repeat; width: 67px; }
div.top ol.nav li a.active,
div.top ol.nav li a:hover { background-position: left bottom; }

/* ---------------------------- */
/*** general stuff ***/

div#main h1 { font-size: 3.2em; letter-spacing: -0.05em; color: #ffffff; margin-bottom: 15px; }

div#main p { font-size: 1.05em; color: #ffffff; line-height: 1.5em; margin-bottom: 15px; }
div#main p.large { font-size: 1.3em; line-height: 1.3em; font-weight: bold; }

/* ---------------------------- */
/*** home ***/

div#home div.left { position: relative; width: 450px; height: 270px; }
div#home div.left img { position: absolute; left: 0; top: 20px; }
div#home div.right { width: 500px; }
div#home p.address { position: absolute; bottom: 0px; left: 20px; z-index: 2; width: 107px; height: 88px; font-size: 0.85em; color: #ffffff;  line-height: 1.3em; }
div#home p.address strong { display: block; margin-bottom: -1px; }

/* ---------------------------- */
/*** benefits ***/

div#benefits div.left { width: 450px; }
div#benefits div.right { width: 450px; padding-top: 15px; }

div#benefits ul { margin-bottom: 15px; }
div#benefits ul li { color: #ffffff; font-size: 1.05em; color: #ffffff; line-height: 1.5em; list-style: disc; margin: 0px 0px 0px 15px; }

div#benefits p.contact { position: relative; width: 450px; height: 148px; background: url(../images/benefits-collage.jpg) left top no-repeat; margin-bottom: 0px; }
div#benefits p.contact a { position: absolute; right: 0; top: 0; display: block; background: url(../images/benefits-a.jpg) left top no-repeat; width: 122px; height: 134px; }
div#benefits p.contact a:hover { background-position: left bottom; }
div#benefits p.contact a span { display: block; text-indent: -9999px; }

/* ---------------------------- */
/*** members ***/

/*div#members ul { position: relative; background: url(../images/members-collage.jpg) left top no-repeat; width: 964px; height: 261px; margin-bottom: 8px; }
div#members ul li { position: absolute; }
div#members ul li.a { bottom: 10px; left: 0px; }
div#members ul li.b { top: 0px; left: 138px; }
div#members ul li.c { bottom: 10px; left: 277px; }
div#members ul li.d { top: 0px; left: 415px; }
div#members ul li.e { bottom: 10px; left: 555px; }
div#members ul li.f { top: 0px; left: 694px; }
div#members ul li.g { bottom: 10px; left: 832px; }
div#members ul li a { display: block; background:url(../images/member.png) left top no-repeat; width: 92px; height: 81px; padding: 20px; text-align: center;  font-size: 0.85em; font-weight: bold; }
div#members ul li a:hover { background-position: left bottom; color: #ffffff; }
*/
div#members { background: url(../images/members-collage.jpg) right 95px no-repeat; }
div#members ul { margin-bottom: 10px; color: #ffffff; height: 240px; }
div#members ul li { list-style: circle; line-height: 1.5em; margin: 0px 0px 5px 15px; }
div#members ul li a { font-size: 1.2em; }

/* ---------------------------- */
/*** locations ***/

div#locations div.map-holder { position: relative; float: right; width: 350px; height: 550px; }

div#locations div.map-holder div.overlay-top { position: absolute; left: 0px; top: 0px; background: url(../images/bg/bg-map-top.png) left top no-repeat; width: 350px; height: 30px; z-index: 2; }
div#locations div.map-holder div.overlay-right { position: absolute; left: 322px; top: 30px; background: url(../images/bg/bg-map-right.png) left top no-repeat; width: 28px; height: 490px; z-index: 2; }
div#locations div.map-holder div.overlay-bottom { position: absolute; left: 0px; top: 520px; background: url(../images/bg/bg-map-bottom.png) left top no-repeat; width: 350px; height: 30px; z-index: 2; }
div#locations div.map-holder div.overlay-left { position: absolute; left: 0px; top: 30px; background: url(../images/bg/bg-map-left.png) left top no-repeat; width: 28px; height: 490px; z-index: 2; }

div#locations div#map { position: relative; float: right; width: 370px; height: 550px; margin: -70px 0px 10px; }

div#locations div#map div#logocontrol,
div#locations div#map div span, 
div#locations div#map div a { display: none; }
div#locations div#map div a.link { display: inline !important; color: #454545; }
div#locations div#map div a.link:hover { text-decoration: none; }

div#locations ul.locations { float: left; overflow: hidden; width: 580px; }
div#locations ul.locations li { float: left; margin: 0px 4px 4px 0px; }
div#locations ul.locations li a { display: block; background: url(../images/map/address.png) left top no-repeat; width: 137px; height: 107px; font-size: 0.85em; color: #57412a; padding: 24px; cursor: pointer; text-decoration: underline; }
div#locations ul.locations li a:hover { color: #ffffff; background-position: left bottom; text-decoration: none; }
div#locations ul.locations li a.active { text-decoration: none; color: #ffffff; background: url(../images/map/address.png) left bottom no-repeat; }

/* ---------------------------- */
/*** contact ***/

div#contact div.right { width: 340px; height: 330px; margin-top: -47px; padding: 10px 0px 0px 147px; background: url(../images/contact-image.jpg) left top no-repeat; }
div#contact div.left { width: 376px; height: 236px; background: url(../images/bg/bg-form.png) left top no-repeat; padding: 42px; margin-bottom: 10px; }

div#contact div.right ul { margin-bottom: 15px; }
div#contact div.right ul li { font-size: 1.05em; color: #ffffff; line-height: 1.5em; }

div#contact form ul {}
div#contact form ul li { overflow: hidden; margin-bottom: 6px; }
div#contact form ul li label { width: 80px; float: left; color: #ffffff; font-size: 1.05em; font-weight: bold; }
div#contact form ul li input.text { float: right; width: 266px; padding: 2px; color: #565656; }
div#contact form ul li textarea { float: right; width: 267px; padding: 2px; color: #565656; height: 55px; }
div#contact form ul li button { float: right; background: url(../images/submit.png) left top no-repeat; width: 88px; height: 30px; border: 0; cursor: pointer; margin-top: 5px; }
div#contact form ul li button:hover { background-position: left bottom; }
div#contact form ul li button span { display: block; text-indent: -9999px; }
div#contact form ul li span.error { display: block; clear: both; padding: 4px 0px 0px 104px; color: #ffffff; font-size: 0.85em; }

div#contact div#return { display: none; width: 376px; height: 50px; }
div#contact div#return div.success { background: url(../images/bg/bg-success.png) left top no-repeat; width: 356px; height: 20px; padding: 10px; }
div#contact div#return div.error { background: url(../images/bg/bg-error.png) left top no-repeat; width: 356px; height: 20px; padding: 10px; }
div#contact div#return h2 { font-size: 1.4em; letter-spacing: -0.05em; }
div#contact div.success h2 { color: #5a8227; }
div#contact div.error h2 { color: #a5340c; }

/* ---------------------------- */
/*** footer ***/

div.footer p { overflow: hidden; color: #ffffff; margin-bottom: 10px; }
div.footer p span.prev { float: left; background: url(../images/prev-section.png) right 6px no-repeat; padding-right: 140px; }
div.footer p span.next { float: right; background: url(../images/next-section.png) left 6px no-repeat; padding-left: 106px; }
div.footer p a { display: block; height: 30px; cursor: pointer; }
div.footer p a span { display: none; }

div.footer p a.home { background: url(../images/section-nav/home-up.png) left top no-repeat; width: 78px; }
div.footer p a.benefits-down { background: url(../images/section-nav/benefits-down.png) left top no-repeat; width: 201px; }
div.footer p a.benefits-up { background: url(../images/section-nav/benefits-up.png) left top no-repeat; width: 201px; }
div.footer p a.members-down { background: url(../images/section-nav/members-down.png) left top no-repeat; width: 169px; }
div.footer p a.members-up { background: url(../images/section-nav/members-up.png) left top no-repeat; width: 169px; }
div.footer p a.locations-down { background: url(../images/section-nav/locations-down.png) left top no-repeat; width: 176px; }
div.footer p a.locations-up { background: url(../images/section-nav/locations-up.png) left top no-repeat; width: 176px; }
div.footer p a.contact { background: url(../images/section-nav/contact-down.png) left top no-repeat; width: 117px; }
div.footer p a:hover { background-position: left bottom; }