/* Site wide styles */

    * { margin: 0; padding: 0; }
    body { font-size: 11px; font-family: Helvetica, Verdana, Arial, sans-serif; background: url(images/bgndHeader.png) #02205f center top no-repeat; margin: 0 auto; width: 980px; }


/* divs */

    #shell { width: 980px; margin: 0 auto; }
    #topBlock { height: 40px; }
    #header { margin: 0 0 0 105px; height: 158px; }
    #headerFlash { height: 80px; }

    /* suckerfish model from a list apart (altered to remove javascript dependency) */
    #nav { background-color: #bd2c18; height: 30px !important; color: #fff; font-size: 11px; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; font-weight: bold; width: 720px; margin-left: 102px; z-index: 200; }
    #nav a { display: block; color: #fff; text-decoration: none; padding: 9px 5px; z-index: 200; }

    #nav ul { padding: 0; margin: 0; z-index: 200; list-style-type: none !important; }
    #nav li { float: left; position: relative; text-align: center; background-color: #bd2c18; }
    #nav li ul { display: none; position: absolute; top: 28px; left: 0; z-index: 200; }
    #nav li > ul { top: 28px; left: 0; }
    #nav li:hover ul, #nav li.over ul, #nav li a:hover { display: block; clear:left; background-color: #e44129; color: #fff; }
    #nav ul li { width: 100%; }

    /* button declarations */
    #nav .button_home { width: 70px; }
    #nav .button_about_us { width: 80px; }
    #nav .button_services { width: 80px; }
    #nav .button_gallery { width: 120px; }
    #nav .button_awards { width: 75px; }
    #nav .button_testimonials { width: 100px; }
    #nav .button_green { width: 60px; }
    #nav .button_links { width: 60px; }
    #nav .button_contact { width: 70px; }

    #nav .currentPage { background-color: #e44129; }



    #content { border-bottom: #0061aa solid 3px; margin: 0 150px 0 102px; padding: 0 0 30px 0; width: 720px; background-color: #FFFFFF; font-size: 11pt; z-index: 20; }
    #content p { margin: 0 0 1em 0; }
    #navigation { background-color: #bf2e1a;}

    #footer { height: 130px; }
    #footerText { padding: 25px 0 0 0; color: #fff; height: 58px; margin-left: 110px; }
        #footerText a {
            color: #fff;
            text-decoration: none;
            padding: 0 3px;
            font-weight: bold;
        }


    #footerBadges { color: #fff; margin-left: 410px; background: url(images/businessButtons.gif) no-repeat; height: 31px; }


    a img { border:0; }


/* Classes */

    .clearFix { clear: both; }
    .textEntry { background:transparent url(images/textEntry.jpg) repeat scroll left top; border-color:-moz-use-text-color #ccc rgb(241, 241, 241) -moz-use-text-color; border:#ccc solid 1px; letter-spacing: .1em; font-size:0.8em; padding:3px; }
    .textArea { font-family:Arial,Helvetica,sans-serif; font-size:1.1em; height:200px; width:300px; line-height: 1.25em; word-spacing: .6em; }
    .shortLength { width: 50px; }
    .mediumLength { width: 200px; }
    .longLength { width: 400px; }



    .formContainer { }
        .formContainer div.row { padding:5px 0pt; }
        .row label { display:block; float:left; width:150px; font-size: 1.2em; font-family: Tahoma, Arial, sans-serif; }
        .row div.entryBoxExtended { display:block; margin-left:150px; }
        .row img { border:1px solid #D2D2D2; margin:5px; }
        .row div.specialNote { background-color:#EBFECF; display:block; font-size:0.75em; margin:5px 0pt; padding:2px 5px; }
        form td {
            padding-bottom: 5px;
        }

    .contactForm td {
        padding: 5px;
    }


    /*
	#content3Col table {
        margin: 0 20px;
        padding: 0 0 20px 0;
    }
	*/

        #content3Col td {
            vertical-align: top;
            padding: 0;
        }


        #content3Col .col1, .col1 { width: 200px; vertical-align: top; }
            #content3Col .col1 img { display: block; margin: 0 auto; }

        #content3Col .col2, .col2 { width: 30px; }
		

        #content3Col .col3, .col3 { width: 400px; }
		
		.col3 h1, .col3 h2, .col3 h3{
			padding: 0.5em 0;
		}

        #content3Col td, #content3Col th { vertical-align: top; }


        #content3Col th {
            padding-top: 2px;
        }


            #content3Col .col3 ul {
                margin: 10px 0 0 10px;
            }

            #content #content3Col .col3 li {
                margin: 0 0 10px 10px;
                list-style-image: url(images/bullet.png);
            }


/* page specific styles */

    /* home page */
    #homeFlashBox { height: 360px; margin: 20px 0 0 0; }

    #mySlideShow { width: 720px !important; z-index: -1 !important; float: left; }
        #mySlideShow img { float: left; }


        #indexLogos { float: right;  width: 100px; margin: -34px 10px 0 0; }
            #indexLogos img { margin: 0; }
            #indexLogos hr {
                border: solid 1px #0078b9;
                margin: 20px 0;
            }

    #indexSubInfo { background-color: #02205f; padding: 0; }

    /* About us */
    #aboutUsLeft { width: 200px; float: left; margin: 0 0 0 20px; }
        #aboutUsLeft p { margin: 0 0 1em 0; }
        #aboutUsLeft h1 { font-size: 1.5em; color: #bd2c18; font-weight: bold; margin: 0; }
        #aboutUsLeft h2 { color: #bd2c18; font-weight: bold; font-size: 1.2em; margin: 0; }
        #aboutUsLeft h3 { color: #bd2c18; font-weight: bold; font-size: 1.0em; margin: 0; }
        .aboutUsBadges { margin: 40px 0 20px 0; }

    #aboutUsRight { margin: 0 20px 0 250px; font-size: 1.2em; }

    /* Green */
    #greenLeft { width: 200px; float: left; margin: 0 0 0 20px; }
        #greenLeft p { margin: 0 0 1em 0; }
        #greenLeft h1 { font-size: 1.5em; color: #FD7E00; font-weight: bold; margin: 0; }
        #greenLeft h2 { color: #f93; font-weight: bold; font-size: 1.2em; margin: 0; }
        #greenLeft h3 { color: #f93; font-weight: bold; font-size: 1.0em; margin: 0; }
        .greensBadges { margin: 40px 0 20px 0; }

    #greenRight { margin: 0 20px 0 250px; }

    /* Contact Us */
    .formContainer th { width: 120px; font-weight: normal; text-align: left; padding: 5px; }
    .formContainer td { padding: 5px; }
    #map {
        font-size: 0.8em;
    }


    /* links */
    .linkBox { width: 170px; height: 180px; float: left; margin: 0 0 0 53px; }
    .linkTitle { font-size: 0.9em; color: #ACACAC; font-family: Verdana, Arial, Helvetica, sans-serif; }

    /* Testimonials */
    #testimonialImageBox { float: left; width: 340px; margin: 0 0 0 10px; background: url(images/testimonialBoxExample.gif) no-repeat; }

    #testimonials { float: left; margin: 20px 40px 20px 20px; }
        .testimonial { padding-bottom: 40px; }
        .testimonial p {
            font-size: 11pt;
        }


        .testimonialEntry { margin: 0 30px 0 70px; }
        .testimonialPersonName {  margin: 0 20px 0 70px; font-weight: bold; color: #bd2c18; }
        .testimonialImage { height: 150px; width: 200px; margin: 5px 20px 0 80px; float: left; }


    /* Services */
    #servicesContent {
        margin: 0 20px;
        padding: 20px 0;
    }


    /* Awards */
    .awardBox { width: 500px; margin: 10px 15%; float: left; }
        .awardBox .awardImage { float: left; width: 150px; height: 150px; padding: 12px 0 0 0; }
        .awardBox .awardInfo { padding: 10px 0 10px 0; margin: 0 0 20px 170px; width: 320px; }
        .awardBox .awardTitle { font-size: 1.1em; color: #0f3c86; font-weight: bold; }
        .awardBox .awardText { margin: 5px 0 0 5px; }

        .awardText {
            padding: 5px 0 15px 0;
        }

		
	/* Events */
	#eventHeading {  padding: 10px 20px; margin: 0 0 0 0; font-size: 24px; background-color: #D3D3D3; display: none; }
        #eventHeading a { text-decoration: none; color: #000; }
        #eventHeading a:hover { text-decoration: none; color: #000; border-bottom: solid 4px #aaa; }
		
    #eventShowcaseBox #eventExamples { height: 110px; padding: 15px 0px; margin: 0 15px; width: 390px; float: left; }
        #eventExamples .img { /*height: 100px; width: 100px;*/ float: left; border: solid 5px #eee; border-left-color: #cecccc; border-bottom-color: #cecccc; margin: 10px 10px 0 0; background-position: center center; }
        #eventExamples .img:hover { border: solid 5px #aaa; }

    #eventShowcaseBox #eventInfo { margin: 0 20px 0 0; height: 300px; width: 270px; overflow: auto; padding: 20px 20px 0 0; scrollbar-track-color: #fff; }
        #eventInfo h1 { font-size: 2.0em; padding: 0 0 0.2em 0; }

    /* Gallery */
    #galleryHeading { padding: 10px 20px; margin: 0 0 0 0; font-size: 24px; background-color: #D3D3D3; display: none; }
        #galleryHeading a { text-decoration: none; color: #000; }
        #galleryHeading a:hover { text-decoration: none; color: #000; border-bottom: solid 4px #aaa; }

    #galleryHeadingSubInfo { padding: 5px 20px; margin: 0 0 20px 0; font-size: 12px; background-color: #E6E6E6; }

    .galleryImageBox { width: 160px; float: left; margin: 10px 30px; color: #333; font-size: 0.9em; }

        .galleryImageBox img { float: left; }
        .galleryImageBox .galleryTitle { text-align: center; font: 0.7em/0.9em !important; color: #333; clear: both; margin: 0 5px; height: 30px; }

        .warning { font-weight: bold; color: #FF0000; }
        .padding20 { padding: 20px; }


    #galleryShowcaseBox #mainImg { float: left; margin: 0 0 0 20px; border: solid 8px #eee; background-position: center center; border-left-color: #cecccc; border-bottom-color: #cecccc; }

    #galleryShowcaseBox #galleryInfo { margin: 0 20px 0 360px; height: 316px; width: 320px; overflow: auto; padding: 0 20px 0 0; scrollbar-track-color: #fff; }
        /*#galleryInfo h1 { font-size: 2.0em; padding: -0.2em 0 0.2em 0; }*/
        #galleryInfo h1 { font-size: 1.6em; padding: -0.2em 0 0.4em 0; }

    #galleryShowcaseBox #galleryExamples { height: 110px; clear: both; padding: 15px 0px; margin: 0 20px; }
        #galleryExamples .img { /*height: 100px; width: 100px;*/ float: left; border: solid 5px #eee; border-left-color: #cecccc; border-bottom-color: #cecccc; margin: 10px 10px 0 0; background-position: center center; }
        #galleryExamples .img:hover { border: solid 5px #aaa; }

.pad10 { padding: 10px; }

#eventInfo { width: 300px; margin: 0 30px 0 15px; }

#footer { clear: both; }
.clearBoth { clear: both; }

#contactRight {
    /*float: left;*/
    float: right;
    width: 400px;
    border: solid 1px #fff;
    margin: 0 10px 0 0;
    padding: 10px 0 0 0;
}

#contactRight #map {
    height: 300px;
    border: solid 1px #ccc;
    margin: 0 0 20px 20px;
}


#contactRight label {
    display: block;
    padding: 5px 0 2px 0;
}


#contactLeft {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

#frontImage {
    height: 167px;
    margin: 0 0 20px 0;
    background-image: url(images/uploaded/blurb_shopFront.jpg);
    background-repeat: no-repeat;
}

#contactDetails {
    font-size: 1.2em;
}


#map {
    float: right;
    width: 450px;
    height: 450px;
}

.clearBgnd {
    background-color: transparent;
}

#indexSubInfo .text {
    float: right;
    margin: 30px 25px;
}

.contactForm {
    text-align: right;
}

.awardBlock {
    padding: 0 0 20px 0;
}

.redText {
    color: #bd2c18;
}
th {
		text-align:left;
}
.awardLine1 {
		font-size: 1.5em; font-weight: bold;
}
.awardLine2 {
		font-size: 1.2em;
}
#nav {
list-style-type: none;
}

#pageTitle {
    font-size: 2.0em;
    color: #aaa;
    padding: 0 0 10px 20px;
}

.loginForm {
    width: 400px;
    margin: 20px auto;
}