BODY { background: URL(../images/mainbg.jpg) left top; margin: 0px; padding: 0px;} #mainwrapper { background: URL(../images/wrapperbg.jpg) repeat-x left top; margin: 0px; padding: 0px; width: 100%; float: left; position: relative;} #wrapper { width: 1003px; float: none!important; margin: 0px auto; padding: 0px;position: relative;} .pngfix { background: URL(../blank.gif);} .topheader { width: 1003px; height: 125px; float: left; position: relative; z-index: 10; display: block;} .logoarea { width: 290px; height: 110px; padding-top: 15px;float: left;} .topcontacts { width: 336px; height: 44px; float: right; margin-right: 25px; background: URL(../images/topcontactbg.png) no-repeat left top; padding-top: 7px; padding-left: 52px;} .topcontactbox { padding: 0px; float: left;} .topcontactbox_sep { background: URL(../images/topcontactboxsep.jpg) no-repeat left top; width: 2px; height: 36px; float: left;} a.skype { background: URL(../images/skype_norm.jpg) no-repeat left top; width: 58px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.skype:hover { background: URL(../images/skype_hover.jpg) no-repeat left top; width: 58px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.msn { background: URL(../images/msn_norm.jpg) no-repeat left top; width: 55px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.msn:hover { background: URL(../images/msn_hover.jpg) no-repeat left top; width: 55px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.yahoo { background: URL(../images/yahoo_norm.jpg) no-repeat left top; width: 51px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.yahoo:hover { background: URL(../images/yahoo_hover.jpg) no-repeat left top; width: 51px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.phone { background: URL(../images/phone_norm.jpg) no-repeat left top; width: 52px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.phone:hover { background: URL(../images/phone_hover.jpg) no-repeat left top; width: 52px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.email { background: URL(../images/email_norm.jpg) no-repeat left top; width: 53px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} a.email:hover { background: URL(../images/email_hover.jpg) no-repeat left top; width: 53px; height: 36px; display: block; float: left; text-indent: 5000px; overflow:hidden; font-size: 0px; line-height: 0px; cursor: pointer;} /************************* css for banner area ***************************/ #featured { width:631px; position:relative; height:241px; background:#000; } #featured h4 { font: bold 12px Arial; color: #ABCA0D; padding: 0px; margin: 0px; } #featured ul.ui-tabs-nav { position:absolute; top:0; left:425px; list-style:none; padding:0; margin:0; width:206px; } #featured ul.ui-tabs-nav li { padding:0px 0px 1px 0px; font-size:12px; color:#666; } #featured ul.ui-tabs-nav li img { float:left; margin:2px 5px; } #featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; line-height:18px; } span.viewsite { padding: 0px!important; margin: 0px!important; background: none!important; color: #FFFFFF!important; height: 0px!important; line-height: 12px!important; position: absolute; bottom: 17px; font: normal 12px Arial;left: 12px;} #featured li.ui-tabs-nav-item a {display:block; height:53px; padding-top: 6px; color:#949FA6; background:url(../images/normal.jpg) top left repeat-x; line-height:15px; text-decoration: none;position: relative; padding-left: 12px;} #featured li.ui-tabs-nav-item a:hover { background:url(../images/selected.jpg) top left repeat-x; } #featured li.ui-tabs-selected { background:url(../images/selected.jpg) top left repeat-x; } #featured ul.ui-tabs-nav li.ui-tabs-selected a { background:none;} #featured .ui-tabs-panel { width:400px; height:250px; position:relative;} #featured .ui-tabs-panel .info { position:absolute; top:170px; left:0; height:60px; background: url('images/transparent-bg.png'); } #featured .info h2 { font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0;overflow:hidden; } #featured .info p { margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;} #featured .info a { text-decoration:none; color:#fff; } #featured .info a:hover { text-decoration:underline; } #featured .ui-tabs-hide { display:none; } /*********************** CSS for banner area ends *****************************/ #navigation { height:60px; width: 979px; clear: both; padding: 0px 12px; } .container { margin: 0pt auto; width:1003px;} #home {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px;} #home a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: 0px -65px;} #home a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: 0px 0px;} #about {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 109px;} #about a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -109px -65px;} #about a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -109px 0px;} #services {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 218px;} #services a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -218px -65px;} #services a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -218px 0px;} #portfolio {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 327px;} #portfolio a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -327px -65px;} #portfolio a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -327px 0px;} #logos {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 436px;} #logos a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -436px -65px;} #logos a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -436px 0px;} #template {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 545px;} #template a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -545px -65px;} #template a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -545px 0px;} #package {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 654px;} #package a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -654px -65px;} #package a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -654px 0px;} #contact {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 763px;} #contact a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -763px -65px;} #contact a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -763px 0px;} #faq {float:left; position:absolute; font-size: 0px; overflow: hidden; line-height:0px; margin-left: 872px;} #faq a { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block;background-position: -872px -65px;} #faq a:hover { background-image: url(../images/navnew.png); background-repeat: no-repeat; width:107px; height: 75px; float: left; display: block; background-position: -872px 0px;} .homeactive a { background-position: 0px 0px!important;} .aboutactive a { background-position: -109px 0px!important;} .serviceactive a { background-position: -218px 0px!important;} .portfolioactive a { background-position: -327px 0px!important;} .logoactive a { background-position: -436px 0px!important;} .templateactive a { background-position: -545px 0px!important;} .packageactive a { background-position: -654px 0px!important;} .hostingactive a { background-position: -872px 0px!important;} .contactactive a { background-position: -763px 0px!important;} /*#home, #about, #services, #portfolio, #logos, #template, #package, #contact, #faq { background-image: url(../images/nav.png); background-repeat: no-repeat;top:125px; height:80px; position:absolute; float:left;} #home, #about, #services, #portfolio, #logos, #template, #package, #contact { margin-right: 2px;} #home a { background-position: 0px -30px; display: block; width:107px; height: 75px; float: left; text-indent:-30000px; overflow: hidden;} #home { background-position: 0px -10px;margin-left:6px;} #about { background-position: -108px -30px; margin-left:115px;} #services { background-position: -216px -30px;margin-left:224px;} #portfolio { background-position: -324px -30px; margin-left:333px; } #logos { background-position: -432px -30px; margin-left:442px; } #template { background-position: -540px -30px; margin-left:551px; } #package { background-position: -648px -30px; margin-left:660px; } #contact { background-position: -756px -30px; margin-left:769px; } #faq { background-position: -864px -30px; margin-left:878px; } #home div, #about div, #services div, #portfolio div, #logos div, #template div, #package div, #contact div, #faq div { background-image: url(../images/white.png); background-attachment: scroll; background-repeat: no-repeat; background-position: 0px -70px;} .pri-nav a { display:block; text-decoration:none; text-indent:-30000px; height: 70px;} */ .banner_box { background: url(../images/bannerbg.png) no-repeat left top; width: 973px; height: 241px; float: left; position: relative; padding: 18px 15px 18px 15px; z-index: 10; } .portfolio_flash { float: left; width: 638px; background: URL(../images/topsep.jpg) repeat-y right top; padding-right: 12px;} .req_quote_box { float: left; width: 310px; padding-left: 13px;} .req_quote_box h2 { background: url(../images/req_quote.png) no-repeat left top; width: 310px; height: 50px; font-size: 0px; line-height:0px; text-indent: 5000px; overflow: hidden; padding: 0px; margin: 0px;} .quote_box { background: url(../images/quote_boxbg.png) no-repeat left top; width: 265px; height: 160px; float: left; padding: 15px;} .quote_box INPUT.txtbx { background: #3C5162; border: #50677A 1px solid; width: 253px; height: 20px; float: left; margin-bottom: 7px; font: normal 11px Tahoma; color: #93AABC; padding-left: 5px;} .quote_box INPUT.capcha { background: #3C5162; border: #50677A 1px solid; width: 81px; height: 20px; float: left; margin-right: 7px; font: normal 11px Tahoma; color: #93AABC; padding-left: 5px; float: left;} .quote_box TEXTAREA { background: #3C5162; border: #50677A 1px solid; width: 253px; height: 62px; float: left; margin-bottom: 7px; font: normal 11px Tahoma; color: #93AABC; padding-left: 5px; overflow: hidden; outline: 0;} .contentarea { width: 1003px; clear: both; float: left; margin-top: 5px;position: relative;} .contentarea_top { width: 1003px; background: url(../images/content_top.png) no-repeat left top; height: 15px; float: left;clear:both;} .contentarea_bot { width: 1003px; background: url(../images/content_bot.png) no-repeat left top; height: 17px; float: left; clear:both;} .maincontentarea { width: 977px; background: url(../images/content_bg.png) repeat-y left top; float: left; padding: 0px 13px;clear:both;} #greybox { width: 957px; display:block; padding: 10px; background: #3B4C5B; *background: #334250; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); } .topboxone { width: 305px; float: left; background: URL(../images/boxsep.jpg) repeat-y right top; padding: 7px 10px 7px 0px; } .topboxone h2 { width: 305px; background: URL(../images/who_we_are.png) no-repeat left top; padding: 0px 0px 5px 0px; font-size: 0px;line-height: 0px; text-indent: 5000px; overflow: hidden; height: 32px;} .topboxone p { width: 305px; padding: 0px; font: normal 12px Arial; color: #FFF;} .topboxone p span { font: bold 12px Arial; color: #B7D525;} .topboxone a { font: bold 12px Arial; color: #B7D525; text-decoration: none;} .topboxone a:hover { font: bold 12px Arial; color: #ffffff; text-decoration: none;} .topboxtwo { width: 305px; float: left; background: URL(../images/boxsep.jpg) repeat-y right top; padding: 7px 10px 7px 10px; } .topboxtwo h2 { width: 305px; background: URL(../images/whychooseus.png) no-repeat left top; padding: 0px 0px 5px 0px; font-size: 0px;line-height: 0px; text-indent: 5000px; overflow: hidden; height: 32px;} .topboxtwo p { width: 305px; padding: 0px; font: normal 12px Arial; color: #FFF;} .topboxtwo p span { font: bold 12px Arial; color: #B7D525;} .topboxtwo a { font: bold 12px Arial; color: #B7D525; text-decoration: none;} .topboxtwo a:hover { font: bold 12px Arial; color: #ffffff; text-decoration: none;} .topboxthree { width: 305px; float: left; padding: 7px 0px 7px 10px; } .topboxthree h2 { width: 305px; background: URL(../images/clientspeak.png) no-repeat left top; padding: 0px 0px 5px 0px; font-size: 0px;line-height: 0px; text-indent: 5000px; overflow: hidden; height: 32px; } .topboxthree p { width: 305px; padding: 0px; font: normal 12px Arial; color: #FFF;} .topboxthree p span { font: bold 12px Arial; color: #B7D525;} .topboxthree a { font: bold 12px Arial; color: #B7D525; text-decoration: none;} .topboxthree a:hover { font: bold 12px Arial; color: #ffffff; text-decoration: none;} .bottom_maincont { width: 977px; float:left; padding-top: 12px;} .leftcontent { width: 653px; float: left; background: URL(../images/bottomcontsep.jpg) repeat-y right top; padding-right: 12px;} .leftcontent_head { width: 643px; float: left; background: URL(../images/bottomcontsep_hor.jpg) repeat-x left bottom; padding-left: 10px;padding-bottom: 12px;} .leftcontent_cont { width: 653px; float: left; padding: 6px 0px;} .innerbigcontent { width: 965px; float: left; padding-right: 12px;} .innerbigcontent_head { width: 955px; float: left; background: URL(../images/bottomcontsep_hor.jpg) repeat-x left bottom; padding-left: 10px;padding-bottom: 12px;} .innerbigcontent_head h2 { font: normal 23px Arial; color: #BDDF20; margin: 0px; padding: 0px; } .innerbigcontent_cont { width: 953px; float: left; padding: 6px 0px;} .innersmallcontent { width: 653px; float: left; padding-right: 12px;} .innersmallcontent_head { width: 643px; float: left; background: URL(../images/bottomcontsep_hor.jpg) repeat-x left bottom; padding-left: 10px;padding-bottom: 12px;} .innersmallcontent_cont { width: 653px; float: left; padding: 6px 0px;} .portfoliobox { width: 933px; float: left; padding: 10px; } .portfoliobox h2 { font: normal 18px Arial; color: #BCDF1F; padding: 10px 0px 12px 0px; margin: 0px;} .portfoliobox p { font: normal 12px Arial; color: #FFF; padding: 0px 0px 8px 0px; margin: 0px;} .portfoliobox p span { color: #BCDF1F; } .portfoliobox a { color: #BCDF1F; text-decoration: none;} .portfoliobox a:hover { color: #FFF; text-decoration: none;} .imagebox { width: 288px; padding: 5px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250;} .sitenamebox { width: 288px; float: left; margin: 8px 0px;} .sitename { width: 278px; float: left; padding-left: 10px;font: bold 12px Arial; color: #BCDF1F; } .sitename a { font: bold 12px Arial; color: #BCDF1F; text-decoration:none; } .sitename a:hover { font: bold 12px Arial; color: #FFFFFF; text-decoration:none; } .img_marg { margin-right: 16px;} .logobox { width: 213px; padding: 5px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250;} .logodetailbox { width: 600px; padding: 5px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250;} .servicebox { width: 276px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250; margin: 6px 14px; *margin: 6px 6px; padding: 10px;} .aboutbox { width: 916px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250; margin: 6px 0px 6px 10px; *margin: 6px 6px; padding: 15px; } .aboutbox h2 { font: normal 18px Arial; color: #BCDF1F; padding: 10px 0px 12px 0px; margin: 0px;} .aboutbox p { font: normal 12px Arial; color: #FFF; padding: 0px 0px 8px 0px; margin: 0px;} .aboutbox p span { color: #BCDF1F; } .aboutbox a { color: #BCDF1F; text-decoration: none;} .aboutbox a:hover { color: #FFF; text-decoration: none;} .service_range { width:916px; float: left; margin-bottom: 14px;} .service_box { width:305px; float: left;} .service_box h3 { font: bold 13px Arial; color: #BCDF1F; padding: 0px 0px 8px 0px; margin: 0px;} .service_box ul { list-style-type: none; padding: 0px 0px 0px 8px; margin: 0px;} .service_box li { background: URL(../images/bullet.jpg) no-repeat 0 .45em;font: normal 12px Arial; padding-left: 13px; color: #FFF; line-height: 18px;} .servicebox_left { width: 75px; text-align:left; float: left; padding-top: 10px;} .servicebox_cont { width: 201px; text-align:left; font: normal 12px Arial; color: #FFF; float: left;} .servicebox_cont img { padding-bottom: 2px;} .servicebox_cont a.orange { color: #FFC421; text-decoration: none;} .servicebox_cont a.orange:hover { color: #FFFFFF; text-decoration: none;} .servicebox_cont a.blue { color: #3FB6F2; text-decoration: none;} .servicebox_cont a.blue:hover { color: #FFFFFF; text-decoration: none;} .rightcontent { width: 300px; float: left; padding-left: 12px;} .rightcontent_head { width: 300px; float: left; background: URL(../images/bottomcontsep_hor.jpg) repeat-x left bottom; padding-bottom: 12px;} .rightcontent_cont { width: 300px; float: left; padding: 12px 0px;background: URL(../images/bottomcontsep_hor.jpg) repeat-x left bottom;} .rightcontent_banners { width: 300px; float: left; padding: 12px 0px 0px 0px;} .social_box { background: url(../images/social_bo.png) no-repeat left top; width: 169px; height: 47px; float: left; display: block; padding-left: 125px; padding-top: 10px; margin-top: 8px;} .mainfooter { height: 151px; background: url(../images/footerbg.png) repeat-x left bottom; width: 100%; clear: both; margin-top: 5px;} .footer { height: 151px; width: 1003px; margin: 0px auto;} .footer_left { height: 120px; width: 253px; padding-left: 15px; padding-top: 31px; float: left;} .footer_right { height: 100px; width: 600px; padding-right: 15px; padding-top: 51px; float: right;} .logodetailsbox { width: 455px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250; margin: 6px 0px 6px 10px; *margin: 6px 6px; padding: 15px; } .logodetailsbox h2 { font: normal 18px Arial; color: #FFF; padding: 0px 0px 12px 0px; margin: 0px;} .logodetailsbox p { font: normal 12px Arial; color: #FFF; padding: 0px 0px 22px 0px; margin: 0px;} .logodetailsbox p span { color: #BCDF1F; } .logodetailsbox a { color: #BCDF1F; text-decoration: none;} .logodetailsbox a:hover { color: #FFF; text-decoration: none;} .logodetailsbox img { text-align: center; padding: 6px; background: #21323F;} .logodetailsbox label { font: normal 12px Arial; color: #FFF; padding: 0px 0px 6px 0px; margin: 0px; display: block;} .logodetailsbox INPUT.txtbx { background: #2C3B47; border: 0px; width: 350px; height: 22px; font: normal 12px Arial; color: #FFF; margin-bottom: 7px;} .logodetailsbox TEXTAREA { background: #2C3B47; border: 0px; width: 350px; height: 70px; font: normal 12px Arial; color: #FFF; margin-bottom: 7px;} .logoimagebox { width: 408px!important;} a.download { background: URL(../images/download.png) no-repeat left top; width: 144px; height: 42px; text-indent: 2000px; font-size: 0px; line-height: 0px; display: block; float: left; text-decoration: none; margin-right: 10px;} a.download:hover { background: URL(../images/download_hover.png) no-repeat left top; width: 144px; height: 42px; text-indent: 2000px; font-size: 0px; line-height: 0px; display: block; float: left; text-decoration: none; margin-right: 10px;} a.buy_unique { background: URL(../images/buy_unique.png) no-repeat left top; width: 144px; height: 42px; text-indent: 2000px; font-size: 0px; line-height: 0px; display: block; float: left; text-decoration: none; margin-right: 10px;} a.buy_unique:hover { background: URL(../images/buy_unique_hover.png) no-repeat left top; width: 144px; height: 42px; text-indent: 2000px; font-size: 0px; line-height: 0px; display: block; float: left; text-decoration: none; margin-right: 10px;} a.customize { background: URL(../images/customize.png) no-repeat left top; width: 144px; height: 42px; text-indent: 2000px; font-size: 0px; line-height: 0px; display: block; float: left; text-decoration: none; } a.customize:hover { background: URL(../images/customize_hover.png) no-repeat left top; width: 144px; height: 42px; text-indent: 2000px; font-size: 0px; line-height: 0px; display: block; float: left; text-decoration: none;} .templatebox { width: 675px; float: left; padding: 10px; } .templatebox h2 { font: normal 18px Arial; color: #BCDF1F; padding: 0px 0px 12px 0px; margin: 0px;} .templatebox p { font: normal 12px Arial; color: #FFF; padding: 0px 0px 8px 0px; margin: 0px;} .catbox { width: 220px; border: #4B677D 1px solid; float: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../ie-css3.htc); background: #3B4D5B;*background: #334250; margin: 6px 0px 6px 10px; *margin: 6px 6px; padding: 10px; } .catbox h2 { font: normal 18px Arial; color: #FFF; padding: 6px 0px 12px 10px; margin: 0px;} .catbox ul { list-style-type: none; margin: 0px; padding: 0px 0px 20px 10px;} .catbox li { background: URL(../images/catbullet.jpg) no-repeat 0 .7em; font: normal 12px Arial; border-bottom: #405463 1px solid; padding: 0px 0px 0px 13px; line-height: 23px; display: block;} .catbox li a { text-decoration: none; color: #BCDF1F;} .catbox li a:hover { text-decoration: none; color: #FFF;} .templateshow { width: 675px; float: left; padding: 10px 0px; } .templategallery { width: 160px; float: left; margin-right: 11px;} .gallery_marg { margin-right: 0px!important;} .templategallery img { float: left; margin-bottom: 5px;} .templategallery p { margin: 0px; padding: 0px; font: normal 12px Arial; color: #FFF; line-height: 16px; } .templategallery p span { font: bold 12px Arial; color: #BCDF1F; } .templategallery .view { margin: 10px 0px 0px 0px; padding: 0px 8px; width: 144px; font: normal 12px Arial; line-height: 23px; display: block; background: #2F3F4C; color: #88A6BE; float: left; } .templategallery .view a { color: #88A6BE; text-decoration: none;} .templategallery .view a:hover { color: #FFF; text-decoration: none;} .servicesbox { width: 270px; float: left; border: #51718B 1px solid;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #243949; padding: 4px 8px 0px 9px; height:180px;} .servicebox_marg { margin-right: 20px;} .mar_bt { margin-bottom: 20px;} .servicesbox h2 { width: 270px; height: 46px; display: block; line-height: 0px; font-size: 0px; float: left; text-indent: 5000px; overflow: hidden; padding: 0px; margin: 0px 0px 9px 0px;} .servicesbox h2.serv_web_desig { background: URL(../images/web_desig.jpg) no-repeat;} .servicesbox h2.serv_logo_desig { background: URL(../images/logo_desig.jpg) no-repeat;} .servicesbox h2.serv_corp_iden { background: URL(../images/corp_iden.jpg) no-repeat;} .servicesbox h2.serv_web_dev { background: URL(../images/web_dev.jpg) no-repeat;} .servicesbox h2.serv_seo_serv { background: URL(../images/seo_serv.jpg) no-repeat;} .servicesbox h2.serv_ecom_serv { background: URL(../images/ecom_serv.jpg) no-repeat;} .servicesbox p { font: normal 12px Arial; color: #FFFFFF; padding: 0px 6px 9px 6px; margin: 0px;} .servicesbox p a { font: bold 12px Arial; color: #C7ED1A; text-decoration: none;} .servicesbox p a:hover { font: bold 12px Arial; color: #FFF; text-decoration: none;} .packagebox { width: 283px; float: left; border: #4B677D 1px solid;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #3B4D5B; padding: 8px 8px 0px 9px; height: 422px;} .packagebox h2 { font: normal 22px Trebuchet MS; color: #FFF; padding: 6px 0px 7px 4px; margin: 0px 0px 8px 0px; border-bottom: #51718B 1px solid; line-height: 21px;} .packagebox h2 span { font: normal 18px Trebuchet MS; color: #C1EA0B;} .packagebox ul { list-style-type: none; margin: 0px; padding: 0px 0px 9px 7px;} .packagebox li { font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; background: url(../images/packbull.jpg) no-repeat 0 .45em; padding: 0px 4px 6px 15px;} .pack_quote { text-align: center; padding-bottom: 16px;} .pack_marg { margin-right: 13px;} #gallery { } /*========== template_gallery ==============*/ #1st_row{ width:653px; } .span{ color:#BCDF1F; font-weight:bold; } .strong{ color:#FFFFFF; } #2nd_row{ width:653px; } #3rd_row{ width:653px; } /*================ template_categoryrow ==================*/ #temp_category{ width:40%; float:left; } #temp_pages{ width:50%; float:right; } .selection a{ color:#BCDF1F; text-decoration:none; } .selection a.active{ color:#BCDF1F; text-decoration:underline; } .selection a:hover{ color:#BCDF1F; text-decoration:underline; } /*================ content ===================*/ .totalcontent { width: 955px; float: left; background: URL(../images/bottomcontsep_hor.jpg) repeat-x left bottom; padding-left: 10px;padding-bottom: 12px;} .totalcontent { font: bold 25px Arial; color: #BDDF20; margin: 0px; padding: 10px; } .span{ color:#FFFFFF; } .list_box { width:auto; float: left;} .list_box h3 { font: bold 13px Arial; color: #BCDF1F; padding: 10px 0px 8px 10px; margin: 0px;} .list_box ul { list-style-type: none; padding: 10px 0px 10px 8px; margin: 0px;} .list_box li { background: URL(../images/bullet.jpg) no-repeat 0 .45em;font: normal 12px Arial; padding:0 0 0 13px; color: #FFF; line-height: 18px;} /*============= hiredesigner ==============*/ .content_topborder{ background:url(../images/content_topborder.png) no-repeat; width:917px; height:30px; font:normal 15px/17px "Times New Roman", Times, serif; color:#FFFFFF; padding:7px 0 0 6px; } #design_detail{ width:916px; float:left;} #web_detail{ width:40%; float:left; display:inline; } #flash_detail{ width:40%; float:right; display:inline; } #detail_toppan{ background:url(../images/detail_topbg.gif) repeat-x; } .toppan_heading h3{ padding:5px 0 5px 12px; font:bold 18px/20px "Times New Roman", Times, serif; color:#FFFFFF; } #detail_midpan{ border-left:1px solid #738fa4; border-right:1px solid #738fa4; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 10px 0 10px; } .small_bottomborder{ background:url(../images/smallcontent_midborder.png) 0 2px repeat-x; height:7px; } #detail_skils{ border-left:1px solid #738fa4; border-right:1px solid #738fa4; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 10px 0 0; } /*============= seo_services =============*/ #mid{ width:913px; padding:5px 0 5px 5px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; } .seo_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/seo_smallthumb.png) 50px 5px no-repeat; border-bottom:1px dashed #7490a5; } .content p{ padding:0 6px 0 6px; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify; } .listitems{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; } .corporate_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/corporate_smallthumb.png) 160px 5px no-repeat; border-bottom:1px dashed #7490a5; } .phpprogrammer_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/phpprogrammer_smallthumb.png) 140px 6px no-repeat; border-bottom:1px dashed #7490a5; } .contentwriting_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/contentwritingpic_smallthumb.png) 144px 6px no-repeat; border-bottom:1px dashed #7490a5; } .seoexperts_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/seoexperts_logo.png) 110px 5px no-repeat; border-bottom:1px dashed #7490a5; } .webdesignexperts_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/webdesignexperts_logopic.png) 175px 5px no-repeat; border-bottom:1px dashed #7490a5; } .logodesigning_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/logo_designinglogo.png) 142px 5px no-repeat; border-bottom:1px dashed #7490a5; } .webhosting_content{ padding:5px 0 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/web_hostingpic.png) 123px 5px no-repeat; border-bottom:1px dashed #7490a5; } .subheading{ padding:5px 6px 5px 6px; font:normal 15px/14px Arial, Helvetica, sans-serif; } ul.innerlisting { list-style-type: none; margin: 0px 0px 12px 13px; padding: 0px; } ul.innerlisting li { list-style-type: none; background: url("../images/bullet.jpg") no-repeat scroll 0 0.45em transparent; color: #FFFFFF; font: 12px/18px Arial; padding-left: 13px; } ul.innerlisting li strong { color: #BCDF1F; } .package { width: 423px!important; height: 100%!important; overflow: hidden;} .package h2 { width: 413px!important; font: normal 22px Trebuchet MS!important; color: #FFFFFF; text-indent: 0px!important; margin: 5px!important; padding: 0px!important; height: 32px!important;border-bottom: #41607A 1px solid;} .package h2 span { color: #BCDF1F;} .package h3 { color: #BCDF1F;font: bold 19px Trebuchet MS!important;margin: 5px!important; padding: 7px 5px;border-top: #41607A 1px solid;} .package ul { list-style-type: none; margin: 0px 0px 10px 12px; padding: 0px; clear: both;} .package li { background: URL(../images/tick.jpg) no-repeat 0 .15em; font: bold 12px Arial; color: #7AA2C2; padding-left: 22px; padding-bottom: 5px;}