/*====================================== reset.css is here ========================================*/
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;outline:none;}
  table {	border-collapse:collapse; border-spacing:0;}
  fieldset,img { border:0; }
  address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
  ol,ul { list-style:none;}
  caption,th {text-align:left;}
  h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
  q:before,q:after {content:'';}
  abbr,acronym { border:0;}
  .clear{clear:both; font-size:0px;line-height:0px; display:block;}
  .last	{margin:0 !important;}
  .pad_last{padding:0 !important;}
  .no_bg {background:none !important;}
  .italic { font-style: italic !important; }
  /**************************************************************************************/
  a											{color:#000; text-decoration:none; outline:0 none;}
  a:hover										{color:#000;  text-decoration:none;}
  h1											{font-size:24px;}
  h2											{font-size:22px;}
  h3											{font-size:18px;}
  h4											{font-size:16px;}
  h5											{font-size:14px;}
  h6											{font-size:12px;}
  /*----------------------------------------------------------------------------------*/
  html 										{ height:100%;}
  body										{
      color: #b1b1b1;
      font-family: "Arial", Verdana, Tahoma;
      font-size: 12px;
      height: 100%;
  }
  .flt_lt										{float:left; display:inline;}
  .flt_rt										{float:right; display:inline;}
  /* ---------------------------------------------------------------------------------*/
  
  body {
      font-family: 'Open Sans', sans-serif;
      font-weight: 300;
      height: 100%;
  }
  
  
  
  html {
    height: 100%;
    margin: 0;
    
    background: #254a73; /* Old browsers */
    background: -moz-linear-gradient(top, #254a73 0%, #7ea1c0 50%, #16456e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #254a73 0%,#7ea1c0 50%,#16456e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #254a73 0%,#7ea1c0 50%,#16456e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254a73', endColorstr='#16456e',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  
  .container {
    max-width: 776px;
    margin: 27px auto 110px auto;
  }
  
  .header {
    background: #174775; /* Old browsers */
    background: -moz-linear-gradient(top, #174775 0%, #4c79a6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #174775 0%,#4c79a6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #174775 0%,#4c79a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174775', endColorstr='#4c79a6',GradientType=0 );
    -webkit-border-top-right-radius: 15px; 
    -moz-border-top-right-radius: 15px; 
    border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px; 
    -moz-border-top-left-radius: 15px; 
    border-top-left-radius: 15px;
    border-top: 1px solid #0e3353;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
    min-height: 109px;
  }
  
  .header .padd {
    padding: 37px 25px 0px 25px;
  }
  
  .header .righttext {
    float: right;
    width: 242px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
  }
  
  .header .righttext h2 {
    color: #c5def4;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
  }
  
  .header .righttext h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
  }
  
  .whitebar {
    display: block;
    background: #ffffff;
    height: 3px;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
  }
  
  .menu {
    background: #0b2c4a;
    min-height: 53px;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
  }
  
  .menu .padd {
    padding: 20px 25px;
  }
  
  .menu .padd li {
    display: inline-block;
    padding-right: 26px;
  }
  
  .menu .padd li:last-child {
    padding-right: 0px;
  }
  
  .menu .padd li a {
    color: #ffffff;
    letter-spacing: -0.8px;
  }
  
   .menu .padd li a:hover {
    color: #c5def4;
  }
  
  .clear {
    clear: both;
  }
  
  .banner {
    background: url('/images/bannernew-1.png') no-repeat top center;
    min-height: 423px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
  }
  
  .banner .padd {
    padding-top: 75px;
  }
  
  .banner h1 {
    color: #184775;
    font-size: 26px;
  }
  
  .banner h2 {
    color: #ed1c24;
    font-size: 26px;
    line-height: 30px;
  }
  
  .banner h2 span.blue {
    color: #0b2c4a;
    font-size: 26px;
  }
  
  .servicepartners {
    background-color: #ffffff;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
  }
  
  .servicepartners .padd {
    padding: 35px 0px;
  }
  
  .servicepartners h4 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #0b2c4a;
    font-size: 26px;
  }
  
  .servicepartners ul {
      text-align: center;
  }
  
  .servicepartners ul li {
      display: inline-block;
  }
  
  .servicepartners ul li img {
      padding: 14px 8px;
      max-height: 40px;
      max-width: auto;
  }
  
  .lightbluebar {
    display: block;
    background: #c5def4;
    height: 8px;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
  }

  .boxes {
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
    background-color: #ffffff;
  }
  
  .column {
    width:33.33333333%;
    float:left;
    min-height: 191px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
  }
  
  .column a {
    position:absolute;
    bottom:0;
    left: 0;
    right: 0;
    height:57px;   
    background-color:rgba(11,44,74,0.8);
  }
  
  .column a h1 {
    color: #ffffff;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    padding-top: 16px;
  }
  
  .box1 {
    background-image: url('/images/box-service-repair.png');
  }
  
  .box2 {
    background-image: url('/images/box-ductless-minisplint.png');
  }
  
  .box3 {
    background-image: url('/images/box-central-ac.png');
  }
  
  .content {
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
    background-color: #ffffff;
    color: #000000;
    clear: both;
  }
  
  .content .padd {
    padding: 20px 5px;
  }
  
  .content p {
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }
    
    .content td {
        color: #000000;
    }
      
  .footer {
    background: #ffffff;
    min-height: 63px;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    color: #000000;
    -webkit-border-bottom-right-radius: 15px; 
    -moz-border-bottom-right-radius: 15px; 
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px; 
    -moz-border-bottom-left-radius: 15px; 
    border-bottom-left-radius: 15px;
    border-bottom: 1px solid #0e3353;
    border-left: 1px solid #0e3353;
    border-right: 1px solid #0e3353;
  }
  
  .footer .padd {
    padding-top: 20px;
  }
  
@media (max-width: 825px) {
    .container {
        margin-left: 20px;
        margin-right: 20px;
    }
}
  
@media (max-width: 670px) {	
	.header .righttext {
        float: none;
        width: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
      
    .column a {
        height: 80px;
    }
}

@media (max-width: 500px) {	
	.header .padd {
        text-align: center;
    }
    
    .header .righttext {
        text-align: center;
    }
    
    .menu .padd li {
        display: block;
        padding-right: 0px;
        text-align: center;
        padding-top: 8px;
    }
    
    .column {
        width: auto;
        float: none;
        background-size: cover;
    }
    
    .column a {
        height: 57px;
    }
}