/* ### GENERAL ### */ * { margin: 0px; padding: 0px; } body { background:#efefef url(../images/body_bg1.jpg) left top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#515050; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; margin:0px; padding:0px; } /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { width:100%; position:relative;} /* ### HEADER CONTAINER ### */ #headerCntr {padding:10px 0px 0px 0px; position: relative; width: 980px; height: 93px; overflow:hidden; margin:0 auto; } #headerCntr h1{ float:left;} #headerCntr h1 a{ background:url(../images/LOGO.PNG) 0px 0px no-repeat; width:331px; height:200px; display:block; text-indent:-9999px;} /* ### MENU CONTAINER ### */ #menuCntr { width: 500px; float:right;} #menuCntr ul{ padding:49px 0px 0px 0px;} #menuCntr ul li{ list-style:none; float:left; padding:0px 11px 0px 13px; background:url(../images/devider.jpg) right top no-repeat;} #menuCntr ul li a{ font:13px Arial, Helvetica, sans-serif; color:#cf8a00; text-decoration:none; text-transform:uppercase;} #menuCntr ul li a:hover{ color:#e03602;} #menuCntr ul li.last{ background:none;} /* ### BANNER CONTAINER ### */ #bannerCntr{ padding:17px 0px; width:100%; background:url(../images/banner_bg.jpg) left top repeat-x;} #bannerCntr .center{ width:980px; position: relative; background:url(../images/baner.jpg) right top no-repeat; height:306px; margin:0 auto;} #bannerCntr .center ul{} #bannerCntr .center ul li{ list-style:none; float:left; padding:0px 0px 0px 1px;} #bannerCntr .center ul li.last{ float:right;} /* ### HAEDING BOX ### */ .headingBox { padding:34px 0px 53px 0px; width: 100%; overflow: hidden; border-top:solid 1px #2e2e2e; border-bottom:solid 1px #2e2e2e; background:#191919; } .headingBox .heading { width: 980px; overflow: hidden; margin: 0 auto;} .headingBox .heading h2 { font-size: 30px; font-family:Myriad Pro; color: #fff; font-weight: normal; } /* ### CONTENT CONTAINER ### */ #contentCntr {padding:37px 0px 40px 0px; overflow: hidden; width: 980px; margin:0 auto; } #contentCntr h1{ font:24px Lucida Sans , Arial, Helvetica, sans-serif; color:#000000; } #contentCntr h2{ font:22px Lucida Sans , Arial, Helvetica, sans-serif; color:#000000; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 309px; } #leftCntr .heading{padding:5px 0px 12px 60px; border-bottom:1px solid #ececec; background:url(../images/heaDING1.jpg) 0px 0px no-repeat; display:block;} /* ### SIDE BAR BOX ### */ .sidebarBox{ background:url(../images/leftbg.jpg) left top repeat-y; width:309px; overflow:hidden;} .sidebarBox .top{ background:url(../images/lefttop.jpg) left top no-repeat; width:309px; overflow:hidden;} .sidebarBox .bottom{ background:url(../images/leftbottom.jpg) left bottom no-repeat; padding:15px 26px 12px 26px; width:257px; overflow:hidden;} .sidebarBox p{ padding:17px 0px 10px 0px; line-height:20px;} .sidebarBox ul{ padding:0px 0px 0px 0px;} .sidebarBox ul li{ list-style:none; background:url(../images/dice.jpg) 0px 5px no-repeat; padding:0px 0px 0px 50px; width:176px;} .sidebarBox ul li a{ font:12px Arial, Helvetica, sans-serif; color:#515050; font-weight:bold; text-decoration:none; border-bottom:1px solid #e8e7e7; line-height:28px; display:block;} .sidebarBox ul li a:hover{} .sidebarBox ul li a.last{ border-bottom:none;} .sidebarBox a.read{ float:right; padding-bottom:16px;} .tarpaulin-table1{width:180px; font-size:12px; font-weight:bold; color:#e7251c; text-align:center; float:left; margin: 0;} .tarpaulin-table1, th, td{border:1px solid #cccccc; border-collapse:collapse;} .tarpaulin-table1 td{padding:8px 0;color: #da251c;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold; line-height: 15px; padding: 5px 0 10px 5px; vertical-align:top; width:50%} .tarpaulin-table2{width:290px; font-size:12px; font-weight:bold; color:#e7251c; text-align:center; float:right} .tarpaulin-table2, th, td{border:1px solid #cccccc; border-collapse:collapse;} .tarpaulin-table2 td{padding:8px 0;color: #da251c;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold; line-height: 15px; padding: 5px 0 10px 5px; vertical-align:top} .woven-table1{width:100%; font-size:12px; font-weight:bold; color:#e7251c; text-align:center;} .woven-table1, th, td{border:1px solid #cccccc; border-collapse:collapse;} .woven-table1 td{padding:8px 0;color: #da251c;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold; line-height: 15px; padding: 5px 0 10px 5px; vertical-align:top} .woven-table1 td.in table { width:100%; float:left; margin:0; padding:0} .woven-table1 td.in table tr td { border-left:1px solid #cccccc; border-right:none; border-bottom:none; border-top:none} .woven-table1 td.first { width:26%} .woven-table1 td.in table tr td.last { border-left:none;} .woven-table1 td.in { padding:0} .image-tb-cont { width:100%; float:left; margin:0 0 15px 0} .image-tb-cont.lenobags { margin:0 0 30px 0} #position { margin:20px 0 0 0; float:left} .image-tb-cont.lenobags #position {float:left; margin:28px 0 15px 0; width:253px;height:202px} .leno-img1{float:left; padding: 20px 10px 0 0;} .leno-table1{width:233px; font-size:12px; font-weight:bold; color:#e7251c; text-align:center;} .leno-table1, th, td{border:1px solid #cccccc; border-collapse:collapse;} .leno-table1 td{padding:8px 0;color: #da251c;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold; line-height: 15px; padding: 7px 0 8px 5px; vertical-align: middle} .content-start .inch-left a,.content-start .inch-left01 a {color: #da251c; text-decoration: none;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold; line-height: 15px; } /* ### SERVICE BOX ### */ .heading1{padding:5px 0px 12px 60px; border-bottom:1px solid #ececec; background:url(../images/heading2.jpg) 0px 0px no-repeat; display:block;} .serviceBox{ background:url(../images/leftbg.jpg) left top repeat-y; width:309px; margin-top:32px;} .serviceBox .top{ background:url(../images/lefttop.jpg) left top no-repeat; width:309px;} .serviceBox .bottom{ background:url(../images/leftbottom.jpg) left bottom no-repeat; padding:15px 26px 15px 26px; width:257px; } .serviceBox ul{} .serviceBox ul li{ list-style:none; border-bottom:1px solid #ececec; width:257px; overflow:hidden; padding-bottom:20px;} .serviceBox ul li p{ padding:17px 0px 0px 0px; line-height:20px; } .serviceBox ul li a{ float:right; display:block; } .linkBox{ width:257px; background:url(../images/backimg.jpg) left top no-repeat; position:relative; height:114px; } .linkBox a.facebook{ position:absolute; top:79px; left:5px;} .linkBox a.in{ position:absolute;left: 102px;top: 89px;} .linkBox a.twitter{position:absolute; left: 165px; top: 22px;} /* ### WHAT BOX ### */ .wsatBox{ background:url(../images/leftbg.jpg) left top repeat-y; width:309px; overflow:hidden;} .wsatBox .top{ background:url(../images/lefttop.jpg) left top no-repeat; width:309px; overflow:hidden;} .wsatBox .bottom{ background:url(../images/leftbottom.jpg) left bottom no-repeat; padding:15px 26px 12px 26px; width:257px; overflow:hidden;} .wsatBox p{ padding:19px 0px 0px 0px; line-height:20px;} .wsatBox .heading1{padding:11px 0px 16px 60px; border-bottom:1px solid #ececec; background:url(../images/what_icon.jpg) 0px 0px no-repeat; display:block;} .wsatBox img{ margin:0px 11px 0px 0px; float:left; border: solid 4px #c9c9c9;} .wsatBox span{ padding-top:29px; font-size:11px; text-align:left; font-style:italic; color:#000000; display:block;} .wsatBox .first{ padding-bottom:15px; border-bottom:solid 1px #e5e5e5;} /* ### CONTACT INFO BOX ### */ .contactinfoBox{ background:url(../images/leftbg.jpg) left top repeat-y; width:309px; overflow:hidden;} .contactinfoBox .top{ background:url(../images/lefttop.jpg) left top no-repeat; width:309px; overflow:hidden;} .contactinfoBox .bottom{ background:url(../images/leftbottom.jpg) left bottom no-repeat; padding:15px 26px 0px 26px; width:257px; overflow:hidden;} .contactinfoBox p{ padding:0px 0px 26px 0px; line-height:20px;} .contactinfoBox .heading1{padding:15px 0px 16px 60px; margin-bottom:22px; border-bottom:1px solid #ececec; background:url(../images/cotact_info_icon.jpg) 0px 0px no-repeat; display:block;} .contactinfoBox .first{ padding-bottom:15px; border-bottom:solid 1px #e5e5e5;} /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 639px; } /* ### COMPANY INFO BOX ### */ .heading2{padding:5px 0px 15px 56px; border-bottom:1px solid #ececec; background:url(../images/heading3.jpg) 0px 0px no-repeat; display:block;} .companyInfoBox{ width:639px; background:url(../images/rightbg.jpg) left top repeat-y;} .companyInfoBox .top{ background:url(../images/righttop.jpg) left top no-repeat;} .companyInfoBox .bottom{ background:url(../images/rightbottom.jpg) left bottom no-repeat; padding:13px 27px 25px 27px; width:585px; overflow:hidden;} .companyInfoBox p{ padding:13px 0px 8px 0px; line-height:20px;} .companyInfoBox a.read{ float:right; padding:0px 0px 0px 0px;} /* ### ITEM BOX ### */ .heading3{padding:15px 0px 20px 95px; background:url(../images/heading4.jpg) 0px 0px no-repeat; display:block;} .heading4{padding:15px 0px 20px 95px; background:url(../images/heading5.jpg) 0px 0px no-repeat; display:block;} .itemBox{ width:639px; background:url(../images/rightbg.jpg) left top repeat-y; margin-top:32px; overflow:hidden;} .itemBox .top{ background:url(../images/righttop.jpg) left top no-repeat; width:639px; overflow:hidden;} .itemBox .bottom{ background:url(../images/rightbottom.jpg) left bottom no-repeat; padding:13px 27px 25px 27px; width:585px; overflow:hidden;} .itemBox ul{} .itemBox ul li{ list-style:none; width:267px; float:left; padding:0px 0px 0px 0px;} .itemBox ul li a{ float:right; padding:0px 0px 0px 0px; display:block; border:none;} .itemBox ul li p{ padding:21px 0px 0px 0px; line-height:20px;} .imaging{ border:4px solid #e8e8e8; margin:8px 0px 0px 0px;} .itemBox ul li.last{ padding-left:50px;} /* ### COMPANY BOX ### */ .companyBox{ width:639px; background:url(../images/rightbg.jpg) left top repeat-y;} .companyBox .top{ background:url(../images/righttop.jpg) left top no-repeat;} .companyBox .bottom{ background:url(../images/rightbottom.jpg) left bottom no-repeat; padding:13px 27px 25px 27px; width:585px; overflow:hidden;} .companyBox .heading3{padding:11px 0px 16px 56px; margin-bottom:25px; border-bottom:1px solid #ececec; background:url(../images/company_icon1.jpg) 0px 0px no-repeat;} .companyBox .heading4{padding:11px 0px 16px 56px; border-bottom:1px solid #ececec; background:url(../images/company_icon2.jpg) 0px 0px no-repeat;} .companyBox p{ padding-bottom:27px; line-height:20px;} .companyBox a.read{ float:right; padding:0px 0px 0px 0px;} .companyBox img{ margin-right: 23px; float:left; border: solid 6px #c9c9c9;} .companyBox .last{ padding-bottom:48px;} /* ### FEATURED BOX ### */ .featuredBox{ width:639px; background:url(../images/rightbg.jpg) left top repeat-y;} .featuredBox .top{ background:url(../images/righttop.jpg) left top no-repeat;} .featuredBox .bottom{ background:url(../images/rightbottom.jpg) left bottom no-repeat; padding:13px 27px 0px 27px; width:585px; overflow:hidden;} .featuredBox .heading4{padding:8px 0px 24px 57px; border-bottom:1px solid #ececec; background:url(../images/service_icon.jpg) 0px 0px no-repeat;} .featuredBox h3{ padding-bottom:16px; font-family: Lucida Sans ,Arial; margin-bottom:20px; font-weight:normal; color:#000000; font-size:20px; border-bottom:1px solid #ececec;} .featuredBox p{ padding-bottom:26px; line-height:20px;} .featuredBox img{ padding:0px 40px 10px 23px; float:left;} .featuredBox .first{ padding:16px 0px 64px 0px;} .featuredBox .featuredBox1{ padding-bottom:32px; width:585px; overflow:hidden;} /* ### PORTFOLIO BOX ### */ .portfolioBox{ width:639px; overflow:hidden; background:url(../images/rightbg.jpg) left top repeat-y;} .portfolioBox .top{ background:url(../images/righttop.jpg) left top no-repeat;} .portfolioBox .bottom{ background:url(../images/rightbottom.jpg) left bottom no-repeat; padding:13px 27px 20px 27px; width:585px; overflow:hidden;} .portfolioBox .heading4{padding:16px 0px 24px 77px; border-bottom:1px solid #ececec; background:url(../images/portfolio_icon.jpg) 0px 0px no-repeat;} .portfolioBox h3{ padding-bottom:15px; margin-bottom:21px; font-family: Lucida Sans ,Arial; margin-bottom:20px; font-weight:normal; color:#000000; font-size:20px; border-bottom:1px solid #ececec;} .portfolioBox p{ padding-top:23px; line-height:20px;} .portfolioBox span{ padding-top:23px; font-style:italic; font-size:12px; color:#797979; line-height:20px;} .portfolioBox img{ border: solid 6px #c9c9c9; float:left; margin-right:18px;} .portfolioBox .first{ padding:16px 0px 46px 0px;} .portfolioBox .portfolioBox1{ padding-bottom:43px; width:585px; overflow:hidden;} .portfolioBox .border{ padding-bottom:27px;border-bottom: 1px solid #e5e5e5;} .portfolioBox .button{ padding-top:12px; width:120px; overflow:hidden;} .portfolioBox .button ul{ margin:0px;} .portfolioBox .button li{ padding-left:8px; list-style:none; float:left;} .portfolioBox .button li a{ color:#787878; width:31px; display:block;font-size:14px; line-height:28px; text-decoration:none; text-align:center; background:url(../images/button_bg.jpg) left bottom no-repeat;} /* ### CONTACT BOX ### */ .contactBox{ width:639px; overflow:hidden; background:url(../images/rightbg.jpg) left top repeat-y;} .contactBox .top{ background:url(../images/righttop.jpg) left top no-repeat;} .contactBox .bottom{ background:url(../images/rightbottom.jpg) left bottom no-repeat; padding:13px 27px 38px 27px; width:585px; overflow:hidden;} .contactBox .heading4{padding:16px 0px 24px 67px; border-bottom:1px solid #ececec; background:url(../images/contact_icon.jpg) 0px 0px no-repeat;} .contactBox p{ padding:16px 0px 44px 0px; line-height:20px;} .contactBox input.filed1{ padding: 7px 5px 5px 5px; width:535px; height:20px; border:none; background:url(../images/input_bg.jpg) 0px 0px no-repeat;} .contactBox label{ padding-top:20px; width:546px; height:25px; display:block; font:12px Arial, Helvetica, sans-serif; color:#686868; text-align: left; font-weight:bold; vertical-align:top;} .contactBox textarea{ padding:5px 5px 5px 10px; width:530px; height:132px; border:none;background:url(../images/textarea_bg.jpg) 0px 0px no-repeat; } .contactBox input.button{ margin:22px 0px 0px 0px; float:left; background:url(../images/send.jpg) 0px 0px no-repeat; width:157px; height:37px; border:none; cursor:pointer; } /* ### FOOTER CONTAINER ### */ #footerCntr { overflow: hidden; background:#121212 url(../images/footerbg.jpg) left top repeat-x; height:111px; } .footerBox{width: 980px; margin:0px auto; color:#a0a2a4; font:12px Arial, Helvetica, sans-serif; overflow:hidden; padding:45px 0px 0px 0px;} .footerBox ul{ width:375px; float:right;} .footerBox ul li{ list-style:none; background:url(../images/devider1.jpg) right 3px no-repeat; float:left; padding:0px 15px 0px 15px;} .footerBox ul li a{ font-size:12px; color:#a0a2a4; text-decoration:none;} .footerBox ul li a:hover{ color:#FFFFFF;} .footerBox p{ padding:0px 0px 0px 0px;} .footerBox ul li.last{ background:none;}