a
{
    outline: none;
    text-decoration: none;
    color: #01794C;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border: none;
}

body
{
    text-align: center;
}

div
{
    font-family: Arial;
}

tr
{
    margin: 0px;
    padding: 0px;
}

td
{
    margin: 0px;
    padding: 0px;
}

html
{
    overflow: scroll;
}

h1
{
    font-size: 16px;
    color: #01794C;
    margin-top: 0;
    margin-bottom: 0px;
}

h1 a
{
    font-size: 16px;
    color: #01794C;
}

h2
{
    font-size: 14px;
    color: #01794C;
    margin-top: 0;
    margin-bottom: 0px;
}

h2 a
{
    font-size: 14px;
    color: #01794C;
    text-decoration: none;
}

h2 a:hover
{
    font-size: 14px;
    color: #01794C;
    text-decoration: underline;
}

h3
{
    font-size: 13px;
    color: #01794C;
    margin-top: 0;
    margin-bottom: 0px;
}

ul
{
    margin: 0;
    padding: 0;
    margin-left: 18px;
    margin-bottom: 20px;
    vertical-align: top;
}

li
{
    vertical-align: top;
}

.athletics-left
{
    width: 254px;
    float: left;
    margin-right: 2px;
}

.green-bullet
{
    list-style-image: url(images/green-bullet.gif);
    vertical-align: top;
    margin-left: 18px;
    margin-top: 0;
}

.blue-bullet
{
    list-style-image: url(images/blue-bullet.gif);
    vertical-align: top;
    margin-left: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.blue-bullet-no-margin
{
    list-style-image: url(images/blue-bullet.gif);
    vertical-align: top;
    margin-left: 18px;
}

.bullet-width
{
    width: 240px;
}

.para
{
    width: 646px;
}

#searchbar
{
    width: 146px;
    font-size: 14px;
    float: left;
}

.blue
{
    color: #0E2B8D;
}

.blue a
{
    color: #0E2B8D;
}

.searchbox
{
    width: 143px;
    border: 0;
}

#background-safer-surfacing
{
    width: 780px;
    min-height: 556px;
    background-image: url(images/safer-surfacing-background2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    font-size: 12px;
    text-align: left;
}

#background-rubber-scrub
{
    position: relative;
}

#go
{
    float: right;
    color: #FFFFFF; 
    font-weight: bold; 
    padding-right: 8px;
}

#go a
{
    color: #FFFFFF;
    text-decoration: none;
}

#go a:hover
{
    text-decoration: underline;
}

#menu-background
{
    width: 995px;
    height: 35px;
    background-image: url(images/menu-background.jpg);
    padding-top: 15px;
}

#api
{
    width: 55px;
    height: 60px;
    text-align: right;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background-image: url(images/api-logo.jpg);
}

#chas
{
    width: 97px;
    height: 69px;
    float: left;
    margin-top: 10px;
    background-image: url(images/small-chas-logo.jpg);
}

#page
{
    text-align: center;
    width: 995px;
    margin: 0 auto;
}

#panel-right-case-studies
{
    width: 160px;
    height: 120px;
    margin-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 34px;
    background-image: url(images/case-studies.jpg);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

#panel-right-latest-news
{
    width: 100px;
    height: 120px;
    padding-left: 10px;
    padding-right: 70px;
    margin-bottom: 8px;
    padding-top: 34px;
    background-image: url(images/latest-news.jpg);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

#panel-right-contact-us
{
    width: 160px;
    height: 76px;
    padding-top: 34px;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(images/contact-us.jpg);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

#panel-right-image-gallery
{
    width: 160px;
    height: 32px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(images/image-gallery.jpg);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

#play-equipment-left
{
    width: 415px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

#play-equipment-right
{
    margin-top: -30px;
    float: right;
    text-align: left;
}

#logo
{
    background-image: url(images/logo.jpg);
}

#head
{
    width: 995px;
}

#head-tl
{
    width: 10px;
    height: 10px;
    background-image: url(images/head-tl.gif);
    float: left;
}

.h1
{
    font-size: 16px;
    color: #01794C;
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: bold;
}

#head-tm
{
    width: 975px;
    height: 10px;
    background-image: url(images/head-tm.gif);
    float: left;
}

#head-tr
{
    width: 10px;
    height: 10px;
    background-image: url(images/head-tr.gif);
    float: left;
}

#head-m
{
    width: 968px;
    height: 91px;
    background-image: url(images/head-m.gif);
    padding-left: 27px;
    clear: both;
}

#head-left
{
    float: left;
}

#head-right
{
    padding: 6px;
    text-align: right;
    float: right;
    font-family: Arial;
    font-style: italic;
    color: #01794C;
    font-weight: bold;
    padding-right: 10px;
}

.menu-tab
{
    width: 132px;
    text-align: center;
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border-right: solid 1px #ffffff;
}

.menu-tab-hover a
{
    color: #FFFFFF;
    text-decoration: underline;
}

.menu-item
{
    width: 250px;
    height: 25px;
    border-bottom: solid 1px #b2b2b2;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    text-align: left;
    padding-left: 10px;    
    color: #000000;
    font-size: 12px;
    display: block;
    line-height: 23px;
}

.menu-item-hover
{
    width: 250px;
    height: 25px;
    border-bottom: solid 1px #b2b2b2;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    text-align: left;
    padding-left: 10px;
    color: #ffffff;
    font-size: 12px;
    background-image: url(images/menu-hover2.gif);
    display: block;    
    line-height: 23px;
}

.menu-item-hover a
{
    background-image: none;
}

#menu-left
{
    float: left;
}

#menu-right
{
    float: right;
    padding-right: 10px;
    color: #FFFFFF;
    padding-top: 15px;
    font-weight: bold;
}

#content
{
    width: 780px;
    float: left;
}

#content-background
{
    width: 780px;
    height: 591px;
    background-image: url(images/home-background.jpg);
}

#background-rubber-scrub-playgrounds
{
    width: 780px;
    height: 702px;
    background-image: url(images/rubber-scrub-playgrounds.jpg);
}

#background-rubber-scrub-court-clean
{
    width: 780px;
    height: 661px;
    text-align: left;
    background-image: url(images/rubber-scrub-court-clean.jpg);
}

#safer-surfacing-flexitop
{
    width: 780px;
    height: 1320px;
    text-align: left;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/safer-surfacing-flexitop.jpg);
}

#safer-surfacing-flexitop-technical
{
    width: 780px;
    height: 1400px;
    text-align: left;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/flexitop-technical.jpg);
}

#safer-surfacing-tiger-mulch-technical
{
    width: 780px;
    height: 1100px;
    text-align: left;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/tiger-mulch-technical.jpg);
}

#safer-surfacing-no-mow
{
    width: 780px;
    height: 740px;
    text-align: left;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/safer-surfacing-no-mow.jpg);
}

#safer-surfacing-tiger-mulch
{
    width: 780px;
    height: 966px;
    text-align: left;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/safer-surfacing-tiger-mulch.jpg);
}

#safer-surfacing-no-mow-technical
{
    width: 780px;
    min-height: 740px;
    padding-bottom: 40px;
    text-align: left;
    font-size: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/no-mow-technical.jpg);
}

#background-rubber-scrub-athletics
{
    width: 780px;
    height: 710px;
    background-position: left top;
    background-repeat: no-repeat;
    text-align: left;
    background-image: url(images/rubber-scrub-athletics.jpg);
}

#containter
{
    width: 995px;
    margin: 0 auto;
}

#right-panel
{
    width: 200px;
    padding-left: 15px;
    padding-top: 15px;
    float: left;
}

.flexitop-text
{
    width: 470px;
    padding-left: 30px;
    padding-top: 140px;
}

.tiger-mulch-text
{
    width: 470px;
    padding-left: 30px;
    padding-top: 170px;
}

.safersurfacing-text
{
    padding-left: 30px;
    padding-top: 140px;
}

.nomow-text-left
{
    width: 470px;
    float: left;
    padding-left: 30px;
    padding-top: 140px;
}

.nomow-text-right
{
    width: 260px;
    padding-top: 380px;
    padding-left: 20px;
    float: left;
}

.flexitop-technical-text
{
    width: 470px;
    padding-left: 30px;
    padding-top: 140px;
}

#footer
{
    width: 968px;
    height: 24px;
    background-image: url(images/footer-background.jpg);
    color: #FFFFFF;
    padding-top: 2px;
    text-align: left;
    padding-left: 27px;
    clear: left;
}

#footer a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
}

#footer a:hover
{
    text-decoration: underline;
}

#footer-bottom-left
{
    text-align: left;
    color: #666666;
    font-size: 11px;
    padding-left: 27px;
    padding-top: 5px;
    float: left;
}

#footer-bottom-right
{
    text-align: right;
    padding-right: 10px;
    font-size: 11px;
    padding-top: 5px;
}

#map
{
    width: 780px;
    height: 251px;
    vertical-align: bottom;
}

#safer-surfacing-text
{
    position: absolute;
    top: 133px;
    left: 30px;
    width: 470px;
    font-size: 12px;
    text-align: left;
}

.green-text
{
    color: #38A0CC;
    font-size: 11px;
}

.green
{
    color: #01794C;
}

.green-text a
{
    color: #38A0CC;
    text-decoration: none;
}

.green-text a:hover
{
    text-decoration: underline;
}

.home-padding
{
    padding-left: 30px;
}

.flash-home
{
    padding-left: 18px;
}

.main-text
{
    width: 415px;
    height: 282px;
    font-size: 13px;
    text-align: left;
    padding-top: 110px;
    float: left;
}

.main-text2
{
    width: 650px;
    min-height: 300px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

.main-text3
{
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

.main-text4
{
    width: 650px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

.main-text5
{
    width: 420px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

.main-text6
{
    width: 650px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 130px;
    float: left;
}

#panel-tl
{
    width: 10px;
    height: 10px;
    background-image: url(images/panel-tl.gif);
    float: left;
}

#panel-tr
{
    width: 10px;
    height: 10px;
    background-image: url(images/panel-tr.gif);
    float: left;
}

#panel-tm
{
    width: 180px;
    height: 10px;
    background-color: #CAE3D9;
    float: left;
}

#panel-m
{
    width: 180px;
    background-color: #CAE3D9;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

#panel-bl
{
    width: 10px;
    height: 10px;
    background-image: url(images/panel-bl.gif);
    float: left;
    clear: left;
}

#panel-bm
{
    width: 180px;
    height: 10px;
    background-color: #CAE3D9;
    float: left;
}

#panel-br
{
    width: 10px;
    height: 10px;
    background-image: url(images/panel-br.gif);
    float: left;
}

#spacer
{
    width: 995px;
    height: 10px;
    background-image: url(images/spacer.gif);
    float: left;
}

.green-numbers
{
    color: #01794C; 
    font-weight: bold;
}

#title
{
    padding-left: 27px;
    text-align: left;
    padding-top: 66px;
}

#health-and-safety-left
{
    float: left; 
    width: 465px;
}

#health-and-safety-right
{
    float: right; 
    width: 185px;
    text-align: right;
}

#background-top
{
    height: 93px;
    background-image: url(images/curve-top.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

.rubber-scrub-playground-text
{
    width: 780px;
    padding-top: 170px;
    padding-left: 30px;
    text-align: left;
    font-size: 12px;
}

.rubber-scrub-court-clean-text
{
    width: 460px;
    padding-top: 135px;
    padding-left: 30px;
    text-align: left;
    font-size: 12px;
}

.playgrounds-left
{
    width: 245px;
    float: left;
    margin-right: 10px;
}

.playgrounds-main-text
{
    width: 460px;
    float: left;
    clear: left;
}

.rubber-scrub-logo
{
    width: 204px;
    height: 115px;
    float: left;
}

.curve-bottom
{
    width: 780px;
    height: 185px;
    background-position: bottom;
    background-image: url(images/curve-bottom.jpg);
}

#case-studies-play
{
    position: relative;
    width: 351px;
    height: 163px;
    padding-top: 90px;
    padding-left: 14px;
    float: left;
    background-image: url(images/case-studies-play-equipment.jpg);
}

#case-studies-shelters
{
    position: relative;
    width: 351px;
    height: 163px;
    padding-top: 90px;
    padding-left: 14px;
    float: right;
    background-image: url(images/case-studies-shelters.jpg);
}

#case-studies-seating
{
    position: relative;
    width: 351px;
    height: 165px;
    padding-top: 86px;
    padding-left: 14px;
    float: left;
    background-image: url(images/case-studies-seating.jpg);
}

#case-studies-surfacing
{
    position: relative;
    width: 351px;
    height: 165px;
    padding-top: 86px;
    padding-left: 14px;
    float: right;
    background-image: url(images/case-studies-surfacing.jpg);
}

#case-studies-safer-surfacing
{
    position: relative;
    width: 377px;
    height: 256px;
    float: left;
    text-align: left;
    background-image: url(images/our-products-safer-surfacing.jpg);
}

#case-studies-flexitop
{
    position: relative;
    width: 377px;
    height: 256px;
    float: left;
    text-align: left;
    background-image: url(images/our-products-flexitop.jpg);
}

#case-studies-no-mow
{
    position: relative;
    width: 377px;
    height: 256px;
    float: left;
    text-align: left;
    background-image: url(images/our-products-no-mow.jpg);
}

#case-studies-rubber-scrub
{
    position: relative;
    width: 377px;
    height: 256px;
    float: left;
    text-align: left;
    background-image: url(images/our-products-rubber-scrub.jpg);
}

#design-top
{
    width: 550px;
    font-size: 13px;
    text-align: left;
    padding-right: 100px;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

#design-bottom
{
    width: 753px;
    min-height: 300px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

#installation
{
    width: 753px;
    min-height: 300px;
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-top: 40px;
    float: left;
}

#site-examination
{
    width: 438px;
    height: 408px;
    background-image: url(images/site-examination-background.jpg);
    font-size: 13px;
    text-align: left;
    padding-left: 27px;
    padding-right: 315px;
    padding-top: 180px;
}

.design-pic-1
{
    float: left;
    margin-right: 20px;
}

.design-pic-2
{
    float: left;
}

.site-map-child
{
    font-size: 12px;
    color: #000000;
    padding-left: 15px;
}

.site-map-child a
{
    color: #000000;
    text-decoration: none;
}

.site-map-child a:hover
{
    text-decoration: underline;
}

.title-tab
{
    width: 723px;
    height: 28px;
    background-repeat: no-repeat;
    text-align: right;
    clear: left;
}

.back-text
{
    color: #000000;
    text-decoration: none;
}

.back-text:hover
{
    color: #000000;
    text-decoration: underline;
}

.black-text
{
    color: #000000;
    text-decoration: none;
    font-weight: 100;
}

.black-text a:hover
{
    text-decoration: underline;
}

.red-text
{
    color: #01794C;
}

.green-text-bold
{
    color: #01794C;
    font-weight: bold;
    text-decoration: none;
}

.green-text-large-bold
{
    color: #01794C;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

a.green-text-bold:hover
{
    font-weight: bold;
    text-decoration: underline;
}


.red-text a
{
    color: #01794C;
    text-decoration: none;
}

.red-text a:hover
{
    color: #01794C;
    text-decoration: underline;
}

.products-description
{
    font-size: 12px;
    text-align: left;
    margin-left: 30px;
    margin-top: 96px;
}

.view
{
    position: absolute;
    top: 190px;
    left: 243px;
}

#form-head
{
    width: 476px;
    height: 50px;
    float: left;
    background-image: url(images/form-head.jpg);
}

#form-left
{
    width: 11px;
    float: left;
    clear: left;
    height: 500px;
    background-image: url(images/form-l.gif);
}

#form-right
{
    width: 11px;
    float: left;
    height: 500px;
    background-image: url(images/form-r.gif);
}

#form-content
{
    background-color: #F2F9EB;
    float: left;
    height: 494px;
    width: 450px;
    padding-left: 4px;
    padding-top: 6px;
}

#form-bl
{
    width: 11px;
    height: 11px;
    float: left;
    clear: left;
    background-image: url(images/form-bl.gif);
}

#form-br
{
    width: 11px;
    height: 11px;
    float: left;
    background-image: url(images/form-br.gif);
}

#form-b
{
    width: 454px;
    height: 11px;
    float: left;
    background-image: url(images/form-b.gif);
}

#testimonials
{
    width: 590px;
    height: 470px;
    background-image: url(images/testimonials-background2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    font-size: 13px;
    text-align: left;
    padding-right: 160px;
    padding-left: 30px;
    padding-top: 130px;
    float: left;
}

#testimonials-top
{
    width: 460px;
}

#maintenance
{
    width: 590px;
    height: 241px;
    background-image: url(images/maintenance-background.jpg);
    font-size: 13px;
    text-align: left;
    padding-right: 160px;
    padding-left: 30px;
    padding-top: 130px;
    float: left;
}

#maintenance-top
{
    width: 440px;
}

.form-detail
{
    width: 200px;
    vertical-align: top;
}

#company
{
    width: 234px;
}

#company-type
{
    width: 236px;
}

#name
{
    width: 234px;
}

#position
{
    width: 234px;
}

#tel
{
    width: 234px;
}

#email
{
    width: 234px;
}

#address-line1
{
    width: 234px;
}

#address-line2
{
    width: 234px;
}

#town
{
    width: 234px;
}

#postcode
{
    width: 234px;
}

#enquiry
{
    width: 234px;
}

#about-us
{
    width: 234px;
}

.green-hr
{
    background-color: #9DD261;
    height: 1px; 
}

#phone-number
{
    color: #01794C;
    font-size: 34px;
    font-weight: bold;
    font-style: italic;
}

.surfacing-product
{
    width: 168px;
    height: 149px;
    margin-right: 17px;
    margin-bottom: 17px;
    background-image: url(images/infant-background.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    float: left;
    font-size: 11px;
}

.infant-name
{
    float: left; 
    padding-left: 4px; 
    font-size: 11px;
}

.infant-view
{
    text-align: right; 
    padding-right: 4px; 
    font-size: 11px;
}

.infant-view a
{
    text-decoration: none;
    color: #000000;
}

.infant-view a:hover
{
    text-decoration: underline;
}

.equipment-description
{
    float: left;
    width: 228px;
}

.equipment-image
{
    float: left;
    padding-left: 15px;
}

.case-study-image
{
    width: 508px;
    height: 400px;
    background-color: #C0C0C0;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.dimensions
{
    float: left;
}

#background-surfacing-top
{
    width: 780px;
    padding-top: 140px;
    background-repeat: no-repeat;
    text-align: left;
    background-image: url(images/surfacing-image-top.jpg);
}

.circle
{
    width: 650px;
    font-size: 13px;
    text-align: left;
    float: left;
}

.rubberscrub-product
{
    width: 168px;
    height: 149px;
    margin-right: 17px;
    margin-bottom: 17px;
    background-image: url(images/infant-background.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    float: left;
    font-size: 11px;
}

.the-company
{
    width: 780px;
    height: 726px;
    background-image: url(images/the-company-background.jpg);
}

.our-services
{
    width: 603px;
    height: 515px;
    background-image: url(images/our-services-background3.jpg);
    font-size: 13px;
    text-align: left;
    padding-right: 150px;
    padding-left: 27px;
    padding-top: 133px;
    float: left;
}

.small-text
{
    font-size: 9px;
}

.case-studies-text
{
    padding-bottom: 12px;
}

.gallery-modal-background {  
    background-color: #000000;  
    filter: alpha(opacity=70);  
    opacity: 0.7;
}

.gallery-window {
    width: 501px;
    background-color: #FFFFFF;
    padding: 11px;
    font-size: 14px;
    color: #8D8D8D;	
}

#window-image 
{
    min-height: 376px;
    margin-bottom: 17px;
}

.window-direction {
    color: #979797;
}

.window-prev-link {
    padding-left: 180px;
}

.window-next-link {
	padding-left:10px; 
	padding-right:4px;
}

.window-close 
{
    width: 100px;
	text-align: right;
	padding-right: 10px;
}

.fr {
    float: right;
}