/* bg bubbles - 6 sizes*/
.bub1 { background: url(images/bubble1.png) no-repeat; width:130px; height:130px;  position:absolute; z-index:-1 }
.bub2 { background: url(images/bubble2.png) no-repeat; width:70px; height:70px;  position:absolute;  z-index:-1}
.bub2b { background: url(images/bubble2b.png) no-repeat; width:70px; height:70px;  position:absolute; z-index:-1}
.bub3 { background: url(images/bubble3.png) no-repeat; width:50px; height:50px;  position:absolute; z-index:-1  }
.bub3b { background: url(images/bubble3b.png) no-repeat; width:50px; height:50px;  position:absolute; z-index:-1 }
.bub4 { background: url(images/bubble4.png) no-repeat; width:35px; height:35px;  position:absolute; z-index:-1  }
.bub5 { background: url(images/bubble5.png) no-repeat; width:25px; height:25px;  position:absolute; z-index:-1 }
.bub6 { background: url(images/bubble6.png) no-repeat; width:15px; height:15px;  position:absolute; z-index:-1 }
/*.bub7 { background: url(images/bubblesWhite.png) no-repeat; width:755px; height:220px;  position:absolute; z-index:0} NOT USED*/
.bub8l { background: url(images/bubblesWhiteL.png) no-repeat; width:425px; height:167px;  position:absolute; z-index:0}
.bub8r { background: url(images/bubblesWhiteR.png) no-repeat; width:330px; height:220px;  position:absolute; z-index:0}

/* bub1 */
.p1 { top:240px; left:6%; }
/* bub2*/
.p2 { top:15px; left:3%; }
.p3 { top:60px; left:17%; }
.p4 { top:23px; left:50%; }
.p5 { top:5px; left:60%; }
.p6 { top:55px; left:80%; }
.p7 { top:12px; left:90%; }
.p8 { top:430px; left:85%; }
/*bub3*/
.p9 { top:106px; left:14%; }
.p10 { top:19px; left:24%; }
.p11 { top:80px; left:59%; }
.p12 { top:12px; left:75%; }
.p13 { top:140px; left:77%; }
.p14 { top:650px; left:13%; }
.p15 { top:645px; left:77%; }
/*bub4*/
.p16 { top:520px; left:18%; }
.p17 { top:560px; left:81%; }
/*bub5*/
.p18 { top:345px; left:15%; }
.p19 { top:415px; left:80%; }
.p20 { top:695px; left:19%; }
.p21 { top:800px; left:18%; }
.p22 { top:700px; left:76%; }
.p23 { top:730px; left:42%; }
.p24 { top:780px; left:79%; }
/*bub6*/
.p25 { top:760px; left:44%; }
/*bub7 large white cluster bubbles*/
/*.p26 { margin-left:0px; margin-top:-182px;/*-168 for testing, and 183 for live } - OLD NOT USED, SPLIT BUBBLES P27,28 AS MENU DID NOT WORK INVIS IMG PREVENTED MENU BEING CLICKABLE*/
.p27 { margin-left:0px; margin-top:-181px;/*-168 for testing, and  183 for live*/ }
.p28 { margin-left:425px; margin-top:-181px;/*-168 for testing, and 183 for live*/ }


body{background-image:url(images/bg.gif); font-family: "century gothic", "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif; font-size: .75em; color:#ffffff; font-weight:bold; }
body a { color:#006699; font-weight:bold; text-decoration:none;}
body a:hover{color:#0099FF;}
/* all content */
#pageWrapper, #footerWraper { width: 744px; margin-left: auto; margin-right: auto;}

/* main logo - top left */
#logo{  width: 132px; height:99px; margin-top:-5px; }
.logo{background: url(images/logo_allbright_window_cleaning.png); width: 132px; height:99px; margin-top:-100px; position:absolute; /* also used for contact page */ }

/* strapline */
.menuHome, .menuDomestic, .menuCommercial, .menuContact { width:350px; height:36px; margin-left:144px; margin-top:-37px; position:absolute; z-index:1}
.menuHome { background: url(images/menu.gif) no-repeat;  }
.menuDomestic { background: url(images/menu_domestic.gif) no-repeat;  }
.menuCommercial { background: url(images/menu_commercial.gif) no-repeat;  }
.menuContact { background: url(images/menu.gif) no-repeat;  }

/* small icons with 3 states - top right */
/*used to contain a test with bigger rollover img for home - 36px - also moves 3less px left and high*/
.home, .homeDown, .dom, .domDown, .com, .comDown, .con, .conDown { border:0px; position:absolute; z-index:2;}
.home { background: url(images/home.png) no-repeat; width:100px; height:59px; margin-left:153px; margin-top:440px; }
.home:hover { background: url(images/home_ov.png) no-repeat; width:100px; height:59px; margin-left:153px; margin-top:440px; }
.homeDown { background: url(images/home_ov.png) no-repeat; width:100px; height:59px; margin-left:153px; margin-top:440px; }/*change to down*/
.dom { background: url(images/domestic.png) no-repeat; width:100px; height:59px; margin-top:370px; margin-left:49px; }
.dom:hover { background: url(images/domestic_ov.png) no-repeat; width:100px; height:59px; margin-top:370px; margin-left:49px; }
.domDown { background: url(images/domestic_ov.png) no-repeat; width:100px; height:59px; margin-top:370px; margin-left:49px; }
.com { background: url(images/commercial.png) no-repeat; width:100px; height:59px; margin-left:5px; margin-top:446px;}
.com:hover { background: url(images/commercial_ov.png) no-repeat; width:100px; height:59px; margin-left:5px; margin-top:446px;}
.comDown { background: url(images/commercial_ov.png) no-repeat; width:100px; height:59px; margin-left:5px; margin-top:446px;}
.con { background:url(images/contact.png) no-repeat; width:100px; height:59px; margin-left:237px; margin-top:436px; }
.con:hover { background: url(images/contact_ov.png) no-repeat; width:100px; height:59px; margin-left:237px; margin-top:436px; }
.conDown { background:url(images/contact_ov.png) no-repeat; width:100px; height:59px; margin-left:237px; margin-top:436px; }

/* content with auto scroll box */
#contentScroll, #contentScrollHome { width:310px; height:483px; margin-left:20px; margin-top:20px; margin-bottom:20px; overflow: auto; position:absolute; z-index:1; }
/*#contentScrollHome {font-size: 90%;}*/
/* not used - was for one wide column text 
#contentScrollComInfo { width:704px; height:509px; margin-left:20px; margin-top:2px; margin-bottom:0px; overflow: auto; position:absolute; z-index:1; }
.homeBody{font-size: 90%;}*/

#contentScrollComL { width:340px; margin-left:20px;  margin-top:2px; margin-bottom:0px; overflow: auto; position:absolute; z-index:1; }
#contentScrollComR { width:340px; margin-left:370px; margin-top:2px; margin-bottom:0px; overflow: auto; position:absolute; z-index:1; }


/*margin-top in contentHome has an ie hack - no longer used - as btns are spread out*/
#contentHome{width:140px; height:350px; margin-left:25px; margin-top:250px; position:absolute; z-index:1;  }
/*window cleaning logos */
.guildLogo { background: url(images/guild_logo_sm.png) no-repeat; width:47px; height:60px; margin-left:575px; margin-top:-34px; position:absolute; z-index:1;}
.Logo3 { background: url(images/chas_sm.png) no-repeat; width:102px; height:60px; margin-left:640px; margin-top:-120px; position:absolute; z-index:1;}
.tbs { background: url(images/tbs_sm.png) no-repeat; width:60px; height:60px; margin-left:679px; margin-top:-77px; position:absolute; z-index:1;}

/*  contact page only */
#contentContact   {width:600px; margin-left:170px; margin-top:90px;  font-size:110%; position:absolute; z-index:1; }
.contentContactR {margin-left:65px; position:absolute; z-index:1; }
.contentContactR2 {margin-left:65px; position:absolute; z-index:1; margin-top:5px; }
.contentContactRemail {margin-left:65px; margin-top:9px; position:absolute; z-index:1; }
.contentContactL { font-weight:600; height:33px;  margin-top:-6px; position:absolute; z-index:1; }
.contentContactLtel { font-weight:600; height:33px;  margin-top:2px; position:absolute; z-index:1; }
.contentContactLEmail { font-weight:600; height:33px;  margin-top:7px; position:absolute; z-index:1; }
.contentContactLookout { font-weight:600; height:33px;  margin-top:7px; position:absolute; z-index:1; }/*uses contact_bubble.png called from contact page*/

#contentContact p {height:55px; margin-top:-20px;} /*moves all icons up - same as h35 & marg top0 */
#contentContact a {color:#ffffff; font-weight:400}
#contentContact a:hover {color:#cccccc;}

/* all content inside flash movie - no longer req
#flash { position:relative;}*/

/*footerText has an ie hack - as non ie browsers displays default font slighlty smaller */
.footerText  { font-size:86%; margin-left:-7px; z-index:2}
.footerText  a { color:#ffffff; font-weight:400;z-index:2 }
.footerText  a:hover { color:#cccccc; font-weight:400; z-index:2}
.powered {margin-top:0px; font-size:90%; margin-left:190px; color:#b4d8fc }
.textR{text-align:right; position:absolute; width:600px;}

/*not req*/ #midText {top:227px; text-align:center; position:absolute}/*click here... homepage above btns */

#bottomText {top:430px;  position:absolute; text-align:center; width:310px;}/*groups phone no info */
/*#bottomText {margin-top:135px; position:relative}*/
.bigText { background: url(images/0800.png) no-repeat; width:205px; height:52px; top:44px; margin-left:545px; position:absolute;  }/* used for phone no */

.h1 {font-weight:bold; font-size:115%; margin-top:-2px; margin-bottom:7px;} /* main heading */
.h2{font-size:120%; margin-bottom:2px;}/* used on links page */
.h3{font-size:100%; margin-bottom:2px; margin-top:10px; font-weight:600;} /*used on commercial_info*/
.black {color:#595959}

.pal {margin-top:20px;position:absolute}

/* .guarantee { background: url(images/guarantee.png) no-repeat; width:175px; height:169px; margin-top:0px; position:absolute; } - NOY USED */
/* .guaranteeText {margin-left:150px; margin-top:-5px; position:absolute; width:135px} - NOYTUSED */

li{margin-bottom:4px;}
ul{margin-top:-10px;}