﻿.footer{ width:100%;  overflow:hidden;}
.footer{ width:1040px; margin:0 auto; padding:10px 0; overflow:hidden;}
.footer .left{ width:730px; float:left; background:url(../images/footerBorderRight.jpg) right top repeat-y; overflow:hidden; padding-right:6px;}
.footer .left .top_row{ width:730px; background:url(../images/footerBorderBottom.jpg) left bottom repeat-x;display:none; overflow:hidden; padding:0 0 10px 0;}
.footer .left .top_row .col_first{ width:350px; float:left;}
.footer .left .top_row .col_first .col_first_left{ width:110px; float:left;}
.footer .left .top_row .col_first .col_first_left .number{font-family:'MolotRegular', Impact, Arial, sans-serif; font-size:80px; line-height:80px; color:#63687a; background:url(../images/time.jpg) left center no-repeat; padding:0 0 0 40px; letter-spacing:5px; font-weight:bold;}
.footer .left .top_row .col_first .col_first_right{ width:225px; float:left;}
.footer .left .top_row .col_first .col_first_right .textHeading{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:24px; color:#63687a; padding:0 0 0 10px;}
.footer .left .top_row .col_first .col_first_right .text{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:14px; color:#63687a; padding:0 0 0 10px;}

.footer .left .top_row .col_second{ width:370px; float:left; padding:0 0 0 10px;}
.footer .left .top_row .col_second .col_first_left{ width:140px; float:left;}
.footer .left .top_row .col_second .col_first_left .number{font-family:'MolotRegular', Impact, Arial, sans-serif; font-size:80px; line-height:80px; color:#63687a; background:url(../images/time2.jpg) left center no-repeat; padding:0 0 0 50px; letter-spacing:1px; font-weight:bold;}
.footer .left .top_row .col_second .col_first_right{ width:220px; float:left;}
.footer .left .top_row .col_second .col_first_right .textHeading{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:24px; color:#63687a; padding:0 0 0 10px;}
.footer .left .top_row .col_second .col_first_right .text{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:14px; color:#63687a; padding:0 0 0 10px;}

.footer .left .twitter{width:730px; background:url(../images/footerBorderBottom.jpg) left bottom repeat-x; overflow:hidden;}
.footer .left .twitter .col_left{ width:135px; float:left;}
.footer .left .twitter .col_left img{ padding:10px 0 0 0;}
.footer .left .twitter .col_right{ width:585px; padding:10px 0 0 10px; float:left; background:url(../images/footerBorderRight.jpg) left top repeat-y; overflow:hidden;}
.footer .left .twitter .col_right .text{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:10px 0 10px 0; margin:0 0 0 10px; background:url(../images/footerBorderBottom.jpg) left bottom repeat-x; overflow:hidden;}

.footer .left .quickLink{ width:730px;}
.footer .left .quickLink .link{ width:365px; float:left; padding:0 5px 0 10px; background:url(../images/footerBorderRight.jpg) right top repeat-y; overflow:hidden;}

.footer .left .quickLink .link ul{ margin:0; padding:0;color:#FFF;}
.footer .left .quickLink .link li{ list-style:none; width:49%; float:left;color:#FFF;}
.footer .left .quickLink .link li.heading1{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; width:52%; float:left; font-size:12px; color:#FFF; padding:5px 0 0 0;}
.footer .left .quickLink .link li.heading2{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; width:48%;float:right; font-size:12px; color:#FFF; padding:5px 0 0 0;}
.footer .left .quickLink .link li a{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; line-height:14px;}
.footer .left .quickLink .link li a:hover{ color:#FFF;}

.footer .right{ width:264px; float:left;}
.footer address{width:250px; font-style:normal; padding-left:5px; float:right; padding-top:10px;}


.footer address .company{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-align:right; padding:0px 0 0 0;}
.footer address .address{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-align:right; line-height:18px;}

.footer .socialize{ width:250px; float:right; padding:0px 0 0 0;}
.footer .socialize .heading{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#222; text-align:right; padding:0 0 10px 0;}
.footer .socialize .icon{ width:250px;}
.footer .socialize .icon a.facebook{ width:28px; height:28px; background:url(../images/socialize.jpg) 0 0 no-repeat; float:right; font-size:0;}
.footer .socialize .icon a.facebook:hover{background:url(../images/socialize.jpg) 0 -36px no-repeat;}
.footer .socialize .icon a.twitter{ width:28px; height:28px; background:url(../images/socialize.jpg) -34px 0 no-repeat; float:right; font-size:0; margin-left:5px;}
.footer .socialize .icon a.twitter:hover{background:url(../images/socialize.jpg) -34px -36px no-repeat;}
.footer .socialize .icon a.linked{ width:28px; height:28px; background:url(../images/socialize.jpg) -68px 0 no-repeat; float:right; font-size:0; margin-right:5px;}
.footer .socialize .icon a.linked:hover{background:url(../images/socialize.jpg) -68px -36px no-repeat;}

.copyrightMain{ background-color:#181a25; width:100%; overflow:hidden;}
.copyright{width:1000px; margin:0 auto; padding:5px 0;}
.copyright .left{ width:100%; text-align:center; float:left;}
.copyright .left .text{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:12px; color:#63687a; line-height:30px;}
.copyright .right{ width:430px; float:right;}
.copyright .right ul{ margin:0; padding:0;}
.copyright .right li{ list-style:none; display:inline;}
.copyright .right li a{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:12px; color:#63687a; text-align:right; border-right:1px #63687a solid; padding:0 15px; line-height:24px;}
.copyright .right li a:hover{ color:#FFF;}


@media only screen and (min-width: 361px) and (max-width: 500px)   
{
    .footer .left {
    width: 100%;
    float: left;
    background: url(../images/footerBorderRight.jpg) right top repeat-y;
    overflow: visible;
    padding-right: 6px;
}
.footer {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}
.footer .left .quickLink .link {
   width: 90%; padding: 0px 0%; margin-bottom:20px;
    overflow: visible;
}

.footer .left .quickLink {
    width: 90%; padding: 0px 4%; margin-bottom:20px;
}

.footer address {
    width: 100%;
    font-style: normal;
    padding-left: 5px;
    float: left;
    padding-top: 10px;
}

}


@media only screen and (min-width: 501px) and (max-width: 720px)   
{
    .footer .left {
    width: 100%;
    float: left;
    background: url(../images/footerBorderRight.jpg) right top repeat-y;
       overflow: visible;
    padding-right: 6px;
}

    
    
}