.clear { margin:0px; padding:0px; clear:both;} @font-face { font-family: 'BellGothicBTBold'; src: url('belgothb-webfont.eot'); src: local('.'), url('belgothb-webfont.woff') format('woff'), url('belgothb-webfont.ttf') format('truetype'), url('belgothb-webfont.svg#webfontjO0dpDvE') format('svg')} /*---------------Comman-----------------------*/ body { background:url(../images/bg.gif) top center repeat-x; margin:0px; padding:0px; line-height:20px; font:13px Arial,Helvetica, sans-serif; color:#333; behavior: url("csshover3.htc"); text-align:justify; } h1{font:20px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; margin:0px; padding:0px 0px 5px 0px; border-bottom:1px solid #006a96;} h2{font:18px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; margin:0px; padding:0px;} h3{font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; margin:0px; padding:0px;} h4{font:14px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; margin:0px; padding:0px;} a, a:active {text-decoration:none; color:#333;} a:hover {text-decoration:underline; color:#006a96;} p { line-height:22px; text-align:justify;} strong {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#444;} /*---------------Old Css-----------------------*/ ul, li, br, hr { margin:0; padding:0; } #button_slab .one { float:left; width:auto; margin:0 20px 0 auto; } .one_img_button { float:left; width:auto; margin:0 22px 0 22px; } #div ul { list-style:none; margin:0; padding:0; } #div li { float:left; width:100px; text-align:center; margin:0; padding:0; } #div li a { display:block; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #FFF; background:url(Images/bgy.html) repeat 0 0; padding:5px 10px; } #div li a:hover,li a:focus,li a:active { background-position:-150px 0; } #div a { background:url(Images/bgy.html) repeat 0 0; } .testimonial_logo_bg { background:url(../images/testimnial_logo_bg.jpg) no-repeat top left; float:left; width:156px; height:103px; padding:0; } .testimonial_logo_img { margin:10px 0 0 11px; } .p_end_border { border-bottom:1px solid #ececec; margin:5px 0 10px; } .p_form_light_txt { color:#CCCCCC; } .Btn_a_type { cursor:pointer; text-align:left; text-decoration:none; border:0; width:auto; font-size:11px; font-weight:bold; color:#CCCCCC; background:transparent url(../images/read_more_h.jpg) no-repeat scroll right 0; height:22px; float:left; padding:0 10px 0 0; } .Btn_a_type span { background:transparent url(../images/read_more_h.jpg) no-repeat scroll left 0; color:#666666; float:left; width:auto; line-height:22px; padding:0 0 0 10px; } .Btn_a_type_request { cursor:pointer; text-align:left; text-decoration:none; border:0; display:block; font-size:11px; font-weight:bold; color:#CCCCCC; background:transparent url(../images/request_quote.jpg) no-repeat scroll right 0; height:22px; float:left; padding:0 10px 0 0; } .Btn_a_type_request span { background:transparent url(../images/request_quote.jpg) no-repeat scroll left 0; color:#666666; display:block; float:left; line-height:22px; padding:0 0 0 10px; } .Btn_a_type:hover,.Btn_a_type_request:hover { background-position:right -22px; } .Btn_a_type:hover span,.Btn_a_type_request:hover span { background-position:left -22px; } .heading { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#FFF; line-height:32px; } /*---------------Quick Page Navigation-----------------------*/ ul.quickaccess { margin:0px 0px 0px 10px; padding:0px; } ul.quickaccess li {list-style:none; display:inline; padding:0px 10px 0px 0px; font:12px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#000; } ul.quickaccess li:after{content: " >"; } ul.quickaccess li a {text-decoration:none; color:#000; font:12px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#000; } ul.quickaccess li a:hover {text-decoration:underline; color:#006a8d; font-size:12px !important; } /*---------------Header Links---------------------*/ .quicklinks ul { margin:0px; padding:0px; } .quicklinks li { display:inline; margin:0px; padding:0px; list-style:none; padding-left:10px; } .quicklinks a.homeli { color:#fff; background:url(../images/homeicon.gif) 0px 2px no-repeat; text-decoration:none; padding-left:16px; font:11px Tahoma, Arial, Helvetica, sans-serif; } .quicklinks a.contactli { color:#fff; background:url(../images/contacticon.gif) 0px 3px no-repeat; text-decoration:none; padding-left:16px; font:11px Tahoma, Arial, Helvetica, sans-serif; } .quicklinks a.sitemapli { color:#fff; background:url(../images/sitemapicon.gif) 0px 2px no-repeat; text-decoration:none; padding-left:18px; font:11px Tahoma, Arial, Helvetica, sans-serif; } .quicklinks a:hover { color:#fff; text-decoration:underline; } /*---------------Main Menu---------------------*/ .menunav ul { margin:0px; padding:0px; } .menunav li { list-style:none; display:inline; } .menunav li a { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#000; padding:5px 0px 5px 7px; _padding:0px 0px 0px 7px; line-height:30px; } .menunav li a span { padding:5px 7px 5px 0px; line-height:30px; } .menunav li a:hover, a.selected { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; padding:5px 0px 5px 7px; _padding:0px 0px 0px 7px; line-height:30px; background:url(../images/menubg.gif) top left no-repeat; } .menunav li a:hover span, a.selected span { padding:5px 7px 5px 0px; line-height:30px; background:url(../images/menubg.gif) right bottom no-repeat; } .menunav li a.selected { color:#006a96;} /*.menunav ul { margin:0px; padding:0px; } .menunav li { list-style:none; display:inline; } .menunav li a { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#000; padding:5px 0px 5px 7px; line-height:30px; } .menunav li a span { padding:5px 7px 5px 0px; line-height:30px; } .menunav li a:hover, a.selected { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; padding:5px 0px 5px 7px; line-height:30px; background:url(../images/menubg.gif) top left no-repeat; } .menunav li a:hover span, a.selected span { padding:5px 7px 5px 0px; line-height:30px; background:url(../images/menubg.gif) right bottom no-repeat; } .menunav li a.selected { color:#006a96;}*/ /*---------------Social Links---------------------*/ .social { font:normal 14px Helvetica, Arial, sans-serif; color:#006c90; background:url(../images/social.gif) top left repeat-x; } .social a { text-decoration:none; color:#0186b2; } .social a:hover { text-decoration:underline; color:#0186b2; } /*-----------Bottom----------------*/ #bottom {width:100%; height:230px; margin:0 auto; background:url(../images/bottombg.gif) repeat-x;} #bottom .btinner {width:980px; margin:0 auto; padding:18px 0px 0px 0px; color:#c1efff; line-height:20px;} #bottom .btinner h1 { font:18px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#c1efff; margin:0px; padding:0px; line-height:38px;} #bottom .btinner ul { margin:0px; padding:0px;} #bottom .btinner ul li { list-style-image:url(../images/btlibg.gif); margin-left:14px; font:12px Arial, Helvetica, sans-serif; color:#c1efff; line-height:20px;} #bottom .btinner a, a:active { text-decoration:none; color:#c1efff;} #bottom .btinner a:hover { text-decoration:none; color:#fff;} #bottom .btdivider {width:7px; height:149px; margin:0px; padding:0px 68px 0px 68px; background:url(../images/bottom-divider.png) top center no-repeat; float:left;} #bottom .btservices {float:left; margin:0 auto; padding:0px 0px 0px 24px;} #bottom .btaddress {float:left; margin:0 auto; padding:0px;} #bottom .btvalidate {float:right; width:200px; margin:0 auto; padding:42px 24px 0px 0px; text-align:right; font:11px Tahoma, Arial, Helvetica, sans-serif; line-height:20px;} #bottom .btvalidate span { padding:8px 0px 8px 10px;} #bottom .btinner ul.links { margin:10px 0px; padding:0px;} #bottom .btinner ul.links li { list-style:none; display:inline; padding:0px 4px 0px 4px; margin:0px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#51a3c0;} #bottom .btinner ul.links li a {text-decoration:none; color:#c1efff;} #bottom .btinner ul.links li a:hover {text-decoration:underline; color:#fff;} /*-----------Left Navigation----------------*/ #leftnav {width:243px; margin:0px auto; padding:0px;} #leftnav .head {width:229px; height:37px; background:url(../images/leftnavhead.gif) top left no-repeat; float:left; margin:0px; padding:8px 0px 0px 14px; font:22px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#0488b3; text-align:left;} #leftnav .middle {width:243px; background:url(../images/leftnavcenter.gif) top left repeat-y; float:left; margin:0px; padding:0px; clear:both;} #leftnav .middle ul {margin:0px; padding:0px; text-align:left;} #leftnav .middle li { list-style:none; display:inline; margin:0px;} #leftnav .middle li a{ display: block; background:url(../images/leftlibg.gif) top left no-repeat; padding:9px 0px 9px 24px; margin:0px 1px 0px 1px; text-decoration:none; color:#333;} #leftnav .middle li a:hover{ background:url(../images/leftlibg.gif) 0px -35px no-repeat; text-decoration:none; color:#00769c;} #leftnav .middle li a.current { background:url(../images/leftlibg.gif) 0px -35px no-repeat; text-decoration:none; color:#00769c;} #leftnav .middle li li a{ border-bottom:1px dotted #CCCCCC; margin:0px 10px 0px 18px; padding:7px 0px 7px 16px; background:url(../images/leftlilibg.gif) top left no-repeat;} #leftnav .middle li li a:hover{border-bottom:1px dotted #CCCCCC; background:url(../images/leftlilibg.gif) 0px -34px no-repeat;} #leftnav .middle li li a.current{border-bottom:1px dotted #CCCCCC; background:url(../images/leftlilibg.gif) 0px -34px no-repeat;} #leftnav .middle li li li a{ border-bottom:1px dotted #CCCCCC; margin:0px 10px 0px 32px; padding:7px 0px 7px 16px; background:url(../images/leftlilibg.gif) top left no-repeat;} #leftnav .middle li li li a:hover{border-bottom:1px dotted #CCCCCC; background:url(../images/leftlilibg.gif) 0px -34px no-repeat;} #leftnav .middle li li li a.current{border-bottom:1px dotted #CCCCCC; background:url(../images/leftlilibg.gif) 0px -34px no-repeat;} #leftnav .bottom {width:243px; height:4px; background:url(../images/leftnavbottom.gif) top left no-repeat; float:left; margin:0px; padding:0px; clear:both;} #queryform {width:243px; height:360px; margin:0 auto; background:url(../images/formbg.gif) 0px 36px no-repeat; } #queryform .head {width:227px; margin:0px; padding:0px; height:37px; margin:0px; padding:8px 0px 16px 14px; font:22px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#0488b3; text-align:left; float:left;} #queryform ul { margin:0px; padding:0px;} #queryform li {position:relative; list-style:none; text-align:left; clear:both; padding:18px 0px; _padding:10px 0px;} #queryform li label { display:block; float:left; margin:0px; padding:0px 0px 0px 12px; position:absolute;} #queryform li .name {width:161px; height:26px; display:block; border:0px; padding-left:24px; left:70px; background:url(../images/namefield.gif) top left no-repeat; position:absolute; font:11px Tahoma, Arial, Helvetica, sans-serif;} #queryform li .phone {width:161px; height:26px; display:block; border:0px; padding-left:24px; left:70px;background:url(../images/phonefield.gif) top left no-repeat; position:absolute; font:11px Tahoma, Arial, Helvetica, sans-serif;} #queryform li .email {width:161px; height:26px; display:block; border:0px; padding-left:24px; left:70px; background:url(../images/emailfield.gif) top left no-repeat; position:absolute; font:11px Tahoma, Arial, Helvetica, sans-serif;} #queryform li .about {width:161px; height:26px; display:block; border:0px; padding:3px; left:70px; background:url(../images/selectfiled.gif) top left no-repeat; position:absolute; font:11px Tahoma, Arial, Helvetica, sans-serif;} #queryform li .enquiry {width:151px; height:62px; display:block; border:0px; padding:5px 5px 10px 5px; left:70px; font:11px Tahoma, Arial, Helvetica, sans-serif; background:url(../images/queryfield.gif) top left no-repeat; position:absolute;} #queryform li .submit{width:113px; height:35px; display:block; border:0px none; left:96px; background:url(../images/formsubmit.gif) top left no-repeat; position:absolute; font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#fff; margin-top:46px;} #queryform li .submit:hover{background:url(../images/formsubmit.gif) bottom left no-repeat; font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#000; cursor:pointer;} /*.portfolioimg { width:187px; height:172px; background:url(../images/portfoliobg.gif) top left no-repeat; padding:8px; text-align:center; } .portfolioimg img{ border:1px solid #cbcbcb; margin-bottom:16px; } .portfolioimg:hover { width:187px; height:172px; background:url(../images/portfoliobg.gif) top right no-repeat; padding:8px; color:#006a96;} .portfolioimg:hover img{ border:1px solid #cbcbcb; } .portfolioimg a { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#000; clear:both;} .portfolioimg a:hover { font:16px 'BellGothicBTBold', Arial, Helvetica, sans-serif; color:#006a96; clear:both; text-decoration:none;}*/ .portfolio { text-align:center;} .portfolio a.siteurl { font:11px Tahoma, Arial, Helvetica, sans-serif; color:#333; display:block; padding:5px;} .portfolio a.siteurl:hover { color:#006a96; text-decoration:underline;} .portfolioimg { border:8px solid #f3f3f3; padding:1px; background:#e6e6e6; outline:1px solid #e6e6e6; } .portfolioimg:hover { border:8px solid #008bb9; padding:1px; background:#fff; outline:1px solid #d2faff; } .googleopt {border-width:1px 1px 0px 0px; border-color:#CCCCCC; border-style:solid;} .googleopt td {border-width:0px 0px 1px 1px; border-color:#CCCCCC; border-style:solid;} /*********************** Contact ID's Popup css ***************************************/ .pop-div{width:246px;height:119px;background:url(../images/pop_bg.gif) no-repeat;position:absolute;visibility:hidden;margin:3px 0 0 0px; z-index:9999;} .pop-div .pop_text a{color:#ff0000 !important;text-decoration:none;} .pop-div_inner{width:246px;height:119px;background:url(../images/pop_bg.gif) no-repeat;position:absolute;visibility:hidden;z-index:501;margin:1px 0 0;} .pop-div_inner .pop_text a{color:#ff0000 !important;text-decoration:none; } .pop-div .pop_text,.pop-div_inner .pop_text{font:normal 12px Arial, Helvetica, sans-serif;color:#383333;line-height:20px;padding:15px 0 0 13px;} .pop-div .pop_text a:hover,.pop-div_inner .pop_text a:hover{color:#ff0000 !important;text-decoration:underline;} .pop-div .close,.pop-div_inner .close{width:64px;height:18px;float:right;display:inline;margin-top:13px;margin-right:15px;} .msn {background:url(../images/msn.png) top left no-repeat; padding:1px 10px 5px 28px; vertical-align:middle;} .yahoo {background:url(../images/yahoo.png) top left no-repeat; padding:5px 10px 5px 30px; vertical-align:middle;} .skype {background:url(../images/skype.png) top left no-repeat; padding:3px 10px 5px 28px; vertical-align:middle;} .gtalk {background:url(../images/googletalk.gif) top left no-repeat; padding:7px 10px 7px 36px; vertical-align:middle;}