/* ### GENERAL ### */ * { margin: 0px; padding: 0px; } body { background:url(../images/body_bg1.jpg) top repeat-x #ededed; font:12px Arial, Helvetica, sans-serif; color:#4f4f4f; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} /* ### GLOBAL CLASSES ### */ .clear { clear: both; margin:0px; padding:0px; } a{ color:#6db51c; text-decoration:underline; border:none;} a:hover{ text-decoration:none;} /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { width: 100%; margin: 0 auto;} /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 980px; margin:0 auto; height: 130px; overflow:hidden; } #headerCntr h1 { padding:47px 0px 40px 0px; overflow: hidden; float:left;} #headerCntr h1 a { display: block; width: 369px; height:45px; overflow: hidden; text-indent: -9999px; } /* ### MENU CONTAINER ### */ #menuCntr { margin-top: 46px; width:474px; overflow:hidden; float:right; background: url(../images/menu_bg.jpg) repeat-x;} #menuCntr .left{ width:574px; background: url(../images/menu_left.jpg) left top no-repeat;} #menuCntr .right{ padding:0px 7px 0px 22px; height: 45px; overflow:hidden; width:445px; background: url(../images/menu_right.jpg) right top no-repeat;} #menuCntr ul{ width: 420px;} #menuCntr li{ padding:11px 8px 0px 17px; list-style: none; float:left;} #menuCntr li a { color:#000; text-decoration: none; font-family: Helvetica; font-size: 16px; } #menuCntr li a:hover {text-decoration: none; height:31px; } #menuCntr li a.select {text-decoration: none; height:31px; } /* ### SEARCH BOX ### */ .searchbox{ margin-top:9px; width:125px; height:27px; float: right; background:url(../images/search_bg.jpg) left top no-repeat; } .searchbox form{ margin:0px;} .searchbox fieldset{ margin:0px; border:0px; padding:0px;} .searchbox input{ padding:4px 3px 0px 10px; float:left; width:85px; height:14px; border: none; background:none; display:inline-block; font-size:12px; color:#dadada;} .searchbox img{ padding:4px 4px 0px 0px; float: right; border:none;} /* ### BANNER CONTAINER ### */ #bannerCntr { width:100%; height:369px; background:url(../images/slider_bg.jpg) left top repeat-x; } #bannerCntrinner { width: 980px; height:335px; position: relative; margin:0 auto; overflow: hidden; background: url(../images/banner_bg1.jpg) left top no-repeat;} /* ### TEXT BOX ### */ .textBox{ padding:66px 0px 0px 28px; float: left; width: 340px; overflow: hidden; } .textBox h2 {font-weight: bold; font-size:30px; color:#d3d3d3;} .textBox p{ padding:23px 0px 26px 0px; color:#fff; font-size:12px; line-height:20px;} .textBox a{ margin-right:10px; font-size:11px; width:105px; float:left; font-family:Myriad Pro; text-transform:uppercase; color:#303030; display:block; line-height:28px; text-decoration:none; text-align:center; background:url(../images/read_more.jpg) left top no-repeat;} .textBox a.button{ font-size:11px; width:105px; float:left; font-family:Myriad Pro; text-transform:uppercase; color:#303030; display:block; line-height:28px; text-decoration:none; text-align:center; background:url(../images/read_more1.jpg) left top no-repeat;} .textBox a:hover{text-decoration: none;} /* ### BANNER BOX ### */ .bannerBox{ padding:0px 0px 0px 0px; margin: 10px -4px 0 0; float: right; width: 544px; overflow: hidden; } .bannerBox .image{ float:left;} .priev{ width:33px; float:left; height:26px; padding-top:154px;} .next {width:33px; float: right; height:26px; padding-top:154px;} /* ### HEADING BOX ### */ .headingBox {width: 100%; height:133px; background: url(../images/heading_bg.jpg) left top repeat-x; } .headingBox .heading { width:980px; margin:0 auto; } .headingBox .heading h2 { padding-top: 35px; font-size: 36px; color: #1a1a1a; font-weight: bold; } .headingBox .heading .image1{ padding-top:10px; float:right;} .headingBox .heading.image2{ padding-top: 9px; float:right;} /* ### CONTENT CONTAINER ### */ #contentCntr { overflow: hidden; width:100%;} #contentCntr .center{ width:980px; overflow:hidden; margin: 0 auto;} /* ### LEFT CONTAINER ### */ #leftCntr{ width: 632px; float:left; overflow:hidden;} /* ### ABOUT BOX ### */ .aboutBox{ padding-top:29px; width:632px; } .aboutBox h2 { padding-bottom:19px; font-weight:normal; font-family: Myriad Pro; line-height:24px; font-size:24px; color:#000; background:url(../images/border.jpg) bottom repeat-x;} .aboutBox h2 span{ display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4848; font-style:italic;} .aboutBox p{ padding-top:23px; font-size:12px; color:#4f4f4f; line-height:20px;} .aboutBox img{ margin: 26px 23px 0px 0px; float:left; border: solid #c6d3e3 6px;} .aboutBox a{ font-size:12px; width:92px; float: right; color:#fff; display:block; line-height:26px; text-decoration:none; text-align:center; background:url(../images/read_more2.jpg) left top no-repeat;} .aboutBox a:hover{ background:url(../images/read_more_hover.jpg) left top no-repeat;} .aboutBox .border{ padding-bottom:40px; margin-bottom:44px; background:url(../images/border.jpg) bottom repeat-x;} /* ### TEXT BOX ### */ .textBox1 { padding-top:29px; width:632px; } .textBox1 h2 { padding-bottom:19px; font-weight:normal; font-family: Myriad Pro; line-height:24px; font-size:24px; color:#000; background:url(../images/border.jpg) bottom repeat-x;} .textBox1 h2 span{ display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4848; font-style:italic;} .textBox1 p span{ font-size:12px; font-style:italic; color:#4f4f4f; line-height:20px;} .textBox1 p{ padding-top:23px; font-size:12px; color:#4f4f4f; line-height:20px;} /* ### SERVICE BOX ### */ .serviceBox{ padding:56px 0px 42px 0px; overflow:hidden; width:632px; background:url(../images/border.jpg) bottom repeat-x; } .serviceBox h2 { padding-bottom:19px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#000; background:url(../images/border.jpg) bottom repeat-x;} .serviceBox h2 span{ display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4848; font-style:italic;} .serviceBox p{ padding:27px 0px 0px 0px; font-size:12px; color:#4f4f4f; line-height:20px;} .serviceBox p span{font-size:16px; color:#4f4f4f; line-height:20px;} .serviceBox img{ margin: 34px 53px 80px 0px; float:left; background:no-repeat;} .serviceBox a{ margin: 30px 330px 0px 0px; font-size:12px; width:110px; color:#fff; float:right; display:block; line-height:32px; text-decoration:none; text-align:center; background:#000000;} .serviceBox a:hover{ background:#1c79c6; } .serviceBox.lasst{ padding-bottom:82px; background:none;} /* ### PORTFOLIO BOX ### */ .portfolioBox{ padding:56px 0px 42px 0px; overflow:hidden; width:632px; background:url(../images/border.jpg) bottom repeat-x; } .portfolioBox h2 { padding-bottom:19px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#000; background:url(../images/border.jpg) bottom repeat-x;} .portfolioBox h2 span{ display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4848; font-style:italic;} .portfolioBox p{ padding:27px 0px 0px 0px; font-size:12px; color:#4f4f4f; line-height:20px;} .portfolioBox p span{font-size:16px; color:#4f4f4f; line-height:20px;} .portfolioBox img{ margin: 34px 23px 0px 0px; float:left; border: solid 6px #c6d3e3;} .portfolioBox a{ margin: 30px 330px 0px 0px; font-size:12px; width:110px; color:#fff; float:right; display:block; line-height:32px; text-decoration:none; text-align:center; background:#000000;} .portfolioBox a:hover{ background:#1c79c6; } .portfolioBox.lasst{ padding-bottom:82px; background:none;} /* ### CONTACT BOX ### */ .contactinnerBox{ padding:20px 0px 76px 0px; width:632px; overflow:hidden;} .contactinnerBox input.filed1{ padding: 7px 5px 5px 8px; width:532px; height:20px; border:none; background:url(../images/input_bg.jpg) 0px 0px no-repeat;} .contactinnerBox label{ padding-top:10px; width:546px; height:16px; display:block; font:12px Arial, Helvetica, sans-serif; color:#686868; text-align: left; vertical-align:top; font-weight:bold;} .contactinnerBox textarea{ padding:5px 5px 5px 8px; width:532px; height:132px; border:none;background:url(../images/textarea_bg.jpg) 0px 0px no-repeat; } .contactinnerBox input.button{ margin:0px 0px 0px 0px; float:left; background:url(../images/send.jpg) 0px 0px no-repeat; width:157px; height:37px; border:none; cursor:pointer; } /* ### RIGHT CONTAINER ### */ #rightCntr{ width: 292px; float: right; overflow:hidden;} /* ### TESTIMOIALS BOX ### */ .testimonialsBox{ padding:29px 0px 45px 0px; width:292px;} .testimonialsBox h3 { padding-top:15px; text-align:center; font-weight:normal; font-size:20px; color:#000;} .testimonialsBox p{ padding-top:23px; font-size:12px; color:#4f4f4f; line-height:18px;} .testimonialsBox span{ padding-top:15px; display:block; text-align:right;font-size:12px; font-weight:bold; color:#4f4f4f; font-style:italic;} /* ### LETESTS BOX ### */ .letestBox{ padding-top:11px; width: 289px; overflow:hidden; background:url(../images/letest_top.png) left top no-repeat;} .letestBox .middle{ width:289px; overflow:hidden; background:url(../images/letest_bg.png) left top repeat-y;} .letestBox .bottom{ padding-bottom:11px;overflow:hidden; width:289px; background:url(../images/letest_bottom.png) left bottom no-repeat;} .letestBox h3 { padding:13px 0px 21px 44px; margin-left:24px; font-weight:normal; font-size:20px; color:#000; background:url(../images/latest_icon.jpg) left top no-repeat;} .letestBox p{ padding:0px 15px 25px 24px; font-size:12px; color:#696969; line-height:18px;} .letestBox a { display:block;text-decoration:none; font-weight:bold; font-size:12px; color:#696969;} .letestBox a:hover{ color:#98be2d;} /* ### QUICK BOX ### */ .quickBox{ padding-top:11px; width: 289px; margin-top:18px;overflow:hidden; background:url(../images/letest_top.png) left top no-repeat;} .quickBox .middle{ width:289px; overflow:hidden; background:url(../images/letest_bg.png) left top repeat-y;} .quickBox .bottom{ padding-bottom:11px;overflow:hidden; width:289px; background:url(../images/letest_bottom.png) left bottom no-repeat;} .quickBox h3 { padding:10px 0px 10px 44px; margin-left:24px; font-weight:normal; font-size:20px; color:#000; background:url(../images/quick_icon1.jpg) left top no-repeat;} .quickBox p{ padding:0px 15px 5px 24px; font-size:12px; color:#696969; line-height:18px;} /* ### TOP CONTAINER ### */ #topCntr{ padding: 0px 0px 56px 0px; width: 980px; overflow:hidden; margin:0 auto;} /* ### WELCOME BOX ### */ .welcomeBox{ padding-top:29px; width:555px; float:left; overflow:hidden;} .welcomeBox h2 { font-weight:normal; font-family: Myriad Pro; line-height:24px; font-size:24px; color:#000;} .welcomeBox h2 span{ display:block;font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4848; font-style:italic;} .welcomeBox p{ padding-top:23px; font-size:12px; color:#4f4f4f; line-height:20px;} .welcomeBox img{ margin: 26px 23px 0px 0px; float:left; border: solid #c6d3e3 6px;} .welcomeBox a{ font-size:12px; width:92px; float: right; color:#fff; display:block; line-height:26px; text-decoration:none; text-align:center; background:url(../images/read_more2.jpg) left top no-repeat;} .welcomeBox a:hover{ background:url(../images/read_more_hover.jpg) left top no-repeat;} /* ### CLIENT BOX ### */ .clientBox{ padding-top:34px; width:410px; float: right; overflow:hidden;} .clientBox h2 { padding:7px 0px 11px 17px; margin-bottom:19px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff; background:url(../images/heading_img.jpg) left top no-repeat;} .clientBox img{ margin: 26px 23px 0px 0px; float:left; border: solid #c6d3e3 6px;} .clientBox p{ padding-top:23px; font-size:12px; color:#4f4f4f; line-height:20px;} .clientBox .image{ margin: 0px 10px 12px 0px; float:left; border: solid #c6d3e3 5px;} .clientBox .last{ margin-right:0px; float:left;} .clientBox a{padding:12px 0px 11px 16px; margin-top:7px;font-size:12px; color:#fff; display:block; text-decoration:none; background:url(../images/client_button.jpg) left top no-repeat;} .clientBox a:hover{ text-decoration:underline;} /* ### CENTER CONTAINER ### */ #centerCntr { padding:0px 0px 50px 0px; width: 980px; overflow: hidden; margin:0 auto;} /* ### OPTIMAL BOX ### */ .optimalBox{ padding-right:65px; width:283px; float:left; overflow:hidden;} .optimalBox h2 { padding-bottom:23px; font-weight:normal; font-family: Myriad Pro; line-height:24px; font-size:24px; color:#000;} .optimalBox h2 span{ display:block;font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4848; font-style:italic;} .optimalBox p{ padding-top:29px; font-size:12px; color:#4f4f4f; line-height:20px;} .optimalBox img{border: solid #c6d3e3 6px;} .optimalBox a{ font-size:12px; width:92px; float: right; color:#fff; display:block; line-height:26px; text-decoration:none; text-align:center; background:url(../images/read_more2.jpg) left top no-repeat;} .optimalBox a:hover{ background:url(../images/read_more_hover.jpg) left top no-repeat;} .optimalBox.unlimitedBox{ padding-right:0px; width:283px; float:left; overflow:hidden;} .optimalBox.supportBox{ padding:0px 0px 72px 0px; width:283px; float:left; overflow:hidden;} /* ### BOTTOM CONTAINER ### */ #bottomCntr { width: 100%; overflow: hidden; background:url(../images/bottom_content_bg.jpg) repeat-x;} #bottomCntrinner { padding:34px 0px 33px 0px; width: 980px; overflow: hidden; margin:0 auto;} /* ### WHAT BOX ### */ .whatBox{ padding-right:60px; width:282px; overflow:hidden; float:left;} .whatBox h3 { padding-bottom:13px; margin-bottom:27px; font-weight:normal; font-size:20px; color:#c8c8c8; background: url(../images/h3_border.jpg) bottom repeat-x ; } .whatBox p{ font-size:12px; color:#9e9c9c; line-height:20px;} .whatBox .first{ font-size:12px; font-style:italic; color:#9e9c9c; line-height:20px;} .whatBox img{margin-right:19px; border: solid #1d1d1d 6px; float:left} /* ### CONTACT BOX ### */ .contactBox{ width:288px; overflow:hidden; float:left;} .contactBox h3 { padding-bottom:13px; font-weight:normal; font-size:20px; color:#c8c8c8; background: url(../images/h3_border.jpg) bottom repeat-x ; } .contactBox p{ padding:18px 0px 16px 0px; font-size:12px; color:#9e9c9c; line-height:20px;} .contactBox a { color: #9e9c9c; text-decoration: none; } .contactBox a:hover { text-decoration: underline; } .contactBox address{ font-size:12px; color:#9e9c9c; line-height:20px;} /* ### FOOTER CONTAINER ### */ #footerCntr {width:100%; overflow: hidden; background:url(../images/footer_bg.jpg) repeat-x;} #footerCntrinner{ padding-top:24px; height: 55px; width: 980px; margin:0px auto;} /* ### FOOTER MENU ### */ .footermenu {padding:0px 0px 12px 0px; overflow:hidden; } .footermenu ul { padding:0px 0px 0px 0px ; float:right;} .footermenu ul li{ padding:10px 12px; list-style: none; float:left; background:url(../images/footer_line.jpg) left no-repeat;} .footermenu ul li a {color:#6c6b6b; font-size:12px; text-decoration:none;} .footermenu ul li a:hover { text-decoration: underline; color:#FFFFFF;} .footermenu ul li.last{ padding-right:0px; background:none;} .footermenu img{ float:right; margin-right:12px; border:none;} .footermenu p{ padding-top:7px; float:left; color: #6c6b6b; font-size: 12px;} .footermenu p a { color: #6c6b6b; text-decoration: none; } .footermenu p a:hover { text-decoration: underline; }