body {background-image:url(../images/body_bg.jpg); background-repeat:no-repeat; background-position:center top; padding:0px; margin:0px;font-family:Arial, Helvetica, sans-serif;}
#mainContainer {width:1000px;height:auto; position:relative; margin:0px auto; height:auto; display:block;}

/*----------------------------------Header----------------------------------------*/
#top {width:1000px; padding:0px; margin:0px; height:108px;display:block; clear:both; margin:0px auto; background-image:url(../images/header/head_top.jpg)}
#top .middle {width:974px; height:108px;float:left; padding:0px 13px 0px 13px;}
#top .logo {width:368px;height:101px;position:absolute;left:46px;top:0px;}

#top .smallLink {width:265px;height:10px;position:absolute;top:17px;font-size:11px;color:#a7a7a7;left: 712px;}
#top .smallLink ul {width:265px; float:left; padding:0px; margin:0px; list-style:none;}
#top .smallLink ul li {width:auto; float:left; padding:0px; margin:0px; background-image:url(../images/header/topNav_arrow.gif); background-repeat:no-repeat; background-position:left;}
#top .smallLink ul li.topNav {width:auto; float:left; padding-left:9px; padding-right:11px;}
#top .smallLink ul li.topNavLast {width:auto; float:left; padding-left:9px;}
#top .smallLink ul li a {color:#a7a7a7; text-decoration:none;}
#top .smallLink ul li a:hover {color:#000; text-decoration:underline;}

#top .topMainNav {width:350px;height:auto;position:absolute;top:69px;left: 630px;}
#top .topMainNav ul {width:auto; padding:0px; margin:0px; float:left; list-style:none;}
#top .topMainNav ul li {width:auto; padding:0px; margin:0px; float:left; list-style:none; padding-right:27px;}
#top .topMainNav ul li.service a {width:59px; float:left; background-image:url(../images/header/web_service_btn.gif); background-repeat:no-repeat; background-position:0px 0px; height:24px;}
#top .topMainNav ul li.service a:hover{width:59px; float:left; background-image:url(../images/header/web_service_btn.gif); background-repeat:no-repeat; background-position:0px -24px; height:24px;}
#top .topMainNav ul li.solution a {width:62px; float:left; background-image:url(../images/header/webdesigning_solution_btn.gif); background-repeat:no-repeat; background-position:0px 0px; height:24px;}
#top .topMainNav ul li.solution a:hover{width:62px; float:left; background-image:url(../images/header/webdesigning_solution_btn.gif); background-repeat:no-repeat; background-position:0px -24px; height:24px;}
#top .topMainNav ul li.client a {width:47px; float:left; background-image:url(../images/header/web-design_client.gif); background-repeat:no-repeat; background-position:0px 0px; height:24px;}
#top .topMainNav ul li.client a:hover{width:47px; float:left; background-image:url(../images/header/web-design_client.gif); background-repeat:no-repeat; background-position:0px -24px; height:24px;}
#top .topMainNav ul li.portfolio a {width:56px; float:left; background-image:url(../images/header/web_portfolio.gif); background-repeat:no-repeat; background-position:0px 0px; height:24px;}
#top .topMainNav ul li.portfolio a:hover{width:56px; float:left; background-image:url(../images/header/web_portfolio.gif); background-repeat:no-repeat; background-position:0px -24px; height:24px;}
#top .topMainNav ul li.about a {width:64px; float:left; background-image:url(../images/header/about_hans.gif); background-repeat:no-repeat; background-position:0px 0px; height:24px;}
#top .topMainNav ul li.about a:hover{width:64px; float:left; background-image:url(../images/header/about_hans.gif); background-repeat:no-repeat; background-position:0px -24px; height:24px; padding-right:0px;}

/*----------------------------------Banner----------------------------------------*/
#banner {width:1000px; float:left; display:block; height:auto;}
#banner .heading {width:398px; height:136px; float:left; margin-top:58px; margin-left:17px; background-image:url(../images/header/web-design_development_india.png); background-repeat:no-repeat;}
#banner .heading .text {width:398px; height:auto; float:left; margin-top:155px; font-family:tahoma; font-size:9px; color:#cbddf0; text-align:right; line-height:14px;}

#banner .img {float:right; padding-top:38px; width:520px; height:323px;}
#banner .fivBox {float:left; background-image:url(../images/header/fivebox.png); width:999px; height:80px; background-repeat:no-repeat;}
#banner .fivBox .content {float:left;height:80px;}
#banner .fivBox .content h6 {float:left; padding:0px; margin:0px; font-size:14px; color:#FFFFFF; padding-top:13px; padding-bottom:10px;}
#banner .fivBox .content h6 a{color:#FFFFFF; text-decoration:none;}
#banner .fivBox .content h6 a:hover{color:#ffffff; text-decoration:underline;}
#banner .fivBox .content p {float:left;font-size:11px; color:#FFFFFF; padding:0px; margin:0px; line-height:14px;}

/*----------------------------------Body Container----------------------------------------*/
#bContainer {width:100%;float:left; margin:21px 0px 0px 0px; height:auto; border:0px solid #990000; background-image:url(../images/bcontainer-bg.jpg); background-repeat:no-repeat;}
#bContainerBg {float:left;width:100%;padding:0px 0px 20px 0px; border:0px solid #000; background:url(../images/body_bg1.gif);}
#bContainerBg .blueBG p { margin:0px; padding:0px;}

/*----------------------------------Left Container----------------------------------------*/
#left {width:213px; float:left; padding:0px; margin:0px; overflow:hidden; height:auto;}
#left #nav {width:189px; float:left; padding-left:24px; border-bottom:1px solid #e0e3e4; clear:right; overflow:hidden;}
.serviceBoxHeading { width:auto;font-size:15px; color:#02afeb; height:13px;float:left; font-weight:bold;}
.serviceBoxShape{width:88px; height:13px; float:right; background-image:url(../images/servicebox_shape.gif); background-position:right; margin-left:0px; margin-top:3px;}
.serviceBoxHeading1 {font-size:12px; color:#a7aaab; height:13px;float:left; margin-top:3px;}
#nav .box1 {width:188px; float:left; border-right:1px solid #e0e3e4;}

#nav .box1 #leftNav {width:100%; float:left; margin-top:15px;}
#nav .box1 #leftNav .heading{width:92%; float:left; font-size:12px; color:#3b6eab; font-weight:bold; background-image:url(../images/leftnav_arrow.gif);text-indent:15px; background-repeat:no-repeat; background-position:2px; margin-bottom:12px;}
a.main:link { color:#3b6eab;text-decoration:none;}
a.main:active { color:#3b6eab;text-decoration:none;}
a.main:visited { color:#3b6eab;text-decoration:none;}
a.main:hover { color:#02afeb;text-decoration:underline;}

#nav .box1 #leftNav ul{width:90%; float:right; margin:0px; padding:0px; list-style:none;}
#nav .box1 #leftNav ul li{width:100%; float:left; font-size:11px; color:#545b64; font-weight:bold; background-image:url(../images/leftnav_arrow1.gif);text-indent:15px; background-repeat:no-repeat; background-position:2px; font-weight:normal; margin-bottom:5px;}
#nav .box1 #leftNav ul li a{width:100%; float:left; color:#545b64; text-decoration:none;}
#nav .box1 #leftNav ul li a:hover{width:100%; float:left; color:#02afeb; text-decoration:underline;}
#nav .box1 #leftNav .divider{width:92%; float:left; background-image:url(../images/left_divider.gif); height:1px; margin-bottom:10px;}

#left .boxContainer{width:189px; float:left; padding-left:24px; margin-top:26px;}
#left .boxContainer .heading{width:100%; float:left; font-size:14px; color:#000000;}
#left .boxContainer .text{width:100%; float:left; font-size:12px; color:#878787; line-height:17px; margin-top:9px;}
#left .boxContainer .text a{color:#878787; border-bottom:1px solid #02afeb; text-decoration:none;}
#left .boxContainer .text a:hover{color:#000000;border-bottom:1px solid #000000;}

#webDesignStudio {width:189px; margin-left:24px; _margin-left:10px; float:left; background-image:url(../images/left/we_studio.jpg); background-repeat:no-repeat; margin-top:27px; padding-top:129px; padding-bottom:17px;}
#webDesignStudio p { padding:0px; margin:0px; color:#878787; font-size:12px; padding-left:12px;}
#webDesignStudio a{ border-bottom:1px solid #02afeb; text-decoration:none;color:#878787;}
#webDesignStudio a:hover{ border-bottom:1px solid #000; text-decoration:none;color:#000;}

#testimonials {width:189px; margin-left:24px; _margin-left:10px; float:left;padding-Bottom:17px;}
#testimonials .top{width:100%; height:9px; float:left; background-image:url(../images/testimonials_top.gif);}
#testimonials .bottom{width:100%; height:9px; float:left; background-image:url(../images/testimonials_bottom.gif);}
#testimonials .middle{width:100%; height:auto; float:left; background-color:#02afeb;}
#testimonials .middle h1{width:85%; height:auto; float:left; font-size:16px; color:#FFFFFF; padding:0px 0px 10px 15px; margin:0px;}
#testimonials .middle .text{width:85%; height:auto; float:left; font-size:11px; color:#FFFFFF; padding:0px 0px 10px 15px; margin:0px; line-height:15px;}

#left .boxes {width:189px; margin-left:24px; _margin-left:10px; float:left; padding-bottom:25px;}
#left .boxes h1{ float:left;width:174px; padding:0px 0px 10px 0px; margin:0px; font-size:14px; color:#000000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#left .boxes p { padding:0px; margin:0px; color:#878787; font-size:12px; float:left; width:100%;}
#left .boxes a{ border-bottom:1px solid #02afeb; text-decoration:none;color:#878787;}
#left .boxes a:hover{ border-bottom:1px solid #000; text-decoration:none;color:#000;}
#left .boxes .button {background-color:#000000; font-size:11px; color:#FFFFFF; padding:7px; float:left;}
#left .boxes a.button {background-color:#000000; font-size:11px; color:#FFFFFF; padding:7px; float:left; border-bottom:0px solid #02afeb;}
#left .boxes a.button:hover{background-color:#0099CC; font-size:11px; color:#fff; padding:7px; float:left;}

/*----------------------------------Middle Container----------------------------------------*/
#middleControl {float:left; width:500px; margin-left:25px;}

/*----------------------------------Right Container----------------------------------------*/
#rightControl {float:left; width:237px; margin-left:10px; display:inline-block; }
#rightControl .divider {float:left; clear:both; width:100%; height:18px; display:block;}
#rightControl .side_boxC { margin:0px auto; width:220px; padding:10px 0px; display:table; clear:both; border:0px solid #000;}
#rightControl .side_box {width:80%; border:0px solid #000; margin:0px auto; clear:both;}

.side_box h3 {float:left; color:#0b4b97;font-family:"HelveticaNeueLight", arial;
font-size:20px;font-weight:200;padding:0px 0px 10px 0px;margin:0px;}
.side_box p {font-size:0.75em;line-height:1.4em;padding:0px; margin:0px;}
.side_box p a {color:#02afeb; text-decoration:none;}
.side_box p a:hover {color:#000; text-decoration:none;}
.side_box h4 {float:left; color:#301207; font-family:"HelveticaNeueLight", arial;font-size:15px;font-weight:400; padding:10px 0px; margin:0px; width:100%;}
.side_box ul.rss {float:left; padding:0px; margin:0px; list-style:none; width:100%;}
.side_box ul.rss li {float:left; padding:0px; margin:0px; font-size:11px; border:0px solid #000; width:52px;}
.side_box ul.rss li img {float:left;}
.side_box ul.rss li span a {float:left; padding:0px 0px 0px 10px; font-size:11px; color:#375297; font-weight:bold; text-decoration:none;}
.side_box ul.rss li span a:hover {float:left; padding:0px 0px 0px 10px; font-size:11px; color:#02afeb; font-weight:bold; text-decoration:underline;}

.side_boxC ul.web2 {float:left; padding:0px; margin:0px; list-style:none; width:100%;}
.side_boxC ul.web2 li {float:left; padding:6px 0px 0px 8px; margin:0px; list-style:none;width:100%; color:#02afeb; font-size:11px; width:90%;}
.side_boxC ul.web2 a {float:left; padding:4px 0px; margin:0px;width:100%; color:#929292; font-size:11px; border-top:1px dashed #e0e0e0; border-bottom:1px dashed #e0e0e0; display:block;}
.side_boxC ul.web2 a:hover {float:left; padding:4px 0px; margin:0px;width:100%; color:#000; font-size:11px; border-top:1px dashed #e0e0e0; border-bottom:1px dashed #e0e0e0; display:block;}

.side_boxC .psd_xhtml {width:197px; height:248px; background:#e3f5fa url(../images/psd_xhtml_bg.jpg) no-repeat; margin:0px auto;}
.side_boxC .psd_xhtml p.hightlight { font-size:13px; padding:124px 0px 10px 10px; display:block; width:177px; color:#004194; font-weight:bold; line-height:16px;}
.color1 {color:#0fbeba;}
.color2 {color:#303a5e;}
.color3 {color:#84b372;}
.side_boxC .psd_xhtml p { font-size:11px; color:#878787; padding-left:10px; padding-bottom:10px; display:block; width:177px; line-height:14px;}
.side_boxC .psd_xhtml a {color:#0b4b97; text-decoration:none;}
.side_boxC .psd_xhtml a:hover {background-color:#52a0d4; text-decoration:none; color:#fff; font-weight:bold;}

.side_boxC .email_marketing { background:url(../images/email_marketing_solutions.jpg) no-repeat; width:196px; height:390px; margin:0px auto; clear:both;}
.side_boxC .email_marketing p { padding:270px 0px 0px 23px; font-size:11px; color:#585858; width:141px; line-height:16px;}
.side_boxC .email_marketing a { color:#0054ad; text-decoration:underline;}
.side_boxC .email_marketing a:hover { color:#000; text-decoration:none;}


/*----------------------------------footer----------------------------------------*/
.footerStart {width:1000px; float:left; }
#footer {float:left;width:987px; background-color:#cdedf8; padding:25px 0px 10px 0px; border:0px solid #CCFF66; margin-left:6px; _margin-left:3px;}
#footer .box {width:200px; float:left; padding-left:40px; color:#79b4c9; font-size:11px; padding-bottom:15px;}
#footer .box h1 {width:100%; float:left; font-family:"Lucida Sans Unicode",arial; font-size:13px; color:#305c91; padding:0px 0px 8px 0px; margin:0px;}
#footer .box p {width:100%; float:left; padding:8px 0px 8px 0px; margin:0px; line-height:16px; padding-bottom:10px;}
#footer .box a{color:#79b4c9; text-decoration:none;}
#footer .box a:hover{color:#000; text-decoration:none; cursor:hand;}
#footer .box .viewall{width:253px; float:left; color:#4d7e8f; font-size:11px; text-transform:uppercase; text-decoration:underline;}
#footer .hr {float:left;width:920px; margin-top:20px; background-image:url(../images/footer-hr.gif); height:2px;margin-left:30px;_margin-left:15px;}

#footer .links {width:90%; float:left; padding:20px 0px 0px 40px; }
#footer .links ul {width:650px; float:left; padding:0px; margin:0px; list-style:none;color:#7da7d1; font-size:11px;}
#footer .links ul li {width:auto; float:left; padding:0px 5px 4px 5px; background-image:url(../images/footer_links.gif); background-position:right 2px; background-repeat:no-repeat; border:0px solid #99FF00;}
#footer .links ul li a{color:#7da7d1; text-decoration:none;}
#footer .links ul li a:hover{color:#003366; text-decoration:underline;}

.copyright {width:90%; float:left; padding:20px 0px 0px 40px; }
.copyright ul{width:700px; float:left; padding:0px; margin:0px; list-style:none;}
.copyright ul li{width:auto; float:left; padding:0px 10px 4px 5px; margin:0px; border:0px solid #99FF00;color:#7da7d1; font-size:11px;}
.copyright ul li a{color:#7da7d1; text-decoration:none;}
.copyright ul li a:hover{color:#003366; text-decoration:underline;}

.footerEnd {width:1000px; float:left; padding:0px 0px 0px 7px; border:1px solid #000;}