/* AIA Metals */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

img {
border:none;
display:block;
}

.clear {float:none !important;clear:both;margin-top:10px;width:100%;height:1px !important;}

body {
padding : 0;
margin : 0;
}
.content {
max-width : 850px;
margin : 0 auto;
overflow : hidden;
display : block;
}
h1, h2, h3, h4, h5 {
font-family : 'Dosis', arial, helvetica, sans-serif;
}
p, li {
font-family : arial, helvetica, sans-serif;
overflow : hidden;
display : block;
}
header {
width : 100%;
overflow : hidden;
background : url(images/header-bg.jpg) top center no-repeat fixed;
padding : 10px 0;
overflow : hidden;
}
header img {
max-width : 100%;
width : auto;
height : auto;
}
header h1 {
font-weight : 700;
color : rgba(153, 172, 183, 0.9);
margin : 40px 0 10px;
font-size : 30px;
}
header h2 {
font-weight : 100;
color : rgba(255, 255, 255, 0.9);
margin : 0 0 30px 0;
font-size : 20px;
width : 85%;
}
header .readmore a {
background : url(images/bullet-1.png) 0 0 no-repeat;
padding : 6px 0 0 40px;
display : block;
color : #FFF;
text-decoration : none;
height : 40px;
font-size : 16px;
font-weight : normal;
}
nav {
width : 100%;
overflow : hidden;
display : block;
border-bottom : 2px solid #DDD;
padding : 10px 0;
margin : 0 0 50px;
background:rgba(255,255,255,0.85);
}
nav p {
float : left;
margin : 0 20px 0 0;
}
nav p a {
font : bold 14px arial, helvetica, sans-serif;
color : #666;
text-decoration : none;
padding : 10px 10px;
overflow : hidden;
display : block;
margin : 5px 0;
}
nav p a:hover {
background : #0995DA;
border-radius : 5px;
color : #FFF;
box-shadow : 0 1px 3px #333;
}
nav p.call {
float : right;
font : bold 14px arial, helvetica, sans-serif;
color : #666;
margin : 7px 0;
}
nav p span {
font-size : 24px;
color : #333;
vertical-align : -3px;
}
section {
width : 100%;
overflow : hidden;
display : block;
margin-bottom : 50px;
}

#first {margin-top:50px;}

section .main {
float : left;
width : 65%;
margin-right : 5%;
}
section .main h1 {
color : #0793D8;
font-weight : 100;
font-size : 30px;
line-height : 45px;
margin:0 0 10px;
}
section .main p {
line-height : 20px;
font-size : 14px;
margin:10px 0;
}
section .main ul {
margin : 20px 0;
padding : 0;
}
section .main li {
line-height : 24px;
font-size : 14px;
margin : 0 0 20px;
padding : 0 0 0 25px;
background : url(images/bullet-2.png) 0 8px no-repeat;
}

section .main li div {
float:left;
margin:0px 10px 10px 0;
width:122px;
height:82px;
display:block;
}

section .main li div.t1 a {background:url(images/transport-01.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t1 a:hover {background:url(images/transport-01.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.t2 a {background:url(images/transport-02.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t2 a:hover {background:url(images/transport-02.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.t3 a {background:url(images/transport-03.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t3 a:hover {background:url(images/transport-03.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.t4 a {background:url(images/transport-04.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t4 a:hover {background:url(images/transport-04.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.t5 a {background:url(images/transport-05.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t5 a:hover {background:url(images/transport-05.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.t6 a {background:url(images/transport-06.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t6 a:hover {background:url(images/transport-06.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.t7 a {background:url(images/transport-07.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.t7 a:hover {background:url(images/transport-07.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}



section .main li div.e1 a {background:url(images/electrical-01.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.e1 a:hover {background:url(images/electrical-01.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.e2 a {background:url(images/electrical-02.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.e2 a:hover {background:url(images/electrical-02.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.e3 a {background:url(images/electrical-03.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.e3 a:hover {background:url(images/electrical-03.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}



section .main li div.h1 a {background:url(images/household-01.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.h1 a:hover {background:url(images/household-01.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.h2 a {background:url(images/household-02.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.h2 a:hover {background:url(images/household-02.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.h3 a {background:url(images/household-03.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.h3 a:hover {background:url(images/household-03.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}



section .main li div.l1 a {background:url(images/lighting-01.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.l1 a:hover {background:url(images/lighting-01.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .main li div.l2 a {background:url(images/lighting-02.jpg) 0 0 no-repeat;width:122px;height:82px;display:block;}
section .main li div.l2 a:hover {background:url(images/lighting-02.jpg) 0 -82px; no-repeat;width:122px;height:82px;display:block;}

section .callout {
float : left;
width : 24%;
margin : 35px 0;
}
section .callout .container {
background : url(images/callout-bg.jpg) 0 0 no-repeat;
padding : 2% 5%;
}

section .callout .contact {
margin:20px 0 0 0;
background:none;
padding:2% 5%;
}

section .callout .contact p {
width : 90%;
padding : 0%;
background : #FFF;
border-top : none;
display : block;
overflow : hidden;
margin : 0 0 10px;
font-size:14px;
line-height:24px;
}
section .callout .contact p a {
background : none;
padding : 0px;
display : inline-block;
text-decoration : none;
color : #0793D8;
}

section .callout h1 {
color : #0793D8;
font-weight : 700;
font-size : 24px;
border-bottom : 1px dotted #000;
margin : 10px 0 20px;
}
section .callout h2 {
font : normal normal 14px/24px arial, helvetica, sans-serif;
margin : 10px 0;
}
section .callout p {
width : 90%;
padding : 5%;
background : #0793D8;
border-top : 1px solid #FFF;
display : block;
overflow : hidden;
margin : 0;
}
section .callout p a {
background : url(images/bullet-3.png) 0 6px no-repeat;
padding : 0 0 0 25px;
display : block;
text-decoration : none;
color : #FFF;
}
section h3 {
color : #000;
font-weight : 700;
font-size : 20px;
border-bottom : 1px dotted #000;
margin : 10px 0 40px;
text-shadow : 0 1px 1px #999;
padding : 0 0 5px;
}
section h3 span {
color : #0793D8;
}
section div.quality div {
width : 29%;
padding : 0 2%;
text-align : center;
float : left;
}

section div.quality div img {margin:0px auto;}

section div.quality div p {
font-size : 14px;
line-height : 22px;
font-weight : normal;
color : #000;
}
section h5 {
color : #333;
font-size : 20px;
margin-bottom : 0;
}
section.clients {
display:none;
width : 100%;
overflow : hidden;
background : url(images/testimonial-bg.jpg) center top no-repeat;
padding : 25px 0;
border-bottom : 2px solid #CCC;
margin-bottom : 0 !important ;
}
section.clients p {
font-size : 14px;
line-height : 22px;
}
section.clients p.client {
font-size : 12px;
}
footer {
border-top : 2px solid #FFF;
background : #0995DA;
}
footer .nav {
background : #0770A3;
padding : 20px 0;
overflow : hidden;
display : block;
width : 100%;
}
footer .nav p {
float : left;
margin : 0 20px 0 0;
}
footer .nav p a {
font-size : 14px;
font-weight : bold;
color : #FFF;
text-decoration : none;
border-bottom : none;
}
footer .nav p a:hover {
text-decoration:underline;
}
footer .location {
width : 17%;
float : left;
margin : 20px 4.5% 50px 0;
}
footer .contact {
width : 18%;
float : left;
margin : 20px 4.5% 50px 0;
}
footer .mission {
width : 56%;
float : left;
margin : 20px 0 50px;
}
footer .location h1, footer .contact h1, footer .mission h1 {
font-size : 24px;
color : #FFF;
margin : 0 0 10px;
text-shadow : 0 1px 3px #666;
}
footer .location p, footer .contact p, footer .mission p {
font-size : 13px;
line-height : 22px;
color : #FFF;
margin : 0 0 10px;
}
footer a {
padding : 0 0 1px 0;
color : #FFF;
}
footer .bottom {
background : #22A0DE;
padding : 20px 0;
overflow : hidden;
display : block;
width : 100%;
}
footer .bottom p {
font-size : 12px;
font-weight : normal;
color : #FFF;
display : block;
}
footer .bottom p a {
font-size : 12px;
font-weight : normal;
}