/* WEBSITE PROPERTIES FOR: GREEN TAP PLUMBING. AUTHOR: Sadiq Ahmed, Room101 Limited. ---------------------------------------------------------------------------------------------*/ /* CSS ADVANCE IMAGING ---------------------------------------------------------------------------------------------*/ .gtp1, .gtp2, .gtp3, .gtp4, .gtp5, .gtp6, .gtp7, #gtp8, .gtp9, .gtp10, .gtp11, .gtp12, .gtp13, .gtp14, .gtp15, .gtp16, .gtp17, .gtp18, .gtp19, .gtp20, .gtp21, .gtp22, .gtp23, .gtp24, .gtp25, .gtp26, .gtp27, .gtp28, .gtp29, .gtp30, .gtp31, .gtp32, #values_link, #services_link, #about_link, #home_link, #gtp-ha, #gtp-as, #gtp-sv, #lft_domestic, #lft_business, #lft_non_profit, #lft_authority {background:transparent url('/images/full_sprite.png') no-repeat 0px 0px; margin:0px; padding:0px;} /* EMPTY CONTAINERS 3, 4, 5, 6, 14, 15, 16, 17, 18, 19, 20, 21, 22, */ .gtp1 {background-position:-127px -617px; width:200px; height:37px; display:inline-block; } /* QUOTE */ .gtp2 {background-position:0px -655px; width:780px; height:45px;} /* CREDIT CARDS */ .gtp7 {background-position:0px -170px; width:780px; height:125px;} /*BOTTOM HEADER*/ .gtp7 {} /*BOTTOM HEADER*/ .gtp7 p {float:left; width:320px; margin-left:5px; color:#179ADE; font-size:8pt; line-height:8.5pt; font-weight:bold; padding:10px 0px; } /*BOTTOM HEADER*/ #gtp8 {background-position:0px -121px; background-repeat:no-repeat; width:780px; height:45px;} /*BLUE STRIP*/ .gtp9 {background-position:-128px -300px; width:492px; height:92px; } /* TOP MAIN */ .gtp10 {background-position:-960px -0px; background-repeat:repeat-y; width:492px; } /*MAIN TEXT BODY */ .gtp-text {padding:20px; margin:-92px 0px -60px 0px; } .gtp-top-right { float:right; width:50px; height:50px; } .gtp-bottom-left { float:left; width:50px; height:50px; } .gtp-text ul { margin:0px; margin-bottom:0px; list-style-type:none; font-weight:900; color:#21363B; font-size:14pt;} .gtp-text ul.lapping_list { width:200px;} .gtp-text ul li { margin:0px; padding:0px; padding-left:20px; font-weight:normal; color:#21363B; font-size:8.5pt; line-height:15px; } .gtp-text ul li.gtp14 { margin:0px; padding:0px;} .gtp14 {background-position:-592px -551px; background-repeat:no-repeat; width:10px; height:15px; display:inline-block; float:left;} /* BULLET POINT */ .gtp11 {background-position:-128px -428px; width:492px; height:92px;} /* BOTTOM MAIN */ .gtp12 {background-position:-560px -552px; width:25px; height:25px;}/*GO BUTTON*/ .gtp13 {background-position:-293px -552px; width:136px; height:25px;}/* INPUT */ .gtp28 {background-position:-134px -523px; width:150px; height:80px; float:left; margin:17px 0px 0px 10px;} /*Water AID*/ .gtp29 {background-position:-728px -316px; width:222px; height:88px; position:absolute; bottom:5px; left:10px;} /* LOGO */ .gtp24 {background-position:-464px -0px; width:456px; height:122px; position:absolute; bottom:0px; right:0px;} .gtp25 {background-position:-0px -0px; width:465px; height:122px; position:absolute; bottom:0px; right:0px;} /* call frog 1*/ .gtp26 {background-position:0px -701px; width:461px; height:122px; position:absolute; bottom:0px; right:0px;} /* call frog 2*/ .gtp27 {background-position:-464px -700px; width:463px; height:122px; position:absolute; bottom:0px; right:0px;} /* call frog 3*/ .gtp23 {background-position:-730px -408px; width:131px; height:166px; display:inline-block;}/*industry*/ .gtp30 {background-position:-622px -442px; width:96px; height:131px; display:inline-block;}/*BULDING*/ .gtp31 {background-position:-622px -297px; width:89px; height:141px; display:inline-block;}/*GLOBE*/ /* FLOATS */ #gtp8 div.go-user {float:right; display:inline-block; margin:8px 0px 0px 0px; } #gtp8 div.go-end-user { float:right; margin:4px 20px 0px 20px; } * html #gtp8 div.go-end-user { float:right; margin:4px 15px 0px 10px; } #gtp8 div.go-end-user { font-weight:200; font-size:7pt; } #gtp8 div.go-end-user a { font-weight:200; font-size:7pt; color:#ffffff; } .gtp13 div {position:relative; top:0px; left:10px; width:105px; height:20px; } .gtp13 input { margin:0px; padding:0px; display:block; } .gtp13 input.email { border:1px solid #ffffff; display:block; font-size:8px; height:12px; left:0px; margin:0; padding:0; position:absolute; top:5px; width:105px; font-size:8pt; font-weight:100;} *:first-child+html {} * html .email {font-size:10px; } .gtp13 input.epassword { border:1px solid #ffffff; display:block; font-size:8px; height:12px; right:0px; margin:0; padding:0; position:absolute; top:5px; width:105px; font-size:8pt; font-weight:100;} *:first-child+html {} * html .epassword {font-size:10px; } .white {color:#ffffff;} /* ADVANCED CSS NAVIGATION */ /* TOP NAVIGATION :: -----------------------------------------------------------------------------------------*/ #home_link {background-position:-291px -535px; width:45px; height:14px;}/* GREEN Home */ #about_link {background-position:-362px -535px; width:70px; height:14px;}/* GREEN About Us */ #services_link {background-position:-459px -535px; width:66px; height:14px;}/* GREEN Services */ #values_link {background-position:-552px -535px; width:52px; height:14px;}/* GREEN Values*/ #gtp-ha { background-position:-336px -535px; display:block; } #gtp-as { background-position:-432px -535px; display:block; } #gtp-sv { background-position:-525px -535px; display:block; } #home_link { display:block; float:left; width:45px; height:14px; margin:12px 0px 0px 15px; padding:0px; } #about_link { display:block; float:left; width:70px; height:14px; margin:12px 0px 0px 0px; padding:0px; } #services_link { display:block; float:left; width:66px; height:14px; margin:12px 0px 0px 0px; padding:0px; } #values_link { display:block; float:left; width:52px; height:14px; margin:12px 0px 0px 0px; padding:0px; } #gtp-ha { display:block; float:left; width:27px; height:14px; margin:0px; margin-top:11px; padding:0px;} #gtp-as { display:block; float:left; width:27px; height:14px; margin:0px; margin-top:11px; padding:0px;} #gtp-sv { display:block; float:left; width:27px; height:14px; margin:0px; margin-top:11px; padding:0px;} body#home #home_link { background-position:-291px -520px; width:45px; height:14px; } body#about #about_link { background-position:-362px -520px; width:70px; height:14px; } body#services #services_link { background-position:-459px -520px; width:66px; height:14px; } body#values #values_link { background-position:-552px -520px; width:52px; height:14px;} body#home #gtp-ha { background-position:-336px -520px; display:block; } body#about #gtp-as { background-position:-432px -520px; display:block; } body#services #gtp-sv { background-position:-525px -520px; display:block; } a#home_link { display:block; cursor:pointer; text-decoration:none; width:45px;} a#about_link { display:block; cursor:pointer; text-decoration:none; } a#services_link { display:block; cursor:pointer; text-decoration:none; } a#values_link { display:block; cursor:pointer; text-decoration:none; } #home a#home_link { display:block; cursor:pointer; text-decoration:none; } #about a#about_link { display:block; cursor:pointer; text-decoration:none; } #services a#services_link { display:block; cursor:pointer; text-decoration:none; } #values a#values_link { display:block; cursor:pointer; text-decoration:none; } /*---------------------------------------------------------------------------------------*/ /*LEFT NAVIGATION -----------------------------------------------------------------------------------------*/ #lft_domestic { background-position:0px -296px; background-repeat:no-repeat; width:130px; height:90px; margin:0px; padding:0px;} #lft_business { background-position:0px -385px; background-repeat:no-repeat; width:130px; height:90px; margin:0px; padding:0px;} #lft_non_profit { background-position:0px -473px; background-repeat:no-repeat; width:130px; height:90px; margin:0px; padding:0px;} #lft_authority { background-position:0px -561px; background-repeat:no-repeat; width:130px; height:90px; margin:0px; padding:0px;} body#services #target_domestic #lft_domestic { display:block; background:none; width:0px; height:0px; margin:0px; padding:0px;} body#services #target_business #lft_business { display:block; background:none; width:0px; height:0px; margin:0px; padding:0px;} body#services #target_profit #lft_non_profit { display:block; background:none; width:0px; height:0px; margin:0px; padding:0px;} body#services #target_authority #lft_authority { display:block; background:none; width:0px; height:0px; margin:0px; padding:0px;} #lft_domestic a { color:#ffffff;} #lft_business a { color:#ffffff; } #lft_non_profit a { color:#ffffff; } #lft_authority a { color:#ffffff; } #lft_domestic a span { display:block; cursor:pointer; width:130px; height:90px; margin:0px; padding:0px; font-size:1px; color:#ffffff;} #lft_business a span { display:block; cursor:pointer; width:130px; height:90px; margin:0px; padding:0px; font-size:1px; color:#ffffff; } #lft_non_profit a span { display:block; cursor:pointer; width:130px; height:90px; margin:0px; padding:0px; font-size:1px; color:#ffffff; } #lft_authority a span { display:block; cursor:pointer; width:130px; height:90px; margin:0px; padding:0px; font-size:1px; color:#ffffff; } body#services #target_domestic #lft_domestic a span { display:block; cursor:pointer; width:130px; height:0px; margin:0px; padding:0px; font-size:1px; } body#services #target_business #lft_business a span { display:block; cursor:pointer; width:130px; height:0px; margin:0px; padding:0px; font-size:1px; } body#services #target_profit #lft_non_profit a span { display:block; cursor:pointer; width:130px; height:0px; margin:0px; padding:0px; font-size:1px; } body#services #target_authority #lft_authority a span { display:block; cursor:pointer; width:130px; height:0px; margin:0px; padding:0px; font-size:1px; } #target_domestic {width:805px; margin:0 auto; padding:0px; text-align:left;} #target_business {width:805px; margin:0 auto; padding:0px; text-align:left;} #target_profit {width:805px; margin:0 auto; padding:0px; text-align:left;} #target_authority {width:805px; margin:0 auto; padding:0px; text-align:left;} /*---------------------------------------------------------------------------------------*/ /* WEBSITE PROPERTIES FOR: GREEN TAP PLUMBING. AUTHOR: Sadiq Ahmed, Room101 Limited. ---------------------------------------------------------------------------------------------*/ /* CSS ADVANCE IMAGING - HEADLINES ---------------------------------------------------------------------------------------------*/ .gth1, .gth2, .gth3, .gth4, .gth5, .gth6, .gth7, .gth8, .gth9, .gth10, .gth11, .gth12, .gth13, .gth14, .gth15 {background:transparent url('/images/right_sprite.png') no-repeat 0px 0px; margin:0px; padding:0px;} .gth1 {background-position:-970px 0px; width:155px; display:inline-block; background-repeat:repeat-y; } /* BLUE BG QUOTE */ .gth1 p {padding:10px; color:#ffffff;} .gth2 {background-position:-810px 0px; width:155px; height:60px; display:inline-block; } /* QUOTE */ .gth3 {background-position:-810px -60px; width:155px; height:175px; display:inline-block; } /* QUOTE */ .gth4 {background-position:-164px 0px; width:155px; display:inline-block; background-repeat:repeat-y;} /* GREEN BG AID */ .gth4 p {padding:10px; width:130px; text-align:left; color:#ffffff;} .gth5 {background-position: 0px 0px; width:155px; height:155px; display:inline-block; } /* AID */ .gth6 {background-position: 0px -165px; width:155px; height:60px; display:inline-block; } /* AID */ .gth7 {background-position:-328px 0px; width:155px; height:55px; display:inline-block; } /* GREEN */ .gth8 {background-position:-328px -70px; width:155px; height:55px; display:inline-block; } /* GREEN */ .gth9 {background-position:-328px -175px; width:155px; height:44px; display:inline-block; } /* GREEN */ .gth10 {background-position:-650px 0px; width:155px; display:inline-block; background-repeat:repeat-y;} /* BORDER BG STATEMENT */ .gth10 p {padding:10px 10px 0px 5px; color:#21363B; } .gth11 {background-position:-490px 0px; width:155px; height:45px; display:inline-block; } /* STATEMENT */ .gth12 {background-position:-490px -60px; width:155px; height:155px; display:inline-block; } /* STATEMENT */ .gth13 {background-position:-1130px -0px; width:155px; height:60px; display:inline-block; } /* want a quote */