/* CSS Document */ body {background:#e5f2f4 url(images/bg1.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:normal; margin:0px;} .bgmain {background:#e5f2f4 url(images/body_bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;font-weight:normal; margin:0px;} .bgsub { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:0px; font-weight:normal; margin:0px; background-color: #96008D; background-image: url(images/bg1.gif); background-repeat: repeat-x; } a {text-decoration:none; color:#484848;} a:hover {text-decoration:none; color:#008da5;} #colortemplate {width:100%; background:#3e3e3e;margin:0px;} #wrapper {width:990px;margin:auto;} .content {width:990px;margin:auto;} img {border:0px;} #gfx {background:#ffffff url(images/bg_h.gif) repeat-x;padding-bottom:1px; height:180px;margin:auto;} #header {height:80px;width:100%;background:#3e3e3e;} .logo {width:281px;height:64px;background:#3e3e3e url(images/logo.gif) no-repeat;float:left;margin-top:5px;} .logo a:hover {text-decoration:none;} .logo a {text-decoration:none;} #toplinks {float:right;margin:10px 10px 0px 10px;} .toplink {color:#c5c5c5;font-family:tahoma, Arial, Helvetica, sans-serif;font-size:10px;} .dateNysteria {color:#ffffff; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:10px; margin-top:25px;} .dateNysteria2 {color:#ffffff; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:10px; margin-top:15px;} div.toplink a {color:#c5c5c5;font-family:tahoma, Arial, Helvetica, sans-serif;font-size:0.9em;background-color:#444343;border-bottom:1px dotted #878787;padding:2px 20px 2px 20px;} div.toplink a:hover {color:#FFFFFF;font-family:tahoma, Arial, Helvetica, sans-serif;font-size:0.9em;height:40px;background-color:#BB00B1; border-bottom:1px dotted #878787;padding:2px 20px 2px 20px;} /* Navigation Start */ #navcontainer {margin:auto;height:51px;padding:5px 0px 5px 0px;width:100%;background:#b0e5ee url(images/menu_bg.gif) no-repeat;background-position:center;} #nav ul {list-style-position: inside; margin:0px;} #nav {margin:auto;height:51px;width:978px; padding-left:20px;} #nav li {list-style: none;height: 51px;float:left; _padding-left:20px;position: relative;} #nav li a {height: 51px;display: block;} /* buttons */ a#home, a#services, a#portfolio, a#contactus, a#aboutus {width: 125px;height: 51px;} a#home {background-image: url(images/home.gif); } a#services {background-image: url(images/services.gif); } a#portfolio {background-image: url(images/portfolio.gif); } a#contactus {background-image: url(images/contactus.gif); } a#aboutus {background-image: url(images/aboutus.gif); } a#home:hover, a#services:hover, a#portfolio:hover, a#contactus:hover, a#aboutus:hover { background-position: 0 -51px; } /* Navigation End */ /* read more */ a.rm:hover {PADDING:2px 10px 3px 25px;BORDER-RIGHT:#3e3e3e 4px solid;font-size: 9px;BACKGROUND:url(images/r2.gif) #BB00B1 no-repeat 8px 4px;COLOR: #FFFFFF;float:right;} .rm {PADDING:2px 10px 3px 25px;BORDER-RIGHT:#BB00B1 4px solid;font-size: 9px;BACKGROUND:url(images/r2.gif) #3e3e3e no-repeat 8px 4px;COLOR: #FFFFFF;float:right;} /* read more */ .central {text-align:center;padding:10px 0px;} .rights {text-align:right;padding:5px 10px;} /* Columns */ .mainmidcolsub {FLOAT: left;WIDTH:75%;padding:0 0 0 5px;MARGIN:0px 0px 0px auto;} .midcolsub {FLOAT:right;WIDTH:74%;padding:0px 0 0 0px;} .leftcol {float:left;MARGIN:0px;width:230px;} /* Columns */ .havetop {BACKGROUND:url(images/havetop.gif) no-repeat; width:230px; height:105px; MARGIN:15px 0px 0px 0px;} .havebot {BACKGROUND:url(images/havebot.gif) no-repeat; width:230px; height:8px; MARGIN:0px;} .helpboxcontent {background:#FFFFFF url(images/havemid.gif) repeat-y; padding:0 10px 0 10px; font-size:9px; color:#585858; } .sboxtop {BACKGROUND:url(images/sboxtop.gif) no-repeat; width:230px; height:93px; MARGIN:0px;} .twitterbox {BACKGROUND:url(images/twittertop.gif) no-repeat; width:230px; height:93px; MARGIN:0px;} .twitter {BACKGROUND: url(images/toptweet.gif) no repeat; width: 230px; height: 93px; margin:0px;} .sboxbot {BACKGROUND:url(images/sboxbot.gif) no-repeat; width:230px; height:8px; MARGIN:0px;} .sboxcontent {background:#FFFFFF url(images/sboxmid.gif) repeat-y; padding:0px 20px; font-size:12px; color:#585858;} div.sboxcontent p{ text-indent:20px; text-align:justify;} .boxbg {background:#FFFFFF url(images/welcome.gif) left top no-repeat;margin:20px 0px 10px 0px; border:5px solid #cce6ea;padding:10px 20px 10px 220px;text-align:justify;color:#666666;} .boxbg2 {background:#ffffff;margin:-10px 0px 10px 0px; border:5px solid #cce6ea;padding:10px 20px 10px 20px;text-align:justify;color:#666666;} .navboxbg {background:#E5F2F4;margin:10px 0px 10px 0px; border:5px solid #FFFFFF;padding:10px 20px 10px 20px;text-align:justify;color:#666666;} /* Title Big Fonts */ .bigGrayfont {color:#009FCD;font-size:24px;font-weight:normal;letter-spacing:-1px;font-family:Arial, Helvetica, sans-serif;} /* Title Big Fonts */ /* Title Big Fonts */ H2.dgreen {MARGIN:5px 0 0 0; color:#009900; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:24px; letter-spacing:-1px; font-weight:normal;} H2.dgraysmall {MARGIN:5px 0 -8px 0; _Margin:5px 0 0 0; _padding-bottom:-15px; color:#0097b1; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:20px; letter-spacing:-1px; font-weight:normal;} H2.dgray {MARGIN:5px 0 0 0; color:#484848; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:24px; letter-spacing:-1px; font-weight:normal;} H2.feed {MARGIN:5px 0 0 0; color:#484848; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:18px; letter-spacing:-1px; font-weight:normal;} H3.dgray {MARGIN:5px 0 0 0; color:#0a9fb9; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:18px; letter-spacing:-1px; font-weight:normal;} H1.black {MARGIN:5px 0 0 0; color:#000000; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:32px; letter-spacing:-2px; font-weight:normal;} H1.orange {MARGIN:5px 0 0 0; color:#e83e24; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:28px; letter-spacing:-2px; font-weight:normal;} H3.orangesmall {MARGIN:5px 0 0 0; color:#e83e24; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:20px; letter-spacing:-1px; font-weight:normal;} H1.graybold {MARGIN:5px 0 0 0; color:#6e6e6e; font-family:Arial Bold, Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:28px; letter-spacing:-2px; font-weight:normal;} div.navs H3 {MARGIN:1px 0 0 0; color:#FFFFFF; font-family:Arial Narrow, Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:28px; letter-spacing:-1px; font-weight:normal;background:url(images/submenutop.gif) no-repeat; width:220px; height:182px; padding:15px 0 0 0; text-align:center;} div.snavsright H3 {MARGIN:1px 0px 0 -5px; color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:18px; letter-spacing:-1px; font-weight:normal;background:url(images/submenutopright.gif) no-repeat; width:100%; height:151px; padding:20px 0 0 30px; text-align:left;} div.bread {MARGIN:1px 0 0 0; color:#FFFFFF; font-family:Tahoma, Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:12px; font-weight:normal;padding:10px 0 0 0; text-align:center;} div.navsright H3 {MARGIN:1px 0 0 0; color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:34px; letter-spacing:-2px; font-weight:normal;background:url(images/submenutopright.gif) no-repeat; width:100%; height:151px; padding:15px 0 0 35px; _padding:15px 0 0 0; text-align:left;} /* Title Big Fonts */ div.navsrightservices {MARGIN:1px 0 0 0; background:url(images/services.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightservices H3 {color:#007184; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrightserviceslogos {MARGIN:1px 0 0 0; background:url(images/logodesigning.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightserviceslogos H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 20px; _text-indent:30px;} div.navsrightserviceslogos {MARGIN:1px 0 0 0; background:url(images/logodesigning.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightserviceslogos H2 {color:#FFFFFF; font-family:Arial Narrow, Helvetica, "Trebuchet MS", Tahoma; font-size:30px; letter-spacing:-1px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrightport {MARGIN:1px 0 0 0; background:url(images/portfolio.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightport H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrighttest {MARGIN:1px 0 0 0; background:url(images/reviews.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrighttest H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrightwebsite {MARGIN:1px 0 0 0; background:url(images/webdesigning.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightwebsite H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrightabout {MARGIN:1px 0 0 0; background:url(images/aboutus.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightabout H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrightillus {MARGIN:1px 0 0 0; background:url(images/illus.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightillus H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrightcontact {MARGIN:1px 0 0 0; background:url(images/contact.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrightcontact H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} div.navsrighticons {MARGIN:1px 0 0 0; background:url(images/icons.jpg) no-repeat; width:742px; height:121px;padding:5px 0 0 0;} div.navsrighticons H3 {color:#FFFFFF; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:40px; letter-spacing:-2px; font-weight:normal;padding:5px 0 0 30px;_padding:15px 0 0 0; _text-indent:30px;} /* Footer Fonts */ #footer {background:#008097 url(images/footer.gif) repeat-x; height:204px; width:100%;font-family:Tahoma, Arial, Verdana;} .footer2 {width:978px; margin:auto; padding:60px 0 0 0;_padding:70px 0 0 0;} .copyright {color:#FFFFFF;padding:20px 0 10px 50px;_padding:10px 0 10px 50px;font-family:Tahoma, Arial, Verdana;font-size:10px;margin: 0 0 0 0;} .copyright a {color:#FFFFFF;font-size:10px;text-decoration:none;} .copyright a:hover {color:#f5f5f5;font-size:10px;text-decoration:none;border-bottom:1px dotted #FFFFFF;} .network {color:#FFFFFF;padding:5px 0 10px 0;font-size:10px;margin:0px;font-family:Tahoma, Arial, Verdana;} .network a {color:#FFFFFF;padding:0 10px 1px 5px;font-size:10px;text-decoration:none;} .network a:hover {color:#F5f5f5;padding:0 10px 1px 5px;font-size:10px;text-decoration:none;border-bottom:1px dotted #FFFFFF;} /* Footer Fonts */ .midend { clear:both;} .clear {clear:both;} /* New Nav */ #snav {padding:1px;width:100%;position: relative; text-align: left; margin:-135px 0 0 1px;} #snav li {float: left; display: block; width:197px; padding:0 0 0 7px; } #snav a {float:left; margin:1px; background:#ffffff; padding: 6px 0px 6px 0px; color: #008097; text-decoration: none; width:197px; text-indent:15px;border-bottom:3px solid #74bac7;border-left:1px solid #74bac7;border-right:1px solid #74bac7;border-top:0px;} #snav a:hover {position: relative; color: #ffffff;background:#74bac7; text-indent:15px; border-bottom:3px solid #5e6566;} #snav #current a {position: relative; color: #ffffff;background:#74bac7; text-indent:15px; border-bottom:3px solid #5e6566;} /* footer stuffs */ /* Footer Fonts */ /* This is where pagelinks start */ .pagelink {width:25px;color:#484848;background:#F1FBFF;border:1px solid #BFE5F4;font-family:Tahoma, Verdana ;clear:both;line-height:35px;font-weight:bold; font-size:7pt; text-decoration: none;} a.pagelink:active, a.pagelink:visited, a.pagelink:link {width:25px;font-family:Tahoma, Verdana ;background-color:#F5F5F5;border:1px solid #EBEBEB;color:#0072bc;font-weight:bold;padding:5px;margin-bottom:10px;font-size:7pt;text-decoration: none;} a.pagelink:hover {width:25px;padding:5px;font-family:Tahoma, Verdana;background-color:#DDEEFF;border:1px solid #BBDDFF;color:#0072BC;font-weight:bold;font-size:7pt;} .pagecurrent {width:25px;background-color:#F5F5F5;border:1px solid #EBEBEB;color:#D7D7D7;padding:5px;font-family:Tahoma, Verdana;font-weight:bold;font-size:7pt;} .imgcd {border:1px solid #c9c9c9;margin:3px;background:#ffffff;padding:13px;} .imgcd:hover {border:1px solid #d5d5d5;margin:3px;background:#e9f4ff;padding:13px;} .logosp {border:1px solid #c9c9c9;margin:3px;background:#ffffff;padding:13px;} .logosp:hover {border:1px solid #d5d5d5;margin:3px;background:#e9f4ff;padding:13px;} .logosl {margin:auto;width:auto;display:block;font-size:11px;color:#484848;font-weight:bold;border:1px dotted #B0D9EE;background:#F5FCFF URL(images1/dot9.gif) no-repeat 10px center;padding:15px 15px 15px 30px;text-decoration:none;} .logos1g {font-family:Tahoma, Verdana, Arial;font-size:12px;font-weight:bold;color:#000000;} a.logosl:hover {font-size:11px;margin:auto;width:auto;color:#FFFFFF;font-weight:bold;border:1px dotted #CFCFCF;background:#74bac7 URL(images1/dot9.gif) no-repeat 10px center;padding:15px 15px 15px 30px;text-decoration:none;} .mypets{ /*header of 1st demo*/ cursor: pointer; } .closed{ /*class added to contents of 1st demo when they are open*/ background: transparent url(images/show.gif) no-repeat; height:17px; float:left; width:82px; } .closed:hover{ /*class added to contents of 1st demo when they are open*/ background: transparent url(images/show.gif) 0 -17px no-repeat; height:17px; width:82px; float:left; } .openpet{ /*class added to contents of 1st demo when they are open*/ background: transparent url(images/hide.gif) no-repeat; height:17px; float:left; width:82px; } .openpet:hover{ /*class added to contents of 1st demo when they are open*/ background: transparent url(images/hide.gif) 0 -17px no-repeat; height:17px; float:left; width:82px; } .minicons {padding:0px;margin:10px 10px 0px 10px;} .skills{ width:731px; margin:auto; height:343px; border:6px solid #bcbcbc; background:url(images/skillsbg.gif) no-repeat; } .skills_txt{ float:left; background:url(images/skills.gif) 5px 30px no-repeat; padding:10px 0px 30px 120px; } .skills_txtr{ float:right; background:url(images/designing.gif) 30px 30px no-repeat; padding:10px 80px 30px 140px; } /* Titles Styles */ /* Font Colors */ .blue24 { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#006ead; font-size:24px; } .gray22 { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#848484; font-size:22px; } .ofons { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#E83E24; font-size:24px; } .gfons { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#BFD963; font-size:24px; } .grfon { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#458600; font-size:24px; } .ylfon { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#9898CB; font-size:24px; } .gfon { font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; letter-spacing:-1px; color:#BFD963; font-size:24px; } /* Font Colors */ .indent{ padding-left:30px; } .indentsub{ padding-left:50px; } /* read more */ a.vs:hover {PADDING:2px 10px 3px 25px;BORDER-left:#3e3e3e 4px solid;font-size: 9px;BACKGROUND:url(images/r2.gif) #008097 no-repeat 8px 4px;COLOR: #FFFFFF;float:left;} .vs {PADDING:2px 10px 3px 25px;BORDER-left:#008097 4px solid;font-size: 9px;BACKGROUND:url(images/r2.gif) #3e3e3e no-repeat 8px 4px;COLOR: #FFFFFF;float:left;} /* read more */ #websitebox{ border:3px solid #e5efff; margin:0px 10px 20px 10px; padding:0 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:normal; } .webcont { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:normal; padding:0 0 0 10px; } .imgs { float:left; margin:10px 0 0 0; padding:0 10px 0 0; } .viewsite { padding:0 14px 0 0; font-family:Tahoma, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; } .webt H3 { color:#484848; font-family:Helvetica, "Trebuchet MS", Arial, Tahoma; font-size:26px; letter-spacing:-1px; font-weight:normal; margin:0px; padding:10px 0 0 0; } .webdes { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:normal; padding:5px 15px 0 0; } #tnt_pagination { display:block; text-align:left; height:22px; line-height:21px; clear:both; padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; } #tnt_pagination a:link, #tnt_pagination a:visited{ padding:7px; padding-top:2px; padding-bottom:2px; margin-left:10px; text-decoration:none; background-color:#F5F5F5; border:1px solid #EBEBEB; color:#0072bc; width:22px; font-weight:normal; } #tnt_pagination a:hover { background-color:#DDEEFF; border:1px solid #BBDDFF; color:#0072BC; } #tnt_pagination .active_tnt_link { padding:7px; padding-top:2px; padding-bottom:2px; margin-left:10px; text-decoration:none; background-color:#DDEEFF;border:1px solid #BBDDFF;color:#0072BC; cursor:default; } #tnt_pagination .disabled_tnt_pagination { padding:7px; padding-top:2px; padding-bottom:2px; border:1px solid #EBEBEB; margin-left:10px; text-decoration:none; background-color:#F5F5F5; border:1px solid #EBEBEB; color:#D7D7D7; cursor:default; } .clientdate { color:#484848; font-family:Tahoma, Verdana; font-size:10px; float:left;font-weight:bold; width:100px; text-align:center; padding:22px 0 0 0; } .clientfeed { color:#484848; font-family:Tahoma, Verdana; font-size:10px; float:left; font-weight:bold; text-align:left; width:183px; padding:22px 0 0 20px; } .clientrate { color:#484848; font-family:Tahoma, Verdana; font-size:10px; float:left;font-weight:bold; width:80px; text-align:center; padding:22px 0 0 0; } .testimonials { background:#fff9d5; color:#484848; border-top:5px solid #d4d4d4; font-family:Arial, Tahoma, Verdana; font-size:12px; font-weight:normal; padding:20px; margin:0 0 0 0; } .testimonialsbot { background:#FFFFFF URL(images/rev_bottom.gif) bottom left no-repeat; color:#484848; font-family:Arial, Tahoma, Verdana; font-size:7pt; height:45px; font-weight:normal; padding:0; margin:0;} /*For Twitter */ .teee{ } #twitter_div{ background:#FFFFFF url(images/havemid.gif) repeat-y; padding:0 10px 0 10px; font-size:9px; color:#585858; } #twitter_div ul { margin:0px; padding:0px; } #twitter_div ul li { list-style:none; margin-bottom:10px; margin-left:90px; font-size:12px; } #twitter_div ul li a { width:70px; display:block; position:relative; top:-43px; left:-90px; line-height:19px; text-transform:capitalize; } #twitter_update_list{ list-style:none; margin-bottom:5px; font-family:Tahoma,Arial , Verdana; margin-left:10px; font-size:9px; color:#FF00CC; } /*-----------------------------------------*/