@import url(http://fonts.googleapis.com/css?family=Fjord+One);  /*font-family: 'Fjord One', serif;*/
@import url(http://fonts.googleapis.com/earlyaccess/dhyana.css);  /*font-family: 'Dhyana', serif;*/
* { margin: 0; padding: 0; outline: 0; }

body, html {  height: 100%;}

body {
	font-size: 12px;
	font-family: 'Dhyana', serif;
	line-height: 22px;
	color: #040505;
	min-width: 100%;
	background:#fff 0 0;  
}
#wrapper-one{background:url(../images/top-line-one.png) repeat-x top;}
#wrapper{background:url(../images/top-line.png) repeat-x top;}
a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }
a.more { color: #e74d3a; text-decoration: none; padding-left: 11px;  no-repeat 0 5px; }
a.more:hover { color: #fff;  text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }

.shell { width: 980px; margin: 0 auto; }
.container {background:transparent;}
#header { height: 100px; padding-top: 10px; padding-left: 23px; padding-right: 17px;  }
#logo { width: 120px; float: left; font-size: 0; line-height: 0;}
#logo a { height:100px; display: block; background:url(../images/aluminumtrading-logo.png)no-repeat 0 0;  text-indent:; }
#header .logo-txt {float:left;padding-top:30px;}
#header span { font-family: 'Fjord One', serif; font-size:24px; color:#018cac;}
#header p {}
#header span.title {font-size:13px;text-align:left; padding-left:20px;}
#header .head-center-btn{background:width:270px; height:80px; float:left; padding-top:20px; text-align:center; padding-left:15px; cursor:pointer;}
#header .logo-right { width:200px; height:70px; float:right; text-align:left; padding-top:30px; padding-right:20px; margin-right:30px;}
#header p.phone {background:url(../images/phone-icon.png) no-repeat left 3px; height:18px; font-size:12px; text-indent:20px;}
#header p.email {background:url(../images/email-icon.png) no-repeat left 3px; height:18px; font-size:12px; text-indent:20px;}

/* Navigation */
#navigation { height: 46px; padding-top: 0px; font-family: 'Dhyana', serif; font-weight: 700; margin-top:0px; }
#navigation ul { list-style: none; list-style-position: outside; margin-top:0px; }
#navigation ul li { float: left; padding-right: 2px; line-height: 41px; background:no-repeat right 0;  font-size: 13px; text-transform: capitalize; }
#navigation ul li a { display: block; padding: 0 40px 0 40px; color: #00a4ca; font-size:14px; }
#navigation ul li a:hover { background:#00a4ca; text-decoration: none; color: #fff; border-radius:0px 0px 0px 0px; }
#navigation ul li.active a {background:#00a4ca; text-decoration: none; color: #fff; border-radius:0px 0px 0px 0px; }
#navigation ul li.first a { padding-left: 38px; background:#00a4ca; border-radius:none;}
#navigation ul li ul{width:280px;position:absolute;display:none; top:150px;padding:1px 0 0 0; background:#00a4ca; border-radius:none; float:left;}
#navigation ul li:hover ul{display:block; background:#00a4ca; text-decoration: none; color: #fff; border-radius:10px 10px 0px 0px;}
#navigation ul li ul li{display:block;padding:10px 10px 10px 0;width:280px;padding:0px;margin:0px; background:#00a4ca;;	position:relative;}
#navigation ul li ul li a{display:block;color:#FFFFFF;background:#00a4ca;text-decoration:none;padding:14px23px 13px 28px;z-index:1000;position:relative; border-radius:none;}
#navigation ul li ul li a:hover {border-radius:0px; background:#F00;}
#navigation ul li ul li a.active  {background:#00a4ca; text-decoration: none; color: #fff; border-radius:0px; }
/* Slider */

.slider-holder { position: relative; z-index: 5; }
.slider { width: 980px;  height: 448px; position: relative; border:0px solid #FFF; }
.slider-one { width: 980px;  height: 238px; position: relative; border:0px solid #FFF; }
#featured { width: 980px; height: 448px; background:url(../images/bannerimage/loading.gif) #009cff no-repeat center center; overflow: hidden; }


/* Main */
.main { padding: 27px 0px 0px;  }
.main .cols .btm-line { width:100%; border-bottom:2px#143fcb solid; }
.main h1 { font-size: 20px; text-align:left; color: #4c74f5; line-height: 22px; padding-bottom: 8px; font-family: 'Dhyana', serif; font-weight: 700; letter-spacing:1px; }
.main h2 { font-size: 14px; text-align:left; color: #4c74f5; line-height: 22px; padding-bottom: 8px; font-family: 'Dhyana', serif; font-weight: 700; }
.main h3 { font-size: 12px; text-align:left; color: #4c74f5; line-height: 22px; padding-bottom: 8px; font-family: 'Dhyana', serif; font-weight: normal;  }
.main section { clear: both; padding: 0 20px 40px; }
.main h1 span { color:#143fcb;}
.main p.head { font-size:24px; text-align:center; font-weight:700; color:#d5292c; padding-top:8px; padding-bottom:15px;}
.main p.subhead { font-size:16px; text-align:left; font-weight:700; color:#143fcb; padding-top:10px; padding-bottom:5px; text-transform:capitalize;}
.main p {text-align:justify; font-size:12px; line-height:22px;}
.main .cols { padding-left: 0; padding-right: 0; }
.main .cols .col { width:990px; float: left; border:0px solid #333;}
.main .cols .col-left { width: 730px; float: left; border:0px solid #333;}
.main .cols .col-right { width: 233px; float: left; border:0px solid #333;  padding-left:15px; padding-bottom:20px;}
.main .cols .col-left ul { list-style:disc; padding-left:30px;}
.main .cols .col-left ul li { list-style-image:; line-height:30px; margin-top:-2px;}
.main .cols .col-right .right-menu { width:230px; border:#143fcb 3px solid; background:#00a4ca; margin-top:5px;}
.main .cols .col-right .right-menu .right-menu-head {background:#143fcb; width:100%; line-height:42px; font-size:26px; text-align:center; color:#fff; font-weight:700;}
.main .cols .col-right .right-menu ul { list-style:none; padding-left:30px;}
.main .cols .col-right .right-menu ul li {line-height:35px; list-style:decimal; font-size:12px; color:#fff;}
.main .cols .col-right .right-menu ul li a {color:#fff;}
.main .cols .col-right .right-menu ul li ul li { display:none;}
.main .cols .gallery-div { width:100%; height:200px; border:#143fcb 1px solid; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin-bottom:20px; margin-top:10px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9DBFFE), color-stop(1, #E2EAFE));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #9DBFFE 0%, #E2EAFE 100%);
}
.main .cols .gallery-div-heading { border-bottom:1px solid #143fcb; border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px; line-height:42px; padding-left:15px; color:#143fcb; font-size:16px; font-weight:700;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9DBFFE), color-stop(1, #E2EAFE));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #9DBFFE 0%, #E2EAFE 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #9DBFFE 0%, #E2EAFE 100%);
	}
.main .cols .viemore-btn { width:85px; height:23px; float:right; color:#fff;  border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; padding:5px 10px 5px 25px; position:relative; margin-top:-40px; margin-right:30px; cursor:pointer; font-size:16px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #1540cc 0%, #466ff1 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #1540cc 0%, #466ff1 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #1540cc 0%, #466ff1 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1540cc), color-stop(1, #466ff1));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #1540cc 0%, #466ff1 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #1540cc 0%, #466ff1 100%);
 }
.main .client-list { padding-top:30px; font-size:11px;}
.main .client-list table tr td.clients_head {background-color: #009FD6;color: #FFFFFF;font-size: 12px; font-weight: bold; }
.main .client-list table tr td.clients {background-color: #fff; color: #333333; font-size: 11px; font-weight: normal; line-height: 18px; padding: 0 5px; text-align: center;}
.main .cols .gallery-image-div { width:100%; }
.main .cols .btm-enquirytext{ float:left; border-color: #009FD6; border-radius: 8px 8px 8px 8px; border-style: solid; border-width: medium; padding:20px; margin-bottom:20px;}
.main .cols .left-col { float:left; width:60%; font-size:13px; color:#040505; font-weight:bold;}
.main .cols .right-col { float:left; width:40%; font-size:13px; color:#009FD6; font-weight:bold;}
.main .address p.heading {font-size:18px; color:#040505; line-height:22px;}
.main .address p span {color:#c62e33; font-size:13px;}
.main .address p { font-size:12px; color:#040505; font-weight:normal; line-height:25px;}
.main .pro-list {width:100%; font-size:12px;}
.main .pro-list h1 {font-size:16px; color:#c62e33}
.main .pro-list ul { list-style:none; padding-top:20px;}
.main .pro-list ul li {list-style:none; margin-right:10px; display:inline-block;}
.main .pro-list ul li img {border:2px solid #143fcb; border-radius:10px;}
/*Footer */
#demo5.scroll-img ul { width: 1500px;}
#demo5-btn { width: 730px; margin-top: -100px;}
.main .cols .scroll-img { border: 0px solid red; width: 700px; height: 142px; overflow: hidden; font-size: 0;}
.main .cols .scroll-img ul { width: 730px; height: 600px; margin: 0;}
.main .cols .scroll-img ul li { display: inline-block; margin: 10px 40px 0px 5px; border:4px solid #143fcb; border-bottom:4px solid #143fcb; line-height:0px;}
#demo5-btn .demo5-backward { background:url(../images/galleryimages/backword-img.png) no-repeat; position:relative; width:25px; height:74px; float:left; cursor:pointer;}
#demo5-btn .demo5-forward { background:url(../images/galleryimages/forward-img.png) no-repeat; position:relative; width:25px; height:74px; float:right; cursor:pointer;}
#footer { width:100%; height:102px; float:left; background: url(../images/footer-bg.png) repeat-x 0 0; }
.footer {width:980px; margin: auto; font-size:10px; color:#fff; border:0px solid #fff; min-height:100px;}
.footer .footer-cols-left {width:80%; float:left; padding-top:35px;}
.footer .footer-cols-right{width:20%; float:right;}
.footer .footer-nav {float: left; line-height: 11px; padding-left:-5px; text-align:left;  }
.footer .footer-nav ul { list-style: none; list-style-position: outside; }
.footer .footer-nav ul li { display: inline;  font-size: 11px; font-family: 'Dhyana', serif; color: #fff; border-right: 1px solid #fff; padding: 0 11px; }
.footer .footer-nav ul li.first { padding-left: 0; border: 0;  }
.footer .footer-nav ul li a { color: #fff; }
.footer .footer-nav ul li a:hover,
.footer .footer-nav ul li.active a { color: #143fcb; font-weight:100; text-decoration: none; } 
.footer p.copy { float: left; line-height: 11px; font-size: 11px; color: #fff; }
.footer p.design { float: right; padding-top:25px; }
.footer p.copy span { padding: 0  11px;  }
.footer p.copy a { color: #2b9208; text-decoration: underline; }
.footer p.copy a:hover { text-decoration: none; }
.footer p.copy strong { font-weight: normal; }