﻿body
{
    margin: 0 auto;
    background-color: #001c33;
}

#page-align
{
    margin: 0 auto;
    width: 900px;
}

#container
{
    width: 900px;
}

#header
{
    width: 900px;
    height: 172px;
}

#header-left
{
    width: 357px;
    height: 170px;
    float: left;
}

#header-icon-container
{
    width: 165px;
    height: 50px;
    margin-top: 100px;
    margin-left: 10px;
}

#logo
{
    width: 184px;
    height: 170px;
    float: left;
}

#header-right
{
    width: 357px;
    height: 170px;
    float: right;
}

#header-contact
{
    float: left;
    width: 180px;
    height: 60px;
    margin-top: 100px;
    margin-left: 130px;
}

#menu-bar
{
    float: left;
    width: 900px;
    height: 40px;
    background-image: url('images/menu-bar-bg.png');
    background-repeat: no-repeat;
}

#menu-button-container
{
    width: 800px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 105px;
}

#home-button
{
    float: left;
    width: 69px;
    height: 20px;
}

#company-bg-button
{
    float: left;
    width: 179px;
    height: 20px;
}

#why-hydroblast-button
{
    float: left;
    height: 141px;
    height: 20px;
}

#media-button
{
    float: left;
    height: 69px;
    height: 20px;
}

#book-button
{
    float: left;
    height: 99px;
    height: 20px;
}

#services-button
{
    float: left;
    height: 116px;
    height: 20px;
}

#contact-button
{
    float: left;
    height: 109px;
    height: 20px;
}

#menu-bar-spacer
{
    float: left;
    width: 900px;
    height: 8px;
}

#main-home-image
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image.png')
}

#main-home-image-2
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image2.png')
}

#main-home-image-3
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image3.png')
}

#main-home-image-4
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image4.png')
}

#main-home-image-5
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image5.png')
}

#main-home-image-6
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image6.png')
}

#main-home-image-7
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image7.png')
}

#main-home-image-8
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image8.png')
}

#main-home-image-9
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image9.png')
}

#main-home-image-10
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image10.png')
}

#main-home-image-11
{
    float: left;
    width: 900px;
    height: 506px;
    background-image: url('images/main-image11.png')
}

#panel-button-container
{
    float: left;
    height: 460px;
    width: 190px;
    margin-top: 23px;
    margin-left: 14px;
}

.single-panel-container
{
    float: left;
    width: 184px;
    height: 104px;
    margin-left: 2px;
}

.single-panel-image
{
    float: left;
    width: 184px;
    height: 65px;
    background-color: #fff;
}

.single-panel-text
{
    float: left;
    width: 184px;
    height: 38px;
}

.single-panel-padding
{
    float: left;
    width: 184px;
    height: 13px;
}

#page-sub-heading-bar
{
    float: left;
    width: 900px;
    height: 40px;
    background-image: url('images/menu-bar-bg.png');
    background-repeat: no-repeat;
}

#page-sub-heading-container
{
    float: left;
    width: 139px;
    height: 15px;
    margin-top: 13px;
    margin-left: 11px;
}

#sub-heading-spacer
{
    float: left;
    width: 900px;
    height: 8px;
}

#content-box-top
{
    float: left;
    margin-left: 1px;
    width: 898px;
    height: 15px;
    background-image: url('images/content-box-top.png')
}

#content-box-middle
{
    float: left;
    margin-left: 1px;
    width: 898px;
    min-height: 100px;
    background-image: url('images/content-box-middle.png')
}

#main-content-container
{
    float: left;
    width: 852px;
    min-height: 70px;
    margin-left: 23px;
}

#content-box-bottom
{
    float: left;
    margin-left: 1px;
    width: 898px;
    height: 15px;
    background-image: url('images/content-box-bottom.png')
}

#content-bottom-spacer
{
    float: left;
    width: 900px;
    height: 8px;
}

#footer-container
{
    float: left;
    width: 898px;
    height: 57px;
    margin-left: 1px;
    background-image: url('images/footer-bg.png');
    background-repeat: no-repeat;
}

#footer-text-container
{
    float: right;
    width: 260px;
    height: 20px;
    margin-top: 20px;
    margin-right: 20px;
    color: #fff;
}

.all-map-container
{
    float: left;
    width: 550px;
}

.map-text-container
{
    float: left;
    width: 550px;
    height: 90px;
    margin-top: 10px;
    text-align: center;
    font-family: Tahoma;
    font-size: 14px;
    padding-bottom: 5px;
    color: #000;
    border: solid 1px #00355f;
}

.get-directions-text
{
    font-family: Tahoma;
    font-size: 12px;
    color: #fff;
    width:100%;
    padding-top: 5px;
}

.contact-form-box
{
    float: left;
    margin-left: 15px;
    width: 285px;
    height: 460px;
    border: solid 1px #00355f;
}

