@charset "UTF-8";
/* The Ice Man CSS Document */


body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #006699;
    background-image: url(/media/images/bkgrnd_gradient.png);
    background-repeat: repeat-x;
    font-size: 14px;
    line-height: 16px;
    color: #6699FF;
    padding: 0;
    margin: 0;
}

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

body img {
    border: 0;
}

body .phoneNumber {
    float:right;
    margin-top: 10px;
}

#container {
    width: 980px;
    margin: 0 auto; /*center page with 0 auto */
    text-align: left; /* overide the text aligh center on body elements */
}

.logoPadding {
    padding-bottom: 5px;
}


/***********************************************************************
            Header Elements which center logo and navbar
***********************************************************************/

.preload1 {
    background: url(/media/images/three_1.gif);
}

.preload2 {
    background: url(/media/images/three_1a.gif);
}

#nav {
    padding:0;
    margin:0;
    list-style:none;
    height:35px;
    background:#fff url(/media/images/three_0.gif) repeat-x;
    position:relative;
    z-index:500;
    font-family:arial, verdana, sans-serif;
}

#nav li.top {
    display:block;
    float:left;
    height:38px;
}

#nav li a.top_link {
    display:block;
    float:left;
    height:35px;
    line-height:33px;
    color: #FFFFFF;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    padding:0 0 0 12px;
    cursor:pointer;
    background: url(/media/images/three_0.gif);
}

#nav li a.top_link span {
    float:left;
    display:block;
    padding:0 24px 0 12px;
    height:35px;
    background: url(/media/images/three_0.gif) right top no-repeat;
}

#nav li a.top_link span.down {
    float:left;
    display:block;
    padding:0 24px 0 12px;
    height:35px;
    background: url(/media/images/three_0a.gif) no-repeat right top;
}

#nav li:hover a.top_link {
    color: #0099FF;
    background: url(/media/images/three_1.gif) no-repeat;
}

#nav li:hover a.top_link span {
    background: url(/media/images/three_1.gif) no-repeat right top;
}

#nav li:hover a.top_link span.down {
    background: url(/media/images/three_1a.gif) no-repeat right top;
}

/* Default list styling */

#nav li:hover {
    position:relative;
    z-index:200;
}

/* drop down menu */
#nav li:hover ul.sub {
    left:1px;
    top:38px;
    background: #369; /* background color */
    padding:3px;
    border:1px solid #000;
    white-space:nowrap;
    width:132px; /* width of drop down menu */
    height:auto;
    z-index:300;
}

#nav li:hover ul.sub li {
    display:block;
    height:20px;
    position:relative;
    float:left;
    width:90px;
    font-weight:normal;
}

#nav li:hover ul.sub li a {
    display:block;
    font-size:11px;
    height:18px;
    width:130px; /* width of link inside drop down menu */
    line-height:18px;
    text-indent:5px;
    color:#fff;
    text-decoration:none;
    border:1px solid #000;
}

#nav li ul.sub li a.fly {
    background: #0099FF url(/media/images/arrow.gif) 80px 6px no-repeat;
}

/* styling for mouseover in drop down menu */
#nav li:hover ul.sub li a:hover {
    background:#0099ff; /* color of mousever in drop down menu */
    color:#fff;
    border-color:#fff;
}

#nav li:hover ul.sub li a.fly:hover {
    background:#69c url(/media/images/arrow_over.gif) 80px 6px no-repeat; color:#fff;
}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
    left:90px;
    top:-4px;
    background: #69c;
    padding:3px;
    border:1px solid #000;
    white-space:nowrap;
    width:90px;
    z-index:400;
    height:auto;
}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:0;
    height:0;
    margin:0;
    padding:0;
    list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
    background:#69c url(/media/images/arrow_over.gif) 80px 6px no-repeat;
    color:#fff;
    border-color:#fff;
}

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly {
    background:#69c url(/media/images/arrow.gif) 80px 6px no-repeat;
    color:#000;
    border-color:#000;
}

/********************************** Interior Art elements that flash or animate via CSS ****************************/
#header {
    width: 980px;
    height: 61px;
    background-image: url(/media/images/header_bkgrnd.png);
    background-repeat: no-repeat;
    padding: 20px 0 10px 0;
}

#latest_headlines {
    margin-top: 5px;
    padding: 5px;
    border:solid 1px #0066FF;
    color: #0099cc;
}

#bottom_boxes {
    margin-top: 5px;
    padding: 5px 0;
}

#bottom_boxes .middleBoxPadding {
    padding-left: 18px;
    padding-right: 18px;
}


/***********************************************************************
                            Products
***********************************************************************/
#products {
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:14px;
    color: #0099FF;
    line-height: 20px;
    background-image: url(/media/images/products_pgart.jpg);
    background-repeat: no-repeat;
    height: 360px;
}

#products h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#products p {
    text-shadow: #000 1px 1px 1px; /* color, x, y, blur */
    font-size: 16px;
    line-height:22px;
}

#productThumbnails_top {
    margin-top: 10px;
    background-image:url(/media/images/productsThumb_bkgrndTop.png);
    background-repeat:no-repeat;
    width: 978px;
    height: 21px;
}

#productThumbnails_interior {
    background-image: url(/media/images/productsThumb_bkgrnd.png);
    background-repeat:repeat-y;
    width: 978px;
    padding: 0 50px;
}

#productThumbnails_interior h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    color:#FFFFFF;

}

#productThumbnails_interior p {
    padding: 15px;
    margin: 0;
    color: #0099FF;

}

#productThumbnails_interior ul, li {
    margin: 0;
    color: #0099FF;
}

#productThumbnails_bottom {
    background-image:url(/media/images/productsThumb_bkgrndBottom.png);
    background-repeat:no-repeat;
    width: 978px;
    height: 24px;
}



/***********************************************************************
                        Route Delivery
***********************************************************************/
#routeDelivery {
    background-image:url(/media/images/routeDelivery_pgart.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#routeDelivery h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#routeDelivery p {
    text-shadow: #000 1.5px 1.5px 1.25px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    font-size: 16px;
    line-height:22px;
}

#routeDeliveryContent {
    margin-top: 10px;
    height: 350px;
    width: 650px;
    background-image: url(/media/images/routeDelivery_content_bkgrnd.png);
    background-repeat:no-repeat;
    float:left;
}

#routeDeliveryContent h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    color:#FFFFFF;

}

#routeDeliveryContent p {
    padding: 15px;
    margin: 0;
    color: #0099FF;

}

#routeDeliveryMaintenance {
    margin-top: 10px;
    margin-left: 18px;
    height: 350px;
    width: 310px;
    background-image: url(/media/images/routeDelivery_contact_bkgrnd.png);
    background-repeat: no-repeat;
    float:left;

}

#routeDeliveryMaintenance h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    color:#FFFFFF;

}

#routeDeliveryMaintenance p {
    padding: 15px;
    margin: 0;
    color: #0099FF;

}

#routeDelivery .floatRoger {
    float: right;
    padding: 0 0 20px 10px;
}

/***********************************************************************
                        Emergency Delivery
***********************************************************************/
#emergencyDelivery {
    background-image:url(/media/images/emergency_pgart.jpg);
    background-repeat:no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#emergencyDelivery h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#emergencyDelivery p {
    text-shadow: #000 1px 1px 1px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    color: #FFFFFF;
    line-height:22px;
}

#emergencyDelivery_contentTOP{
    background-image: url(/media/images/boxTOP_980x10.png);
    background-repeat:no-repeat;
    height: 10px;
    width: 980px;
}

#emergencyDelivery_contentINTERIOR {
    background-image: url(/media/images/boxINTERIOR_980x1.png);
    background-repeat:repeat-y;
    padding: 0 20px;
    color: #0099ff;
}

#emergencyDelivery_contentINTERIOR h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color:#FFFFFF;
}

#emergencyDelivery_contentBOTTOM {
    background-image: url(/media/images/boxBOTTOM_980x10.png);
    background-repeat:no-repeat;
    height: 10px;
    width: 980px;
}

/***********************************************************************
                        Special Events
***********************************************************************/
#specialEvents {
    background-image: url(/media/images/specialEvents_pgart.jpg);
    background-repeat:no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#specialEvents h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#specialEvents p {
    text-shadow: #000 1px 1px 1px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    line-height:22px;
}

#specialEvents_TOP {
    background-image:url(/media/images/boxTOP_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}

#specialEvents_INTERIOR {
    background-image:url(/media/images/boxINTERIOR_980x1.png);
    background-repeat:repeat-y;
    color: #0099ff;
    padding: 30px;
}

#specialEvents_INTERIOR h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color:#FFFFFF;
}

#specialEvents_INTERIOR p {
    margin: 0;
    padding: 0 0 10px 0;
    color:#0099ff;
}

#specialEvents_BOTTOM {
    background-image:url(/media/images/boxBOTTOM_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}

#specialEvents_equipmentDivs {
    width: 980px;

}
    #specialEvents_equipPic {
        width: 300px;

    }

    #specialEvents_picDetails {
        width: 450px;

    }

    #specialEvents_picDetails h3 {
        padding: 0 0 10px 0;
        margin: 0;
        color: #fff;
    }

    #specialEvents_picDetails p {
        padding: 0;
        margin: 0;
        color: #0099ff;
    }

/***********************************************************************
                        Snow blowing
***********************************************************************/
#snowBlowing {
    background-image:url(/media/images/snowBlowing_pgart.jpg);
    background-repeat:no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#snowBlowing h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#snowBlowing p {
    text-shadow: #000 1px 1px 1px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    line-height:22px;
}

#snowBlowing_TOP {
    background-image:url(/media/images/boxTOP_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}

#snowBlowing_INTERIOR {
    background-image:url(/media/images/boxINTERIOR_980x1.png);
    background-repeat:repeat-y;
    padding: 20px;
    color: #0099ff;
}

#snowBlowing_BOTTOM {
    background-image:url(/media/images/boxBOTTOM_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}


#snowBlowing_snow {
    padding: 20px;
}

#snowBlowing_snow h3 {
    color: #FFFFFF;
}

#snowBlowing_snow p {
    color: #0099ff;
}

#snowBlowing_slide {
    padding: 20px;
}

#snowBlowing_slide h3 {
    color: #FFFFFF;
}

#snowBlowing_slide p {
    color: #0099ff;
}

#snowBlowing_produce {
    padding: 20px;
}

#snowBlowing_produce h3 {
    color: #FFFFFF;
}

#snowBlowing_produce p {
    color: #0099ff;
}

/***********************************************************************
                        Ice Estimator
***********************************************************************/
#iceEstimator {
    background-image: url(/media/images/iceEstimator_pgart.jpg);
    background-repeat:no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#iceEstimator_TOP {
    background-image:url(/media/images/boxTOP_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}

#iceEstimator_INTERIOR {
    background-image:url(/media/images/boxINTERIOR_980x1.png);
    background-repeat:repeat-y;
    color: #0099ff;
}


#iceEstimator_formLeft {
    margin-left: 75px;
}

.iceEstimator_whiteText {
    color: #fff;
    font-size: 16px;
    font-weight:bold;
    padding: 10px 0;
}

#iceEstimator_formRight {
    margin-left: 75px;

}

#iceEstimator_BOTTOM {
    background-image:url(/media/images/boxBOTTOM_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}


/***********************************************************************
                        Who We Are
***********************************************************************/
#whoWeAre {
    background-image:url(/media/images/whoWeAre_pgart.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#whoWeAre h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#whoWeAre p {
    text-shadow: #000 1.5px 1.5px 1.25px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    font-size: 16px;
    line-height:22px;
}

#whoWeAre_content {
    margin-top: 10px;
    height: 350px;
    width: 650px;
    background-image: url(/media/images/routeDelivery_content_bkgrnd.png);
    background-repeat:no-repeat;
    float:left;
}

#whoWeAre_content h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    color:#FFFFFF;

}

#whoWeAre_content p {
    padding: 15px;
    margin: 0;
    color: #0099FF;
}

#whoWeAre_right {
    margin-top: 10px;
    margin-left: 18px;
    height: 350px;
    width: 310px;
    background-image: url(/media/images/whoWeAre_right.png);
    background-repeat: no-repeat;
    float:left;
}

#whoWeAre_right h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    color:#FFFFFF;

}

#whoWeAre_right p {
    padding: 15px;
    margin: 0;
    color: #0099FF;

}


/***********************************************************************
                        Employment Opportunities
***********************************************************************/
#employmentOpp {
    background-image:url(/media/images/employmentOpp_pgart.jpg);
    background-repeat:no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#employmentOpp h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#employmentOpp p {
    text-shadow: #000 1px 1px 1px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    line-height:22px;
}

#employmentForm{
    padding: 20px;
}

#employmentOpp_resume {
    margin-top: 10px;
    margin-left: 18px;
    height: 350px;
    width: 310px;
    background-image: url(/media/images/employmentOpp_resume_pgart.jpg);
    background-repeat: no-repeat;
    float: left;
}

#employmentOpp_resume h3 {
    padding: 15px 15px 0 15px;
    margin: 0;
    color:#FFFFFF;

}

#employmentOpp_resume p {
    padding: 15px;
    margin: 0;
    color: #0099FF;

}

/***********************************************************************
                        Contact us
***********************************************************************/
#contactUs {
    background-image: url(/media/images/contactUs_pgart.jpg);
    background-repeat:no-repeat;
    margin: 0;
    padding: 10px 550px 0 55px;
    font-size:16px;
    color: #0099FF;
    line-height: 20px;
    height: 370px;
}

#contactUs h1 {
    font-size: 52px;
    text-shadow: #000 2px 2px 5px; /* color, x, y, blur */
    color:#FFFFFF;
}

#contactUs p {
    text-shadow: #000 1px 1px 1px; /* color, x, y, blur */
    padding: 0 75px 0 0;
    line-height:22px;
}

#contactUs_TOP {
    background-image:url(/media/images/boxTOP_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}

#contactUs_INTERIOR {
    background-image:url(/media/images/boxINTERIOR_980x1.png);
    background-repeat:repeat-y;
    color: #0099ff;
}

#contactUs_BOTTOM {
    background-image:url(/media/images/boxBOTTOM_980x10.png);
    background-repeat:no-repeat;
    width: 980px;
    height: 10px;
}

#contactUs_INT_form {
    padding: 0;
    margin-left: 20px;
    width: 200px;
    color: #0099ff;
}

#contactUs_INT_content {
    padding: 0;
    margin: 0;

}

#contactUs_INT_content h3 {
    color: #FFFFFF;
}

#contactUs_INT_content p {
    color: #0099ff;
}

#contactUs_INT_form h3 {
    color: #FFF;
}

#contactUs_INT_map {
    margin: 0 0 0 50px;

}

/***********************************************************************
                        Footer
***********************************************************************/

#footer {
    border-top:#0066FF 1px solid;
    color: #0099cc;
    text-align: center;
    padding-top: 15px;
}

#footer .floatNevera {
    float:right;
    margin-top: -10px;
}

/************* float images ****************/
.floatLeft {
    float: left;
}

.floatLeft_snowBlowing {
    float: left;
    margin: 0 20px 0 0;
}

.floatProductThumbnail {
    float: left;
    padding: 0 30px 0 0;
}

.floatRight {
    float: right;
}

.clearFloat {
    float: none;
}

/************* forms ******************/
form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


