/* Theme Name: Tetra Engineers Theme URI: tetron.in Description: Tetra Engineers Author: LBM Infotech Pvt. Ltd. Author URI: http://www.lbminfotech.com/ Version: 1.0 . This theme can be used for commercial or non-commercial use so long as it is not redistributed or resold in any way. . */ @import url(reset.css); /*-----------------------------------*/ /* Basic Styles /*-----------------------------------*/ @font-face { font-family: 'fontin_smallcapsregular'; src: url('../fonts/fontin-smallcaps-webfont.eot'); src: url('../fonts/fontin-smallcaps-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontin-smallcaps-webfont.woff') format('woff'), url('../fonts/fontin-smallcaps-webfont.ttf') format('truetype'), url('../fonts/fontin-smallcaps-webfont.svg#fontin_smallcapsregular') format('svg'); font-weight: normal; font-style: normal; } body { line-height: 19px; font-size: 12px; color: #686868; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background: #fff; } p { line-height: 19px; padding: 0 0 5px 0; text-align: justify; } h2 { font-family:'fontin_smallcapsregular'; font-size: 20px; color: #1e52bd; padding: 0 0 5px 0; font-weight: 300; font-style: normal; line-height: 30px; } h3 { font-size: 16px; color: #b72b33; padding: 0 0 10px; margin: 0 0 15px 0; font-weight: normal; font-family: "Arial Rounded MT Bold", "Arial Black"; background: url(../images/welcome_dot.gif) repeat-x bottom left; padding-right: 25px; } #inner h3 { font-size: 20px; color: #707070; padding: 0; margin: 0 0 8px 0; line-height: 40px; font-weight: normal; border-bottom: 1px solid #d8dcdc; font-family: Asap;} h4 { font-size: 18px; text-transform:none; padding: 0 0 10px; font-family: "Franklin Gothic Medium Cond"; color: #707070; font-weight:normal;} hr.new { background-image: url(../images/features_bottom.gif); background-repeat: repeat-x; height: 1px; margin-top: 0px; margin-bottom: 14px; border: 0 none; width: 400px; } h5 { font-family:'fontin_smallcapsregular'; font-size: 16px; font-weight: 300; color: #323232; padding: 0 0 10px 0px; } h6 { font-family:'fontin_smallcapsregular'; font-size: 16px; color: #103e9b; padding: 0px 0 19px 0px; font-weight: 300; line-height: 6px; } strong { font-weight: 700; } a { color: #585758; text-decoration:none; } ul { margin: 0 0 15px 0; padding: 0 0 12px 0; } li strong { display: block; color: #726c6a; margin-bottom: 5px;} .clear { clear: both; } a img { border: none 0; margin:0;} header { color: #f1c0c3; width: 100%; height:106px; position: relative; border-top: solid 2px #802025; background:-moz-linear-gradient(18% 67% 90deg, #b92b34, #861e25 100%); background: #b92b34; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b92b34), to(#861e25)); background: -webkit-linear-gradient(#b92b34, #861e25); background: -moz-linear-gradient(#b92b34, #861e25); background: -ms-linear-gradient(#b92b34, #861e25); background: -o-linear-gradient(#b92b34, #861e25); background: linear-gradient(#b92b34, #861e25); -pie-background: linear-gradient(#b92b34, #861e25); behavior: url(/PIE.htc); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b92b34, endColorstr=#861e25); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b92b34, endColorstr=#861e25)"; } #content { width: 100%; } #container { position: relative; width: 960px; margin: 0 auto; padding: 0 25px; } #container_inner { position: relative; width: 960px; margin: 0 auto; } /*-----------------------------------*/ /* Theme Styles /*-----------------------------------*/ .absolute { position: absolute; top:-108px; left: 25px; display: block; width: 296px; z-index: 1; } .logo a{ background:url(../images/logo.jpg) no-repeat; display:block; width: 296px; height: 108px; text-indent: -999px;} .absolute a img { margin: 0; padding:0; border:0 none;} .links_side { width: 296px; background: -moz-linear-gradient(18% 67% 90deg, #fdfdfd, #f6f6f6 100%); background: #fdfdfd; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#f6f6f6)); background: -webkit-linear-gradient(#fdfdfd, #f6f6f6); background: -moz-linear-gradient(#fdfdfd, #f6f6f6); background: -ms-linear-gradient(#fdfdfd, #f6f6f6); background: -o-linear-gradient(#fdfdfd, #f6f6f6); background: linear-gradient(#fdfdfd, #f6f6f6); -pie-background: linear-gradient(#fdfdfd, #f6f6f6); behavior: url(/PIE.htc); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd, endColorstr=#f6f6f6); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd, endColorstr=#f6f6f6)"; } .number { position: relative; float:right; width: 169px; background-color:#c14a51; padding: 0px 5px; font-family: "Arial Rounded MT Bold", "Arial Black" ; font-size: 12px; } .number p { background:url(../images/phone.jpg) no-repeat left top; line-height: 26px; padding: 0 0 0 42px;} nav { padding-top: 28px; position: relative; float:right; clear:both; } #main { position:relative; width: 100%; display: block; background: url(../images/bg_loop.jpg) repeat-x top left; } #main #container { background: #fff; position:relative; padding-bottom: 20px; } .banner { float: right; padding: 27px 0px 0px 24px; margin:0px; position:relative;} #main aside { float: left; } #middle { position: relative; background: url(../images/down_bg_loop.jpg) repeat-x bottom left; border-bottom: solid 1px #fff; } .clients { background-color: #f6f6f6; padding: 10px; position:relative; width: 940px; } .name { display: block; background: #e1e1e1; float: left; margin-right: 20px; padding:20px 30px; color:#6c6c6c; font-size: 20px; font-family:"Franklin Gothic Medium Cond"; width: 74px; text-align: right; line-height: 22px;} .content_part { padding-top: 25px; position: relative; padding-bottom: 25px;} aside.red_box { width: 190px; padding: 20px 30px; float:right; margin-left: 20px; position:relative; background-color: #d3767d; color: #FFF; } .red_box h2 { color: #fff; font-family: "Franklin Gothic Medium Cond"; border-bottom: solid 1px #cbc9c9; margin-bottom: 10px; } .red_box p.company_name { color: #fff; font-family: 16px;} .red_box a { color: #fff; } aside.grey_box { width: 190px; padding: 20px 30px; float:right; margin-left: 25px; position:relative; background-color: #ececed; color: #686868; } .grey_box h2 { color: #707070; font-family: "Franklin Gothic Medium Cond"; border-bottom: solid 1px #cbc9c9; margin-bottom: 10px; } .grey_box a { color: #707070; } .listing_customizing { margin: 10px 0px 0px 0px; float: left; } .listing_customizing li { padding: 0px 10px 5px 0px; list-style-type:square; margin-left: 15px; } .listing_customizing_left { margin: 10px 0px 0px 0px; float: left; } .listing_customizing_left li { padding: 0px 10px 5px 0px; list-style-type:square; margin-left: 15px; float:left; } a.fix_anchor { background: none transparent; padding:0px; } .welcome { float:left; width: 405px;} .welcome .readmore { display: block; float: left; padding: 5px 15px; color: #FFF; background: #d3767c; font-weight: bold; margin-top: 10px;} .welcome_inner { width: 960px;} .welcome_inner_contact { float:left; width: 640px; } .welcome_inner .readmore { display: block; float: left; padding: 5px 15px; color: #FFF; background: #d3767c; font-weight: bold; margin-top: 10px;} .products_link { width: 257px; margin: 0 auto; padding-bottom: 8px} .products_link h3 { font-family: "Franklin Gothic Medium Cond"; font-size: 18px; padding: 15px 8px 22px; background: url(../images/products_down.gif) no-repeat bottom left; margin-bottom:0px; } ul.product_list { margin: 0px; padding:0px;} ul.product_list li { list-style:none; background:url(../images/divider.png) no-repeat left bottom; padding-bottom: 15px; padding-top: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style: none; display: block; } ul.product_list li a { background: url(../images/bullet.jpg) no-repeat left 4px; display:block; padding-left: 20px; } .image_box { float: left; margin-right: 15px; width: 173px;} .image_box p { text-align: center;} .margin_right { margin-right: 10px;} .no_margin { margin:0px; } footer { color: #686868; padding: 15px 0; border-top: solid 1px #e0e0e1; position: relative; background:-moz-linear-gradient(80% 20% 90deg, #efeff1, #ffffff 90%); background: #efeff1; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efeff1), to(#ffffff)); background: -webkit-linear-gradient(#efeff1, #ffffff); background: -moz-linear-gradient(#efeff1, #ffffff); background: -ms-linear-gradient(#efeff1, #ffffff); background: -o-linear-gradient(#efeff1, #ffffff); background: linear-gradient(#efeff1, #ffffff); -pie-background: linear-gradient(#efeff1, #ffffff); behavior: url(/PIE.htc); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efeff1, endColorstr=#ffffff); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#efeff1, endColorstr=#ffffff)"; } footer a { color: #686868; font-weight: normal;} .lbm { float: right; text-align: right;} .lbm p { text-align: right; } .lbm a { color: #b72b34;} .text{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding-left:10px; } .sub-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666; padding-left: 20px; }