*{font: 12px/16px Tahoma, Arial, Helvetica, sans-serif; color: #515151;} html,body{padding: 0; margin: 0;} body{background: #FFFFFF url(../images/inner-top-back.jpg) repeat-x; color: #515151;} div,p,ul,ol,li, form, h1, h2, select{padding: 0; margin: 0;} a{text-decoration: underline; color: #ff9200; outline:none;} a:hover{text-decoration: none} a img{border: none; outline:none;} strong,b{font-weight: bold;} p{margin: 30px 0;} h3{margin: 20px 0; color:#000000; font-weight : bold;} h4{margin: 20px 0; color:#000000; font-weight : bold;} .bluetxt{color: #0042ff;} .dotborder{background: url(../images/dots.gif) repeat-x 100% 100%; padding-bottom: 10px;} .orangefont{color: #ff9c00;} .greenfont{color: #039532;} .caption{font: 20px/20px Arial, Helvetica, sans-serif; color: #000000; text-transform: uppercase;} .caption span{display: block; text-transform: none;} #frame{display: block; width: 990px; margin: 0 auto;} #logo{display:block; width: 92px; float:left; padding: 48px 0 0 5px;} .addressind{display:block; width: 200px; float:right; padding: 0 0 0 5px; border:1px solid #CCCCCC; margin:10px 0 0 0; } .addressind h2{display: block; font: 20px Georgia, "Times New Roman", Times, serif; color: #000;} .addressind h2 span{display: block; font: 11px Georgia, Arial, Helvetica, sans-serif; color: #45953e; text-transform:} .addressusa {display:block; width: 200px; float:right; padding: 0 0 0 5px; border:1px solid #CCCCCC; margin:10px 0 0 10px;} .addressusa h2{display: block; font: 20px Georgia, "Times New Roman", Times, serif; color: #000;} .addressusa h2 span{display: block; font: 11px Arial, Helvetica, sans-serif; color: #45953e; text-transform: uppercase;} #navigation{display: block; width: 880px; float: right; margin: 101px 0 0 0;} #navigation li{display: block; width: auto; float:left;} #navigation li a{display: block; background:#FFFFFF; font: 19px/23px Arial, Helvetica, sans-serif; color:#000000; padding: 5px 20px;text-decoration: none;} #navigation li a:hover,#navigation li a.current{background:#92d006;} #about h1{display: block; float: left; background: url(../images/caption-about.gif); background-repeat:no-repeat; text-indent: -2000px; width: 990px; height: 80px; padding: 0; margin: 60px 0 0 0;} #portfolio h1{display: block; float: left; background: url(../images/portfolio.gif); background-repeat:no-repeat; text-indent: -2000px; width: 990px; height: 80px; padding: 0; margin: 60px 0 0 0;} #testimonial h1{display: block; float: left; background: url(../images/caption-testimonials.gif); background-repeat:no-repeat; text-indent: -2000px; width: 990px; height: 80px; padding: 0; margin: 60px 0 0 0;} #hire h1{display: block; float: left; background: url(../images/caption-hire.gif); background-repeat:no-repeat; text-indent: -2000px; width: 990px; height: 80px; padding: 0; margin: 60px 0 0 0;} #contact h1{display: block; float: left; background: url(../images/caption-contact.gif); background-repeat:no-repeat; text-indent: -2000px; width: 990px; height: 80px; padding: 0; margin: 60px 0 0 0;} #package h1{display: block; float: left; background: url(../images/caption-about.gif); background-repeat:no-repeat; text-indent: -2000px; width: 990px; height: 80px; padding: 0; margin: 60px 0 0 0;} #content{display: block; width: 990px; float: left; margin: 105px 0 0 0;} /* Right Column*/ #leftcolumn{display: block; width: 625px; float: left;} #leftcolumn .section{display: block; margin: 0 0 75px 0;} #leftcolumn .section h2, #content h2.main{font: 40px/15px Georgia, "Times New Roman", Times, serif; line-height: 40px; color: #ff8302; text-transform: uppercase; margin-bottom: 35px;} #leftcolumn .section h2 span{display: block; font: 15px/15px Georgia, "Times New Roman", Times, serif; color: #6f6f6f; text-transform: none;} #leftcolumn .section h2 span span{display: inline; color: #ff9c00;} /*Contact Us Page*/ .section{display: block; margin: 0 0 75px 0;} .section h2, #content h2.main{font: 40px/15px Georgia, "Times New Roman", Times, serif; line-height: 40px; color: #ff8302; text-transform: uppercase; margin-bottom: 35px;} .section h2 span{display: block; font: 15px/15px Georgia, "Times New Roman", Times, serif; color: #6f6f6f; text-transform: none;} .section h2 span span{display: inline; color: #ff9c00;} /* Right Column*/ #rightcolumn{display: block; width: 333px; float: left; margin: 0 0 0 30px;} #rfp{display: block; border: 1px solid #868686; padding: 2px; float:left; margin: 0 0 40px 0;} #rfp form{display: block; background: #d1d1d1; color: #666666; padding: 15px 0px; width: 329px; float:left;} #rfp form h2{display: block; height: 55px; text-indent: 50px; height: 55px; background: url(../images/rfp-icon.gif) no-repeat 15px 50%; font-size: 30px; line-height: 30px; color: #000000; text-align: center;} #rfp form label{display: block; width: 100px; float:left; font: 15px/25px Georgia, "Times New Roman", Times, serif; color: #000000; margin: 0 0 15px 10px; clear:both;} #rfp form .txt{display: block; width: 195px; float:left; margin: 0 0 15px 0; height: 22px; border: 1px inset #c4c4c4;} #rfp form .txt1{display: block; width: 195px; float:left; margin: 0 0 15px 0; height: 65px; border: 1px inset #c4c4c4;} #rfp form .submit{display:block; background: url(../images/submit-button.gif) no-repeat; width: 107px; height: 38px; margin: 0 auto; font: 18px/14px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; border: none; float:left;} #rfp form.submit-wait{display:block; background: url(../images/graysubmit.jpg) no-repeat; width: 118px; height: 45px; margin: 0 auto; font: 18px/14px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; border: none; float:left; padding: 0 0 12px 0; text-align: center;} #rightcolumn #sectio2{display: block; float: left;} #rightcolumn #sectio2 a{display: block; float: left; width: 333px; height: 73px; margin: 0 0 15px 0; background:url(../images/green-base.gif) no-repeat; list-style: none; float: left; text-decoration: none;} #rightcolumn #sectio2 a .package{display: block; width: 252px; float: left; text-align: center; padding: 25px 0 0 0;} #rightcolumn #sectio2 a .price{display: block; width: 70px; float: left; text-align: center; color: #242424; font-weight: bold; padding: 10px 0 0 0;} #rightcolumn #sectio2 a .price .unit{display: block; width: 70px; float: left; text-align: center; font: 21px/21px Arial, Helvetica, sans-serif; color: #ff9000;} #rightcolumn #sectio2 a.contact{display: block; width: auto; text-align: center; margin: 0 0 30px 15px;} #rightcolumn #sectio2 a.contact img{border: 8px solid #e1e1e1;} #rightcolumn h2.displayworks{font: 34px/34px Arial, Helvetica, sans-serif; color: #12bc00; text-transform: uppercase; margin: 0 0 25px 0;} /*------------------------NEW--------------------*/ #box{ background:#f0f1f1; float:left; border:6px solid #797979; width:254px; margin:120px 0 0 50px; display:block;} #box .center { margin:24px;} #box .black16 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; padding:0 0 29px 0; font-weight:bold;} #box .black15 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; padding:0 0 24px 0; line-height:18px; } #box .black13 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; padding:0 0 24px 0; line-height:18px; } #box .dashline { background:url(../images/dotline.gif) repeat-x top; margin:0 0 10px 0;} .clear {clear:both;} /*-----------------------NEW End-----------------*/ /* Footer Section */ #footercontainer{display:block; width: 100%; float:left; background: #77ba25 ; color: #efefef; padding: 45px 0 15px 0; clear:both;} #footerframe{display:block; width: 652px; margin: 0 auto;} #footerframe ul{display: block; width: 630px; float: left; background: #6aac2a; border: 1px solid #ffe6af; padding: 10px ;} #footerframe ul li{display: block; width: auto; border-right: 1px solid #ffffff; float: left; padding: 0 10px;} #footerframe ul li.last{display: block; width: auto; border-right: none; float: left; padding: 0 10px;} #footerframe ul li a{font: 15px/15px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF;} #footerframe .info{display:block; width: 300px; float: right;} #footerframe .info span, #footerframe .info a{display: block; font: 15px/20px Arial, Helvetica, sans-serif; color: #fff000; text-decoration: none;} #footerframe .info img{margin: 0 15px 0 0; vertical-align:middle;} #footerframe .copyright{display:block; float: left; font: 14px/14px Arial, Helvetica, sans-serif; color: #efefef; margin: 15px 0 0 0; text-align:center; width: 630px;} #footerframe .copyright a{color: #fff000;} /* Portfolio */ #portfolio{display: block; width: 620px; background: url(../images/dots.gif) repeat-x; float: left; padding: 10px 0px;} #portfolio form{display: block; width:620px; float: left; text-align: right; margin-bottom: 25px;} #portfolio .item{display:block; width: 282px; float: left; margin: 0 20px 20px 0;} #portfolio .item a img{display: block; margin-bottom: 5px; /*background-color: #d5cfb7;*/ padding: 5px;} #portfolio .item p{color: #000000; margin: 10px 0px;} /* Testimonial */ #testimonials{display: block; width: 620px; float: left;} #testimonials div{background: url(../images/dots.gif) repeat-x 100% 100%; padding: 15px 0; } #testimonials div p{color: #494949;} #testimonials div p strong{color: #000000;} /* Contact us */ #contact{display: block; width: 620px; background: url(../images/dots.gif) repeat-x; float: left;} #contact .content{display: block; width: 320px; float: left;} #contact form{display: block; width: 266px; float: left; margin: 20px 0 0 10px;} #contact form label{display: block; font: 14px/14px Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 8px;} #contact form label span{padding: 0 15px; color: #018afe; margin: 0 0 8px 0;} #contact form .txt{display: block; width: 255px; height: 30px; margin: 0 0 30px 0;} #contact form .txt2{display: block; width: 255px; height: 208px; margin: 0 0 30px 0;} #contact form .sbmt{display: block; background: url(../images/graysubmit.jpg); width: 118px; height: 40px; border: 0; margin: 0 0 30px 0; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#000000; text-transform:uppercase;} /* Hire A Designer */ ul.green{display: block; margin: 35px 20px;} ul.green li{list-style-image: url(../images/greenarrow.gif); font: 25px/15px Georgia, "Times New Roman", Times, serif; color: #5d7f01; line-height: 35px; text-indent: 0px; word-spacing:10px; text-shadow:#CCCCCC;} #hireadesigner{display: block; width: 620px; float: left; padding: 0 0 10px 0px;} #hireadesigner .itemHolder{display: block; width: 255px; float: left;} #hireadesigner .itemHolder .items{ display: block; border: 1px solid #dfdfdf; padding: 5px; margin: 0 0 35px 0;} #hireadesigner .itemHolder .items h3{display: block; font-size: 1px; background: #dadada url(../images/bicolorback.gif) repeat-y; color: #000000; margin: 0 0 0 0; height: 36px;} #hireadesigner .itemHolder .items h3.webdesigner{background: url(../images/webdesigner_heading.gif) no-repeat;} #hireadesigner .itemHolder .items h3.flashdesigner{background: url(../images/flashdesigner_header.gif) no-repeat;} #hireadesigner .itemHolder .items h3.phpdeveloper{background: url(../images/phpmysql_header.gif) no-repeat;} #hireadesigner .itemHolder .items p{margin: 0; padding: 25px 10px;} #hireadesigner .itemHolder .items .joinus{display: block; width: 173px; height: 29px; text-decoration: none; background: url(../images/joinusbutton.gif) no-repeat; margin: 0 auto; color: #fefaf0; font-size: 1px;} #hireadesigner .faqHolder{display: block; width: 335px; float: left; margin: 0 0 0 30px;} #hireadesigner .faqHolder h3{display: block; width: 335px; height: 58px; float: left; background:url(../images/questionmark.gif) no-repeat; text-indent: 45px; font: 40px/60px Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 20px 0;} #hireadesigner .faqHolder ol{ margin: 0;} #hireadesigner .faqHolder ol li{color: #ef8c00; font: 26px Arial, Helvetica, sans-serif; font-weight: bold; margin: 30px;} #hireadesigner .faqHolder ol li span{font-size: 14px; font-weight: normal;display: block;} #hireadesigner .faqHolder ol li .details{color: #46ad01; font: 12px/14px Tahoma, Arial, Helvetica, sans-serif; margin: 15px 0 15px -30px;} /* Web Design Package */ #webdesigncontentfrm{display: block; width: 990px; float: left; background: url(../images/dots.gif) repeat-x; margin: 25px 0; padding: 25px 0;} .webleft{display:block; width: 540px; float:left;} .webleft h3{font: 24px/24px Arial, Helvetica, sans-serif; font-weight: bold; color: #010101; text-transform: uppercase;} .webleft h3 span{display: block; color: #515252; font: 14px/14px;} .webleft label{display: block; width: 90px; float: left; font: 14px/30px Arial, Helvetica, sans-serif; color: #000000; clear:both;} .webleft input.txt{display: block; width: 205px; height: 28px; float: left; margin: 0 5px 25px 0; vertical-align: middle;} .webleft span.req{display: block; width: 80px; float: left; color: #007efe;} .webleft p{clear: both;} .webleft{display:block; width: 540px; float:left; margin: 0 0 0 55px;} .webleft table{display:block; width: 100%;} .webleft table caption{background-color: #ff7500; width: 540px; padding: 5px; text-align: left; color:#FFFFFF; font: 15px/15px Arial, Helvetica, sans-serif; margin: 0 0 10px 0;} .webleft table td{padding: 8px 5px 8px 0;} .webleft table .chkbox{width: 30px; text-align: left;} .webleft table .cont{text-align: left;} .webleft table .inpt{width: 55px; text-align: right;} .webleft table .rate{width: 30px; text-align: right;} .webleft .estimate{display: block; border: 1px solid #c3c3c3; padding: 4px; margin: 15px 0;} .webleft .estimate table{background: #f6f6f6;} .webleft .estimate table td{padding: 10px;} .webleft .estimate table td.est{font: 16px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#000000;} .btn1{display: block; width: 238px; height: 38px; background: url(../images/btn-back.gif) repeat-x; font: 18px/18px Arial, Helvetica, sans-serif; color: #010101; border: 1px solid #b6b6b6; text-transform: uppercase; margin: 0 0 15px 0;} /*------------404---------*/ #errorpage{display: block; width:100%; margin: 0 auto; background:url(../images/404-back.jpg) repeat-x bottom; float:left; margin:42px 0 0 0;} #errorpage .errorimg {width:706px; height:606px; background:url(../images/404.png) no-repeat bottom; margin:0px auto; padding:0px;} #errorheading h1{display: block; float: left; background:url(../images/caption-404.gif); background-repeat:no-repeat; text-indent: -2000px; width: 913px; height: 82px; padding: 0; margin: 60px 0 0 0;} /*------------404 End---------*/ /* top Column logo and print design*/ #logodesign h1{display: block; float: left; background:url(../images/logo-design.gif); background-repeat:no-repeat; text-indent: -2000px; width: 780px; height: 91px; padding: 0; margin: 60px 0 0 0;} #toplogo{display: block; width: 990px; float: left; margin: 102px 0 0 0;} #toplogo h2 {display: block; font: 40px Tahoma, "Times New Roman", Times, serif; color: #000000; text-transform:uppercase; line-height: 40px;} #toplogo h2 span{display: block; font: 40px Tahoma, "Times New Roman", Times, serif; color: #ff7500; text-transform: none; line-height: 40px; display:inline; text-align:center;} #toplogo ul { margin:13px 0 0 0; padding:0px;} #toplogo ul li { background:url(../images/bullet.gif) no-repeat left; list-style:none; list-style-image:none; float:left; padding:0 74px 0 0; height:25px;} #toplogo ul li span {padding:0 0 0 35px; font:12px Tahoma, "Times New Roman", Times, serif; font-weight:bold; color:#000000; line-height:25px;} #toplogo .logoborder { background:#FFFFFF; border:1px solid #dbdbdb; float:left; display: block; width: 980px; margin:14px auto; height:100%;} #toplogo .logoborder .logoArea{ display: block; width: 945px; margin:14px auto;} #toplogo .logoborder .logoArea ul {margin:0px; padding:0px; width: 945px; float:left;} #toplogo .logoborder .logoArea ul li{display:block; float:left; margin:20px 0 0 40px; padding:0px; height:110px;} #toplogo .bottomborder { background:url(../images/dot-line.gif) repeat-x; display:block; float:left; width: 980px; height:1px; margin:5px 0 0 0;} #content1{display: block; width: 990px; float: left; margin: 20px 0 0 0;} #content1 h2 {font: 40px/15px Georgia, "Times New Roman", Times, serif; line-height: 40px; color: #ff8302; text-transform: uppercase; margin-bottom: 35px;} .captiontext {font: 30px Tahoma, Georgia, "Times New Roman", Times, serif; line-height: 40px; color: #000000; margin-bottom: 35px;} .captiontext1 {font: 18px Tahoma, Georgia, "Times New Roman", Times, serif; line-height: 40px; color: #ff6b00;} #logocontent{display: block; width: 620px; float: left; color:#363535; font-family:Verdana, Arial, Helvetica, sans-serif;} #logocontent strong {font-weight:bold; font-size:12px; color:#000000;} #logocontent div{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;} #logocontent div p{color:#000000; padding:0px; margin:0px;} #logocontent div p strong{color: #000000;} #custom {display: block; width: 620px; float: left; color:#363535; font-family:Verdana, Arial, Helvetica, sans-serif; margin:24px 0 0 0;} #custom .left {display: block; width: 231px; float: left; padding:0 40px 0 0; color:#363535;} #custom .right {display: block; width: 335px; float:right; color:#363535; border:1px solid #b1b1b1; background-color:#f9ffec;} #custom .right .heading {display:block; width:335px; background:#ff6b00; border-bottom:2px solid #000000; text-align:center; color:#FFFFFF; text-transform:uppercase; height:46px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:45px;} #custom .right ul {width:207px; margin:22px auto; padding:0px;} #custom .right ul li {list-style-image:none; list-style-type:none; background:url(../images/bullet-2.gif) no-repeat left ; height:30px;} #custom .right ul li span {padding:0 0 0 26px; font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-size:17px; color:#32352a; line-height:30px;} #custom .button {width:203px; height:47px; margin:0px auto;} /* top Column logo and print design*/ /*Career*/ .webleft .submit {display: block; width: 150px; height: 38px; background: url(../images/btn-back.gif) repeat-x; font: 18px/18px Arial, Helvetica, sans-serif; color: #010101; border: 1px solid #b6b6b6; text-transform: uppercase; margin: 0 0 15px 88px;}