html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-align: center;
}
* {	padding:0; margin:0; border: none; outline:0;}
body { font: normal 12px/18px Verdana, Helvetica, sans-serif; color: #333; background-color: #f7f7f7;}
a { text-decoration:none; color:#13456d;}
a:hover {
	text-decoration:none;
	color:#3494e0;
}
h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0; padding:5px 0; color:#00457B; font: bold 14px/16px Verdana, Helvetica, sans-serif;}
p {text-align:left; line-height:22px; font-size:12px; text-align:left;}
li {list-style-type: none;}

#container { width:1000px; margin:0px auto; } 
#header { width:1000px;  float:left; padding:13px 0 0 0; }
.logo{ margin:20px 0 0 0; width:253px; height:96px; float:left; background:url(../images/mina-logo.png) top left no-repeat; cursor:pointer;}
.logo a { width:253px; height:96px; float:left; }

.groupLogo { float:left; margin:25px 0 0 86px; }
.groupLogo img { float:left; padding:0 10px; }
.groupLogo .alhussaini { padding-top:0px; }


#searchHeader { float:right; margin:0px; }
#search-form {   }
#search { border: 1px solid #929292; color: #2b1e11; height: 20px; line-height: 20px; width: 150px; padding: 2px 4px; top: 11px; left: 0}
#search-submit { background: #fff url(../images/search.png) no-repeat 10px 7px; border: 1px solid #929292; height: 50px; width: 50px;  top: 0; right: 0}
#search-submit:hover { background-color: #dcf0ff; cursor:pointer;}
/* CSS3 */
#search { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
   background: -moz-linear-gradient(top, #fff, #fff);
   text-shadow: rgba(0,0,0,.2) 0 0 5px;
   }
#search-submit { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -mox-box-shadow: 0 0 5px black;
	/* Webkit-transition */
	-webkit-transition-property: background-color; 
	-webkit-transition-duration: 0.4s, 0.4s; 
	-webkit-transition-timing-function: linear, ease-in;
	}

#rightHeader { width:260px; float:right; }
#quickNav {  float:right;  margin:10px 0 5px 0; text-align:left; clear:both; display:block;  }
.socialMedia{ float:right; margin:10px 0 10px 0;   }
.socialMedia ul { float:right;}
.socialMedia ul li { display:inline; padding-left:10px;}
.socialMedia img {width: 40px; }


#homeBanner { width:1000px; float:left; border:1px solid #b0afaf; margin:30px 0 0 0;background: none repeat scroll 0 0 #FFFFFF;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } 

#companyProfile {
	margin:30px 0 0 0;
	width:980px;
	float:left;
	border:1px solid #b0afaf;
	background: none repeat scroll 0 0 #fff;
	;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	padding:10px 10px;
	min-height:250px;
}
#companyProfile h1 { color:#00457b; text-transform:uppercase; }

#ourProjects {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }
#ourProjects h2 { color:#00457b; text-transform:uppercase; }

#ourProjects .projectScroller { width:100%; float:left; border:1px solid red; }

#threeColbox { margin:30px 0 0 0; width:1000px; float:left; }
.baseSystem { width:430px; height:250px; float:left; border:1px solid #b0afaf;background: none repeat scroll 0 0 #FFFFFF;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); background:none; }

.baseSystem  .bx-next, .bx-prev{position:absolute; display:block; width:30px; height:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; opacity:0.7;}
.baseSystem  .bx-next{position:absolute; top:110px; left:5px; background:#2fb3ff url(../images/prevArrow.png) center center;}
.baseSystem .bx-prev{position:absolute; top:110px; left:395px;background:#2fb3ff url(../images/nextArrow.png) center center;}
.baseSystem .bx-next:hover, .bx-prev:hover {
    background-color: #0A436F;
    opacity: 1;
}



.environFriendly { margin-left:5px; width:254px; height:250px; float:left; border:1px solid #b0afaf;background: none repeat scroll 0 0 #FFFFFF;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); text-align:center; }
.environFriendly h2 { color:#00c000; font-size:14px; text-transform:uppercase; margin:5px 0; }
.environFriendly img { margin:5px 0; }
.environFriendly p { margin:0px auto; text-align:center; padding:0 10px; }
.environFriendly a { color:#333; text-decoration:none; line-height:20px; }
.environFriendly a:hover { text-decoration:underline; }


.quickGlance { margin-left:5px; width:300px; height:250px; float:left; border:1px solid #b0afaf;background: none repeat scroll 0 0 #FFFFFF;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); text-align:center; overflow:hidden; }
.quickGlance h2 { padding:5px 5px; color:#333; font-size:16px; text-transform:uppercase; margin:3px 0; font-weight:bold;
text-shadow: 2px 2px 2px #979797; }
.quickGlance h3 { margin:0px auto; padding:0; width:280px; color:#333; font-size:11px; font-weight:bold; line-height:13px; }
.quickGlance .slideModel2 { width:295px; height:170px; margin-top:5px; }
.quickGlance .slideModel2 h4 { color:#004379; font-size:10px; font-weight:bold; text-transform:uppercase; }
.quickGlance  .slideModel2 p { font-size:11px; text-align:center; line-height:16px; }

#contactContainer {
	margin:30px 0 0 0;
	width:1000px;
	height:237px;
	float:left;
	border:1px solid #b0afaf;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.contactus { width:150px; margin:22px 0 0 23px; float:left; }
.contactus h3 { font-size:14px; font-weight:bold; color:#00457B; text-transform:uppercase; }
.contactus img { padding:0;}
.address { width:450px; padding-top:30px; float:left; font-size:12px; line-height:20px; }
.address p{font-size:12px; line-height:20px; color:#333;}
.huyaOffice { float:left; margin:8px 0 0 25px; }
.huyaOffice img { border-radius:5px; }


.quickGlance .bx-next, .bx-prev{
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	opacity:0.7;
	left: 45px;
	top: 1355px;
}
.quickGlance .bx-next{position:absolute; top:50px; left:5px; background:#2fb3ff url(../images/prevArrow.png) center center;}
.quickGlance .bx-prev{position:absolute; top:50px; left:255px;background:#2fb3ff url(../images/nextArrow.png) center center;}

.quickGlance .bx-next:hover, .bx-prev:hover {
    background-color: #0A436F;
    opacity: 1;
}


#copyrightContainer {margin:15px 0; width:1000px; float:left;}
.footerLink { width:600px; float:left; font-size:12px; color:#036; }
.footerLink a { text-decoration:none; color:#036; padding:0 10px; } 
.footerLink a:hover { text-decoration:underline; color:#036; } 
.copyRight { float:right; text-align:right;}

/* Inner Page Style Starts */

#innerContentBox {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }
#innerContentBox h1 { color:#00457b; text-transform:uppercase; }
#innerContentBox h3 { color:#00457b; font-size:12px; }


#innerBanner {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }

#terminologyBox {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }
#terminologyBox h1 { color:#00457b; text-transform:uppercase; }
#terminologyBox p{background-color:#f2f2f2; margin-top:10px; padding:3px 3px; border-bottom:1px solid #cbcbcb;border-top:1px solid #cbcbcb;}


#advantagePolystyrene {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }
#advantagePolystyrene h2 { background-color:#e3e3e3; padding:5px 5px; font-size:12px; }
.questionAns { margin-top:15px; border:1px solid #b0afaf; background-color:#fff; border-radius:5px; padding:5px 5px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; } 
.questionAns p { padding:5px 5px; }

#photoGalleryBox {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }

#photoGalleryBox h1 { text-transform:uppercase; }

.portfolio-item {margin:10px 10px;padding:10px 10px;border-radius:5px;float:left;background-color:#E4E4E4; cursor:pointer; border:1px solid #cccccc}
.portfolio-item h3 { text-align:center; width:280px;}
.portfolio-item a{float:left;} 
.portfolio-item:hover { background-color:#f3f4f8; border:1px solid #cccccc; text-decoration:none; }
#content .portfolio-item h3 { 		border-bottom: none;		padding: 0;	}
ul.bullet-list {list-style: none;margin: 0;	margin-top: 0px; color:#134582;}
ul.bullet-list li {	padding: 2px 0px 2px 25px;	background: url(../images/bullet.png) no-repeat left;	font-weight: bold;}
.portfolio-image, .portfolio-desc {	float: left; color:#134582;}
.portfolio-image { }
.portfolio-image img {	border:1px solid #fff;}
.portfolio-desc {	width: 200px;	margin-left:0px;}

.portfolio-control {	width: 577px;	padding-top: 10px;	float: left;	margin-top: 10px;	border-top: 1px #ddd solid;}
#content .portfolio-control p {padding: 0;	}

.downloadBox { min-width:350px;clear:both;  margin:20px 0 0 300px; float:left; background-color:#EAEAEA; border:1px solid #d0d6de; border-radius:5px; cursor:pointer; }
.downloadBox:hover{background-color:#fff; border:1px solid #d0d6de; text-decoration:none;}
.downloadBox a { float:left; width:350px;  }
.downloadBox a:hover { text-decoration:none;  }
.downloadBox span { float:left; font-size:11px; padding:30px 20px 20px 0; font-weight:bold;}
.downloadBox img { width:60px; float:left; padding:10px 10px; }

.sitemapList { width:100%; float:left;background-color:#f1f1f1; }
.sitemapList ul li{ list-style-type:none; display:block; clear:both; margin:1px 0px; padding:5px 25px;
background:url(../images/small_arrow.png) center left no-repeat; }
.sitemapList ul li:hover {background-color:#e0e2e6; cursor:pointer;}
ul .sitemapSub { margin:0 20px; }

.toolsAccessories { margin:10px 4px; float:left; width:215px; height:345px; border:1px solid #999; border-radius:6px; padding:10px 10px; background-color:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset; overflow:hidden; }
.toolsAccessories.notext { margin:10px 4px; float:left; width:215px; height:210px; border:1px solid #999; border-radius:6px; padding:10px 10px; background-color:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset; overflow:hidden; }
.toolsAccessories img { border:1px dotted #999; text-align:center; margin:0px auto;}
.toolsAccessories h2 { margin:5px 0; text-align:center; line-height:22px;font-weight:100;  }
.toolsAccessories p { text-align:center; }

.hvacDuctContent h1 { font-size:14px;}
.hvacDuctContent h2{margin-top:10px;font-size:12px; clear:both; }
.hvacDuctContent h3{margin-top:10px;font-size:12px; }
.innerContentBox table {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
   
	
}
.innerContentBox thead th {
    background: none repeat scroll 0 0 #EAEAEA;
    border-top: 1px solid #FFFFFF;
}
.innerContentBox thead th {
    border-bottom: 1px solid #BBBBBB;
	 border-bottom: 1px solid #CCCCCC;
}
.innerContentBox th {
    border-bottom: 3px solid #BBBBBB;
    padding-right: 1em;
    text-align: left;
	padding:5px 5px;
	
}
.innerContentBox td {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    color: #777777;
	padding:5px 5px;
}
.innerContentBox tr.heading td { background:#525252; color:#fff; }
.innerContentBox tr.even td {
    background: none repeat scroll 0 0 #FDFDFD;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
}
.innerContentBox td.active {
    background-color: #E4E4E4;
}
.item { float:left; margin:10px 10px; padding:10px; background-color:#ebebeb; width:943px; }
.item h2 {border-bottom:1px solid #fff;color:#00457B;padding-bottom:7px; }
.item p { margin-top:20px; }
.image-left {background: none repeat scroll 0 0 #FDFDFD;    border: 1px solid #CCCCCC;    float: left;    margin: 3px 10px 3px 0;    padding: 3px; }

#qualityHuya {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }
#qualityHuya h1 { color:#00457b; text-transform:uppercase; }
#qualityHuya p{background-color:#f2f2f2; margin-top:10px; padding:3px 3px; border-bottom:1px solid #cbcbcb;border-top:1px solid #cbcbcb;}
#qualityHuya span { margin-left:40px; display:block;} 

#insulationBoard {margin:30px 0 0 0; width:980px; float:left; border:1px solid #b0afaf; background: none repeat scroll 0 0 #fff;;  border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); padding:10px 10px; }
#insulationBoard h1 { color:#00457b; text-transform:uppercase; }
.insulatTable { width:100%; float:left;  }
#insulationBoard p { padding-bottom:20px; }
.locationImage { margin:20px 0 0 180px; }
.minaIcon { width:44px;height:8px; padding:0 2px 0 0;}  

.bulletList { float:left; margin:10px 0 0 40px;}
.bulletList li { list-style-type:circle; list-style:inside; line-height:24px;}

.headingHighlight { text-transform:capitalize; font-size:28px; padding:10px 0 10px 0; color:#4a4a43; }

.visionBox { width:935px; min-height:155px; margin:20px 0px 0 10px; float:left; background-color:#fff; border:1px solid #d0d6de; padding:10px 10px;  }
.visionBox:hover{background-color:#fff; border:1px solid #d0d6de; text-decoration:none;}

.quickLinksList li { background-color:#CCCCCC;margin-top:10px; padding:10px 5px; }

/******** Drop down **********/
.dropbtn {
    /*background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;*/
}

.dropdown {
    position: relative;
    display: inline-block;
	z-index: 9999999999999;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
   background-color: #3e8e41;
}