@charset "utf-8";


@font-face{font-family:"Open Sans"; src:url("fonts/OpenSans-Regular.ttf") format("truetype");}
@font-face{font-family:"Open Sans Condensed Light"; src: url("fonts/OpenSans-CondLight.ttf") format("truetype");}
@font-face{font-family:"Open Sans Light"; src: url("fonts/OpenSans-Light.ttf") format("truetype");}


body {background-color: #FFFFFF; font-family:Open Sans, arial; color:#7A7A7A; font-size:12px; margin:0px;}
.wrapper{background: url(../images/header_bg.jpg) repeat-x top #fff; margin:auto 0px; width:100%;}
a{color:#7A7A7A;}

.png{behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}

/* header start */

.header{height:151px; width:1000px; margin:auto;}
.logo{height:91px; float:left; width:287px; border:0px; background:url(../images/logo.png) no-repeat;}
.fleft{float:left;}
.fright{float:right;}
.chat_bar{ background:url(../images/chat_bg.gif) no-repeat; height:31px; width:342px; margin-top:13px; padding-top:7px; padding-left:90px; font-family:"Open Sans", arial; font-size:12px; color:#3a3a3a; line-height:25px;}
.chat_bar img{float:left; border:0px; margin-left:10px;}
.call{font-family:"Open Sans", arial; font-weight:bold; font-size:17px; color:#1c89cf; text-align:right; margin-top:8px;}
.call_grey{color:#484646;}

/* header end */

/* ------navigation start---- */

.navigation {width:1000px; position:relative; margin:auto; margin:0px; padding:0px; background: url(../images/nav_bg.jpg) no-repeat top center; z-index:99999;}
.menu{width:1000px; line-height:30px; height:30px; margin:0px; padding:15px 0px; @overflow:hidden;}
.home_button{background:url(../images/home_icon.png) no-repeat; height:33px; width:33px; display:block; float:left; margin:0 12px 0 23px; @margin-left:18px; padding:0px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); cursor:pointer;}
#menus{ margin:0; padding:0; font-size:12px;z-index:2000; font-weight:bold; }
#menus ul{margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; text-transform:uppercase;}
#menus li { float:left; list-style:none; position:relative; line-height:30px; height:30px; margin:0px; padding:0px 0 0px 0;}
#menus li a { color:#fff; height:30px; float:left;  text-decoration:none;  padding:0 18px ; @padding:0 18px ;  background:url(../images/trans_white.png) repeat; @background:#66b9ee; margin:0px 5px;  line-height:30px; text-transform:uppercase; }
#menus li a:hover{background:url(../images/trans_dark.png) repeat; line-height:30px; height:30px; @background:#194664;}
/*#menus li a.selected{background:url(../images/trans_dark.png) repeat; line-height:30px; height:30px;}
#menus li.selected a{background:url(../images/trans_dark.png) repeat; line-height:30px; height:30px;}*/

.dd_column200{float:left; width:220px; margin-right:15px;}
.dd_column2001{float:left; width:220px;}

#dorpdown{border:2px solid #13486c; position:absolute; background-color:#FFFFFF; top:44px; top:45px; left:178px; @left:193px; padding:0 10px 10px; margin:0px; font-weight:normal; z-index:99999;box-shadow:0px 0px 5px #666;}
#dorpdown .full{width:455px;}
#dorpdown .product{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
#dorpdown .product a{color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; font-weight:normal; font-family:"Open Sans", arial;}
#dorpdown .product a:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:#f8f8f8; z-index:99999;}
.product1{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
a.product1 {color:#13486c!important; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; background:url(../images/blue_arrow.gif) no-repeat left; padding-left:15px!important;  font-family:"Open Sans", arial;}
a.product1:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:url(../images/blue_arrow.gif) no-repeat left #f8f8f8!important; z-index:99999;}

#dorpdown1{ width:220px; border:2px solid #13486c; position:absolute; background-color:#FFFFFF; top:44px; top:45px; left:73px; @left:86px; padding:0 10px 10px; margin:0px; font-weight:normal; z-index:99999;box-shadow:0px 0px 5px #666;}
#dorpdown1 .full{width:455px;}
#dorpdown1 .product{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
#dorpdown1 .product a{color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; font-weight:bold; font-family:"Open Sans", arial;}
#dorpdown1 .product a:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:#f8f8f8; z-index:99999;}


#dorpdown2{border:2px solid #13486c; position:absolute; background-color:#FFFFFF; top:44px; top:45px; left:281px; @left:295px; padding:0 10px 10px; margin:0px; font-weight:normal; z-index:99999;box-shadow:0px 0px 5px #666;}
#dorpdown2 .full{width:455px;}
#dorpdown2 .product{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
#dorpdown2 .product a{color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; font-weight:normal; font-family:"Open Sans", arial;}
#dorpdown2 .product a:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:#f8f8f8; z-index:99999;}
.product1{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
a.product1 {color:#13486c!important; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; background:url(../images/blue_arrow.gif) no-repeat left; padding-left:15px!important; font-family:"Open Sans", arial;}
a.product1:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:url(../images/blue_arrow.gif) no-repeat left #f8f8f8!important; z-index:99999;}

#dorpdown3{ width:270px; border:2px solid #13486c; position:absolute; background-color:#FFFFFF; top:44px; top:45px; left:500px; @left:516px; padding:0 10px 10px; margin:0px; font-weight:normal; z-index:99999;box-shadow:0px 0px 5px #666;}
#dorpdown3 .full{width:455px;}
#dorpdown3 .product{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
#dorpdown3 .product a{color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; font-weight:bold; font-family:"Open Sans", arial;}
#dorpdown3 .product a:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:#f8f8f8; z-index:99999;}

#dorpdown5{ width:270px; border:2px solid #13486c; position:absolute; background-color:#FFFFFF; top:44px; top:45px; left:391px; @left:407px; padding:0 10px 10px; margin:0px; font-weight:normal; z-index:99999;box-shadow:0px 0px 5px #666;}
#dorpdown5 .product{margin:0 0 0 0; padding:10px 0 0 0; font-size:12px; z-index:99999;}
#dorpdown5 .product a{color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #bbbbbb; display:block; padding:5px; margin:0 0 0 0; line-height:18px; z-index:99999; font-weight:bold; font-family:"Open Sans", arial;}
#dorpdown5 .product a:hover {color:#1d1d1d; text-decoration:none; border-bottom:1px dotted #1d1d1d; background:#f8f8f8; z-index:99999;}


/* ------navigation end---- */

/* ------banner start---- */

.banner_bg{background:url(../images/nav_shadow.jpg) no-repeat center top #e6f5fc; margin:auto; padding:15px 0px 0px;}
#slicing_steps {
background:url("../design/slicing_steps_background.png") repeat-x scroll center top transparent;
color:#34435E;
height:356px;
margin:-40px 0 0;
position:relative;
width:100%;
z-index:0;
}
#steps {
margin:0 auto;
width:910px;
@z-index:-1;
}
#steps div {
text-align:center;
}
#steps div h1 {
margin:10px 0 0;
}
#steps div p {
font-size:17px;
font-style:italic;
font-weight:bold;
margin:10px 10px 0;
text-align:center;
}
#steps div p span {
color:#FFFFFF;
display:block;
font-size:14px;
line-height:18px;
margin:0 auto;
}
#steps div p.active {
font-size:18px;
line-height:24px;
margin:10px 10px 0;
}
#steps div p.active span {
color:#FFFFFF;
font-size:13px;
font-style:normal;
font-weight:normal;
line-height:18px;
}
#steps div p.active span a, #steps div p.active span a:hover, #steps div p.active span a:active {
color:#FFFFFF;
display:block;
text-align:center;
text-indent:0;
}
#steps #step_one {
display:block;
height:219px;
left:2px;
margin:68px 0 0 5px;
padding:60px 0 0;
position:absolute;
width:180px;
z-index:0;
}
#steps #step_two {
display:block;
height:259px;
left:0;
margin:38px 0 0;
padding:50px 0 0;
position:absolute;
width:160px;
z-index:0;
}
#steps #step_three {
display:block;
height:319px;
left:0;
margin:8px 0 0;
padding:20px 0 0;
position:absolute;
width:218px;
z-index:0;
}
#steps #step_four {
display:block;
height:256px;
left:-1px;
margin:38px 0 0;
padding:53px 0 0;
position:absolute;
width:170px;
z-index:0;
}
#steps #step_five {
display:block;
height:220px;
left:0;
margin:68px 0 0;
padding:59px 0 0;
position:absolute;
width:170px;
z-index:0;
}
#step_idea, #step_design, #step_slicing, #step_coding, #step_deployment {
display:inline;
float:left;
}
#step_idea {
background:url("../design/slicing_steps_idea_background.jpg") no-repeat scroll center bottom transparent;
height:356px;
position:relative;
width:187px;
}
#step_idea #id_active {
background:url("../design/slicing_steps_idea_background_active.jpg") no-repeat scroll left top transparent;
bottom:0px;
height:0;
left:7px;
overflow:hidden;
position:absolute;
width:180px;
z-index:1;
}
#step_idea #id_active img {
margin:15px 0 0;
}
#step_idea #id_active h1 img {
margin:-10px 0 0;
}
#step_idea a.naruci_sad {
background:url("../design/naruci_sad_gumb.png") no-repeat scroll left top transparent;
bottom:-70px;
cursor:pointer;
display:block;
height:71px;
position:absolute;
right:30px;
width:71px;
}
#step_idea a.order_now {
background:url("../design/order_now_button.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_idea a.jetzt_bestellen {
background:url("../design/jetzt_bestellen_button.png") no-repeat scroll left top transparent;
}
#step_idea a.naruci_sad:hover {
background:url("../design/naruci_sad_gumb_active.png") no-repeat scroll left top transparent;
}
#step_idea a.order_now:hover {
background:url("../design/order_now_button_active.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_idea a.jetzt_bestellen:hover {
background:url("../design/jetzt_bestellen_button_active.png") no-repeat scroll left top transparent;
}
#step_idea a.naruci_sad span, #steps a.info_btn span {
display:none;
}
#step_idea a.info_btn {
background:url("../design/info_gumb.png") no-repeat scroll 0 0 transparent;
bottom:-70px;
cursor:pointer;
height:60px;
position:absolute;
right:82px;
width:62px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_idea a.info_btn:hover {
background:url("../design/info_gumb_active.png") no-repeat scroll 0 0 transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_design {
background:url("../design/slicing_steps_design_background.jpg") no-repeat scroll center bottom transparent;
height:356px;
position:relative;
width:160px;
}
#step_design #de_active {
background:url("../design/slicing_steps_design_background_active.jpg") no-repeat scroll left top transparent;
bottom:0px;
height:0;
left:0;
overflow:hidden;
position:absolute;
width:160px;
z-index:1;
}
#step_design a.naruci_sad {
background:url("../design/naruci_sad_gumb.png") no-repeat scroll left top transparent;
bottom:-70px;
cursor:pointer;
display:block;
height:71px;
position:absolute;
right:25px;
width:71px;
}
#step_design a.order_now {
background:url("../design/order_now_button.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_design a.jetzt_bestellen {
background:url("../design/jetzt_bestellen_button.png") no-repeat scroll left top transparent;
}
#step_design a.naruci_sad:hover {
background:url("../design/naruci_sad_gumb_active.png") no-repeat scroll left top transparent;
}
#step_design a.order_now:hover {
background:url("../design/order_now_button_active.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_design a.jetzt_bestellen:hover {
background:url("../design/jetzt_bestellen_button_active.png") no-repeat scroll left top transparent;
}
#step_design a.naruci_sad span, #steps a.info_btn span {
display:none;
}
#step_design a.info_btn {
background:url("../design/info_gumb.png") no-repeat scroll 0 0 transparent;
bottom:-70px;
cursor:pointer;
height:60px;
position:absolute;
right:78px;
width:62px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_design a.info_btn:hover {
background:url("../design/info_gumb_active.png") no-repeat scroll 0 0 transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_design #de_active img {
margin:15px 0 0;
}
#step_design #de_active h1 img {
margin:-8px 0 0;
}
#step_slicing {
background:url("../design/slicing_steps_slicing_background.jpg") no-repeat scroll left bottom transparent;
height:356px;
position:relative;
width:219px;
}
#step_slicing #sl_active {
background:url("../design/slicing_steps_slicing_background_active.jpg") no-repeat scroll left top transparent;
bottom:0px;
height:339px;
left:0;
overflow:hidden;
position:absolute;
width:219px;
z-index:1;
}
#step_slicing p.active a {
display:block;
text-align:left;
text-indent:20px;
}
#step_slicing a.naruci_sad {
background:url("../design/naruci_sad_gumb.png") no-repeat scroll left top transparent;
bottom:9px;
cursor:pointer;
display:block;
height:71px;
position:absolute;
right:55px;
width:71px;
}
#step_slicing a.order_now {
background:url("../design/order_now_button.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_slicing a.jetzt_bestellen {
background:url("../design/jetzt_bestellen_button.png") no-repeat scroll left top transparent;
}
#step_slicing a.naruci_sad:hover {
background:url("../design/naruci_sad_gumb_active.png") no-repeat scroll left top transparent;
}
#step_slicing a.order_now:hover {
background:url("../design/order_now_button_active.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_slicing a.jetzt_bestellen:hover {
background:url("../design/jetzt_bestellen_button_active.png") no-repeat scroll left top transparent;
}
#step_slicing a.naruci_sad span, #steps a.info_btn span {
display:none;
}
#step_slicing a.info_btn {
background:url("../design/info_gumb.png") no-repeat scroll 0 0 transparent;
bottom:9px;
cursor:pointer;
height:60px;
position:absolute;
right:108px;
width:62px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_slicing a.info_btn:hover {
background:url("../design/info_gumb_active.png") no-repeat scroll 0 0 transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_coding {
background:url("../design/slicing_steps_coding_background.jpg") no-repeat scroll center bottom transparent;
height:356px;
position:relative;
width:169px;
}
#step_coding #co_active {
background:url("../design/slicing_steps_coding_background_active.jpg") no-repeat scroll left top transparent;
bottom:0px;
height:0;
left:-1px;
overflow:hidden;
position:absolute;
width:170px;
z-index:1;
}
#step_coding a.naruci_sad {
background:url("../design/naruci_sad_gumb.png") no-repeat scroll left top transparent;
bottom:-70px;
cursor:pointer;
display:block;
height:71px;
position:absolute;
right:25px;
width:71px;
}
#step_coding a.order_now {
background:url("../design/order_now_button.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_coding a.jetzt_bestellen {
background:url("../design/jetzt_bestellen_button.png") no-repeat scroll left top transparent;
}
#step_coding a.naruci_sad:hover {
background:url("../design/naruci_sad_gumb_active.png") no-repeat scroll left top transparent;
}
#step_coding a.order_now:hover {
background:url("../design/order_now_button_active.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_coding a.jetzt_bestellen:hover {
background:url("../design/jetzt_bestellen_button_active.png") no-repeat scroll left top transparent;
}
#step_coding a.naruci_sad span, #steps a.info_btn span {
display:none;
}
#step_coding a.info_btn {
background:url("../design/info_gumb.png") no-repeat scroll 0 0 transparent;
bottom:-70px;
cursor:pointer;
height:60px;
position:absolute;
right:78px;
width:62px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_coding a.info_btn:hover {
background:url("../design/info_gumb_active.png") no-repeat scroll 0 0 transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_coding #co_active img {
margin:25px 0 0;
}
#step_coding #co_active h1 img {
margin:-4px 0 0;
}
#step_deployment {
background:url("../design/slicing_steps_deployment_background.jpg") no-repeat scroll center bottom transparent;
height:356px;
position:relative;
width:175px;
}
#step_deployment #dy_active {
background:url("../design/slicing_steps_deployment_background_active.jpg") no-repeat scroll left top transparent;
bottom:0px;
height:0;
left:0;
overflow:hidden;
position:absolute;
width:170px;
z-index:1;
}
#step_deployment a.naruci_sad {
background:url("../design/naruci_sad_gumb.png") no-repeat scroll left top transparent;
bottom:-70px;
cursor:pointer;
display:block;
height:71px;
position:absolute;
right:25px;
width:71px;
}
#step_deployment a.order_now {
background:url("../design/order_now_button.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_deployment a.jetzt_bestellen {
background:url("../design/jetzt_bestellen_button.png") no-repeat scroll left top transparent;
}
#step_deployment a.naruci_sad:hover {
background:url("../design/naruci_sad_gumb_active.png") no-repeat scroll left top transparent;
}
#step_deployment a.order_now:hover {
background:url("../design/order_now_button_active.png") no-repeat scroll left top transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_deployment a.jetzt_bestellen:hover {
background:url("../design/jetzt_bestellen_button_active.png") no-repeat scroll left top transparent;
}
#step_deployment a.naruci_sad span, #steps a.info_btn span {
display:none;
}
#step_deployment a.info_btn {
background:url("../design/info_gumb.png") no-repeat scroll 0 0 transparent;
bottom:-70px;
cursor:pointer;
height:60px;
position:absolute;
right:78px;
width:62px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_deployment a.info_btn:hover {
background:url("../design/info_gumb_active.png") no-repeat scroll 0 0 transparent; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#step_deployment #dy_active img {
margin:5px 0 0;
}
#step_deployment #dy_active h1 {
margin-bottom:-10px;
}
#step_deployment #dy_active h1 img {
margin:-10px 0 0;
}
img{border:0;}

#steps a {
color:#34435E;
text-decoration:none;}

/* ------banner end---- */

/* ------offer images start---- */
.offer_box{width:965px; padding-left:35px; margin:auto; margin-bottom:10px; padding-bottom:2px;  margin-top:15px;}
.offer_box a{ margin-right:15px; display:block; float:left;}
.festive{background:url(../images/10-percent-discount/seo-offers.jpg) no-repeat; height:206px; width:300px;}
.reseller{background:url(../images/10-percent-discount/smo-offers.jpg) no-repeat; height:206px; width:300px;}
.new_year{background:url(../images/10-percent-discount/ppc-offers.jpg) no-repeat; height:206px; width:300px;}
/* ------offer images end---- */

/* ------service block start---- */
.service_block{background:url(../images/service_block_bg.jpg) repeat-x top #fff; padding:16px 0 25px;}
.service_1000{width:1000px; margin:auto;}

.service_column{width:245px; float:left; margin-right:24px;}
.service_column img{float:left; margin:5px 18px 0 0;}
.heading_width{width:180px; float:left;}
.service_1000 h3{margin:0px; padding:0px; font-family:"Open Sans Light", arial; font-size:20px; color:#3d3d3d;}
.service_1000 h5{margin:0px; padding:0px; font-family:"Open Sans Light", arial; font-size:12px; color:#929292;}
.service_column ul{margin:0px; margin:0 0 0 0; list-style-type:none; padding-left:0px; margin-top:8px;}
.service_column li{background:#f8fafb url(../images/service_li.jpg) right no-repeat; color:#90a1b2; font-size:12px; font-family:"Open Sans Light", arial; padding:6px 10px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:4px;}
.service_column li a {color: #333333; text-decoration:none; display:block;}
.service_column li a:hover{color:#90a1b2; text-decoration:none;}

.about_column{width:460px; margin-right:22px; float:left;}
.about_column img{float:left; margin:5px 18px 0 0;}
.about_column p {font-size:12px; color:#7a7a7a; line-height:18px; font-family:"Open Sans",arial; margin-top:12px;}
.inner_about_column{width:709px; @width:690px; float:left;}
.inner_about_column p {font-size:12px; color:#7a7a7a; line-height:18px; font-family:"Open Sans",arial;}

.contact_column{width:245px; float:left; font-family:"Open Sans", arial; color:#5b5b5b;}
.contact_column img{float:left; margin:5px 18px 0 0;}
.contact_column ul{margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; @margin-bottom:-10px;}
.contact_column ul li{margin:0 0 6px 0; @margin:0px; padding:0 0 0 0; list-style-type:none; float:left; width:165px; @width:145px; background:none;}

.contact_column input{
	border:1px solid #dedede;
	float:left;
	width:151px; 
	@width:151px;  
	border-left:none; 
	-moz-border-radius:0px 5px 5px 0px; 
	-khtml-border-radius:0px 5px 5px 0px; 
	-webkit-border-radius:0px 5px 5px 0px; 
	border-radius:0px 5px 5px 0px; 
	margin:0 0 0 0; 
	padding:6px; 
	font-size:12px; 
	color:#666666;
	}
	
.contact_column select{
	border:1px solid #dedede;
	line-height:29px;
	height:29px;
	width:164px; 
	@width:157px;  
	-moz-border-radius:0px 5px 5px 0px; 
	-khtml-border-radius:0px 5px 5px 0px; 
	-webkit-border-radius:0px 5px 5px 0px; 
	border-radius:0px 5px 5px 0px; 
	margin:0 0 0 0; 
	padding:6px 0px; 
	font-size:12px; 
	@font-size:20px;
	color:#666666;
	}	

.contact_column textarea{width:212px; border:1px solid #dedede; background:url(../images/message.jpg) no-repeat left top #f8f8f8; height:59px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px ; border-radius:5px; padding:3px 0 0 28px; margin:0 0 0 0;  @width:212px;}

.contact_column .input_email{width:45px; @width:45px; border:1px solid #dedede; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin:0 0 0 0; margin:0 0 0 0;padding:6px 6px 6px 26px;  @padding:6px 6px 6px 26px; background:url(../images/email.jpg) no-repeat left #f8f8f8;}

.contact_column .input_mobile{width:45px; @width:45px; border:1px solid #dedede; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin:0 0 0 0; margin:0 0 0 0;padding:6px 6px 6px 26px; @padding:6px 6px 6px 24px; background:url(../images/mobile.jpg) no-repeat left #f8f8f8;}

.contact_column .input_budget{width:45px; @width:45px; border:1px solid #dedede; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin:0 0 0 0; margin:0 0 0 0;padding:6px 6px 6px 28px;  padding:6px 6px 6px 26px;background:url(../images/budget.jpg) no-repeat left #f8f8f8;}

.contact_column .input_country{width:45px; @width:45px; border:1px solid #dedede; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin:0 0 0 0; margin:0 0 0 0;padding:6px 6px 6px 28px; padding:6px 6px 6px 26px; background:url(../images/country.jpg) no-repeat left #f8f8f8;}

.contact_column .input_name{width:45px; @width:45px; border:1px solid #dedede; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; margin:0 0 0 0; margin:0 0 0 0;padding:6px 6px 6px 28px; padding:6px 6px 6px 26px; background:url(../images/name.jpg) no-repeat left #f8f8f8;}


.submit_btn{
	background:url(../images/sub_btn.jpg) repeat-x; 
	border:1px solid #d9d9d9;
	-moz-border-radius:4px; 
	-khtml-border-radius:4px; 
	-webkit-border-radius:4px ; 
	border-radius:4px; 
	color:#676767; 
	text-shadow:0 1px 0 #fff; 
	padding:4px 25px; 
	@padding:0 4px; 
	font-size:14px; 
	margin:6px 0 0 0; 
	cursor:pointer; 
	}


/* ------service block end---- */

/* ------third block start---- */
.big_block{background:url(../images/third_block_bg.jpg) repeat-x top #dbdee1; padding:20px 0px ;}
.big_block h1{background:url(../images/h1_bg.jpg) repeat-x; height:28px; @height:26px; margin:0 0 0 0; padding:6px 0 0 12px; @padding:8px 0 0 12px; font-family:"Open Sans Light", arial; font-size:16px; color:#010101; text-shadow:0 1px 0 #fff; text-transform:uppercase;}
.light_blue{color:#4cbfe6;}
.dark_blue{color:#1c507c;}
.all_blocks{width:1000px; margin:auto; margin-bottom:19px;}
.first_block{width:300px; height:277px; margin-right:26px; border:1px solid #c5c5c5; float:left;}
.second_block{width:370px; height:277px; margin-right:26px; border:1px solid #c5c5c5; float:left;}
.third_block{width:272px; height:277px; border:1px solid #c5c5c5; float:left;}
.block_bg{background:url(../images/block_bg.jpg) repeat-x top #ececec; height:243px;}
.first_block_txt{color:#303030; font-size:13px; font-family:"Open Sans Light", arial; padding-top:10px;}
.blue_list{ color:#005d94; font-family:"Open Sans Light",arial; font-size:12px; background:url(../images/blue_list.gif) no-repeat top left; margin-top:9px; padding-left:18px; float:left; width:125px;}
.grey_block_bg{ background:url(../images/greybg.jpg) repeat-x; height:31px; line-height:31px; color:#fff; font-family:"Open Sans",arial; font-size:16px; position:relative; margin-top:9px; padding-left:15px;}
.web_tech_box{padding-left:25px;}
.drupal{ margin:6px 5px 0 0; background:url(../images/web_tech/drupal_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.drupal:hover{background:url(../images/web_tech/drupal.jpg);}
.joomla{ margin:6px 5px 0 0; background:url(../images/web_tech/joomla_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.joomla:hover{background:url(../images/web_tech/joomla.jpg);}
.commerce{ margin:6px 5px 0 0; background:url(../images/web_tech/commerce_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.commerce:hover{background:url(../images/web_tech/commerce.jpg);}
.mambo{ margin:6px 5px 0 0; background:url(../images/web_tech/mambo_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.mambo:hover{background:url(../images/web_tech/mambo.jpg);}
.magento{ margin:6px 5px 0 0; background:url(../images/web_tech/magento_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.magento:hover{background:url(../images/web_tech/magento.jpg);}
.wordpress{ margin:6px 5px 0 0; background:url(../images/web_tech/wordpress_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.wordpress:hover{background:url(../images/web_tech/wordpress.jpg);}
.php{ margin:6px 5px 0 0; background:url(../images/web_tech/php_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.php:hover{background:url(../images/web_tech/php.jpg);}
.ajax{ margin:6px 5px 0 0; background:url(../images/web_tech/ajax_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.ajax:hover{background:url(../images/web_tech/ajax.jpg);}
.volusion{ margin:6px 5px 0 0; background:url(../images/web_tech/volusion_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.volusion:hover{background:url(../images/web_tech/volusion.jpg);}
.silverlite{ margin:6px 5px 0 0; background:url(../images/web_tech/silverlite_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.silverlite:hover{background:url(../images/web_tech/silverlite.jpg);}
.cache{ margin:6px 5px 0 0; background:url(../images/web_tech/cache_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.cache:hover{background:url(../images/web_tech/cache.jpg);}
.apache{ margin:6px 5px 0 0; background:url(../images/web_tech/apache_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.apache:hover{background:url(../images/web_tech/apache.jpg);}
.zencart{ margin:6px 5px 0 0; background:url(../images/web_tech/zencart_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.zencart:hover{background:url(../images/web_tech/zencart.jpg);}
.mysql{ margin:6px 5px 0 0; background:url(../images/web_tech/mysql_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.mysql:hover{background:url(../images/web_tech/mysql.jpg);}
.moodle{ margin:6px 5px 0 0; background:url(../images/web_tech/moodle_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.moodle:hover{background:url(../images/web_tech/moodle.jpg);}
.eproduct{ margin:6px 5px 0 0; background:url(../images/web_tech/eproduct_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.eproduct:hover{background:url(../images/web_tech/eproduct.jpg);}
.phpnuke{ margin:6px 5px 0 0; background:url(../images/web_tech/php_nuke_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.phpnuke:hover{background:url(../images/web_tech/php_nuke.jpg);}
.dotnet{ margin:6px 5px 0 0; background:url(../images/web_tech/dotnet_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.dotnet:hover{background:url(../images/web_tech/dotnet.jpg);}
.sql{ margin:6px 5px 0 0; background:url(../images/web_tech/sql_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.sql:hover{background:url(../images/web_tech/sql.jpg);}
.sun{ margin:6px 5px 0 0; background:url(../images/web_tech/sun_grey.jpg) no-repeat; height:41px; width:75px; float:left;}
.sun:hover{background:url(../images/web_tech/sun.jpg);}
.testimonial{height:175px; text-align:center; background:url(../images/testimoni.gif) no-repeat; padding:35px 25px 0; line-height:18px; color:#535353; font-family:"Open Sans Light",arial; font-style:italic;}

.grey_bar{background:url(../images/grey_bar.gif) repeat-x; height:110px;}
.grey_bar_inner{width:1000px; margin:auto;}
.grey_bar_txt{padding-top:10px; width:580px; height:100px; background:url(../images/greyleft.jpg) no-repeat right; float:left; font-family:"Open Sans",arial; color:#3b3b3b; font-size:12px; line-height:18PX; padding-right:30PX;}
.grey_bar_head{color:#010101; font-size:16px; text-shadow:0 1px 0 #fff; margin-bottom:10px;}

.apps_box{width:375px; float:left; background:url(../images/greyright.jpg) no-repeat right; height:110px; padding-left:15px; font-family:"Open Sans", arial; font-weight:bold; text-shadow:0 1px 0 #fff; color:#000;}

.iphone{background:url(../images/iphone.png) no-repeat left; padding-left:40px; width:75px; float:left; margin-top:10px; height:40px; line-height:40px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
.ipad{background:url(../images/ipad.png) no-repeat left; padding-left:40px; width:75px; float:left; margin-top:10px; height:40px; line-height:40px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
.android{background:url(../images/android.png) no-repeat left; padding-left:40px; width:75px; float:left; margin-top:10px; height:40px; line-height:40px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
.blackberry{background:url(../images/blackberry.png) no-repeat left; padding-left:40px; width:75px; float:left; margin-top:10px; height:40px; line-height:40px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
.windows{background:url(../images/windows.png) no-repeat left; padding-left:40px; width:75px; float:left; margin-top:10px; height:40px; line-height:40px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}
.symbian{background:url(../images/symbian.png) no-repeat left; padding-left:40px; width:75px; float:left; margin-top:10px; height:40px; line-height:40px; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}

/* ------third block end---- */

/* ------footer start---- */

.footer_full{ background:url(../images/footer_shadow.jpg) top center no-repeat #f8f8f8; padding:48px 0 20px;}
.footer{width:1000px; margin:auto;}
.column181{width:181px; margin-right:20px; float:left;}
.column194{width:194px; margin-right:20px; float:left;}
.footer_head{ font-family:"Open Sans",arial; font-weight:bold; font-size:14px; color:#333; line-height:26px; border-bottom:dotted 1px #333; text-transform:uppercase;}
.footer_link{background:url(../images/footer_arrow.jpg) no-repeat left; padding-left:13px; line-height:26px; border-bottom:1px dotted #c1c1c1; text-transform:uppercase; font-family:"Open Sans", arial; font-size:10px; color:#777; display:block; text-decoration:none;}
.footer_link:hover{ color:#333; border-bottom: dotted 1px #333;}
.payments{background:url(../images/payments.jpg) no-repeat; margin-top:15px; height:18px; width:176px;}
.partnerleft{float:left; margin:10px 10px 0 0;}
.partnerright{margin-top:10px; float:right;}
.social_icon{margin-top:10px; margin-right:3px; float:left; margin-bottom:13px;}
.small_footer{margin-top:20px; border-top:1px dotted #c1c1c1; padding-top:10px; font-family:"Open Sans",arial; font-size:10px; color:#999; }
.partners_link{margin-top:10px; padding-top:5px; border-top:1px dotted #C1C1C1;}
.partners_link a{color:#999;}

/* ------footer end---- */

/* ------new left widget div start---- */
.left_widget_div{margin-top:15px; padding-top:15px; border-top:1px dotted #c1c1c1; overflow:hidden;}

/* ------Inner heading div---- */
.inner_heading{width:1000px; margin:auto; padding:0px 0 10px;}
.inner_heading h1{font-size:22px; margin:0 0 0 0; padding:30px 0 0 0; color:#0d72b4;}
.inner_heading h5{font-size:14px; margin:15px 0 0 0; padding:0 0 0 0; color:#2397e4; font-weight:normal;}

/* ------fixed footer---- */
#bottom_bar {
    background: url("../images/bar_bg.gif") repeat-x scroll left top transparent;
    border-top: 1px solid #CCCCCC;
    color: #000000;
    float: left;
    font: bold 11px/20px Arial,Helvetica,sans-serif;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999;
}
#bottom_bar .bottom_conatiner {
    margin: 0 auto;
    width: 950px;
}
#bottom_bar .bottom_conatiner .bottom_inner_container {
    color: #000000;
    float: left;
    font: 15px Arial,Helvetica,sans-serif;
    padding: 0;
    width: 100%;
}
#bottom_bar .bottom_conatiner .bottom_inner_container .call_us {
    background: url("../images/call_me.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    font: 15px Arial,Helvetica,sans-serif;
    margin-top: 7px;
    padding: 3px 10px 7px 34px;
    width: 78px;
}
#bottom_bar .bottom_conatiner .bottom_inner_container .us_flag {
    background: url("../images/india-map.gif") no-repeat scroll left top transparent;
    color: #000000;
    display: block;
    float: left;
    font: bold 15px Arial,Helvetica,sans-serif;
    margin: 11px 0 0;
    padding: 0 8px 0 26px;

}
#bottom_bar .bottom_conatiner .bottom_inner_container .uk_flag {
    background: url("../images/usa-flag.gif") no-repeat scroll left top transparent;
    color: #000000;
    float: left;
    font: bold 15px Arial,Helvetica,sans-serif;
    margin: 11px 0 0;
    padding: 0 8px 0 26px;
    width: 115px;
}
#bottom_bar .bottom_conatiner .bottom_inner_container span {
    color: #000000;
    float: left;
    font: 15px Arial,Helvetica,sans-serif;
    margin: 9px 0 0;
    text-align: center;
    width: 31px;
}
#bottom_bar .bottom_conatiner .bottom_inner_container .call_us_back {
    float: left;
    height: 23px;
    margin-top: 7px;
    width: 157px;
}
.call_us_back a {
    color: #000000;
    font: bold 15px Arial,Helvetica,sans-serif;
}
#bottom_bar .bottom_conatiner .bottom_inner_container .call_us_back a img {
    border: medium none;
}
/* ------fixed footer---- */

/* ------pricing table---- */
.pricing_box{width:271px; margin-right:1px; float:left;}
.black_price_head{width:271px; height:38px; line-height:38px; background:url(../images/black_head.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #000;}
.black_price_rs{width:271px; height:78px; line-height:58px; background:url(../images/black_rs.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:32px; text-shadow:0 1px 0 #000;}
.features_div{height:50px; border-bottom:1px solid #d9d9d9; background:#eaeaea; text-align:center; line-height:50px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #fff;}
.price_light{ background:#f6f6f6;  border-bottom:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; line-height:18px; padding:8px 0px 8px 5px;  font-weight:bold; }
/*.price_light{height:40px; background:#f6f6f6; border-bottom:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; line-height:18px; padding:5px 0 0 5px; font-weight:bold; text-align:center;}
.price_dark{height:40px; background:#eaeaea; border-bottom:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; line-height:18px; padding:5px 0 0 5px; font-weight:bold; text-align:center;}*/
.price_dark{background:#eaeaea; border-bottom:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; line-height:18px; padding:8px 0px 8px 5px; font-weight:bold; }

.pricing_box_other{width:108px; margin-right:1px; float:left;}
.blue_price_head{width:108px; height:38px; line-height:38px; background:url(../images/blue_head.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #000;}
.blue_price_rs{width:108px; height:78px; line-height:58px; background:url(../images/blue_rs.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:32px; text-shadow:0 1px 0 #000;}

.green_price_head{width:108px; height:38px; line-height:38px; background:url(../images/green_head.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #000;}
.green_price_rs{width:108px; height:78px; line-height:58px; background:url(../images/green_rs.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:32px; text-shadow:0 1px 0 #000;}

.sea_price_head{width:108px; height:38px; line-height:38px; background:url(../images/sea_head.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #000;}
.sea_price_rs{width:108px; height:78px; line-height:58px; background:url(../images/sea_rs.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:32px; text-shadow:0 1px 0 #000;}

.dark_price_head{width:108px; height:38px; line-height:38px; background:url(../images/dark_blue_head.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #000;}
.dark_price_rs{width:108px; height:78px; line-height:58px; background:url(../images/dark_blue_rs.jpg) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:32px; text-shadow:0 1px 0 #000;}

.blue_buy{background:url(../images/blue_buy.jpg) repeat-x #3c9ddc; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; -webkit-box-shadow:0 1px 1px #ccc; text-decoration:none; padding:5px 22px; margin:0 auto; text-align:center; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}


/* ------portfolio---- */
.portfolio_nav{ margin:0 0 0 0; padding:0 0 0 0;}
.portfolio_nav a{float:left; margin:10px 10px 0 0; color:#7a7a7a; border:#ccc 1px solid; background:url(../images/port_nav.jpg) repeat-x; height:26px; line-height:26px; text-shadow:0 1px 0 #fff; padding:0 10px; text-decoration:none;}
.portfolio_nav a:hover{float:left; margin:10px 10px 0 0; color:#333; border:#ccc 1px solid; background:url(../images/port_nav_hvr.jpg) repeat-x; height:26px; line-height:26px; text-shadow:0 1px 0 #fff; padding:0 10px; text-decoration:none;}
.divider{margin:20px 0; border-bottom:1px dotted #aeaeae;}
.portfolio_thumb_block{margin:0 0 0 0; padding:0 0 0 0;}
.portfolio_thumb{width:226px; float:left; margin:0 15px 0 0; @margin:0 5px 0 0;}
.portfolio_thumb .shadow_thumb{width:226px; height:13px; background:url(../images/thumb_shadow.jpg) no-repeat;}
.portfolio_thumb img{width:218px; border:4px solid #fff; box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc;}
.portfolio_thumb h3{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666; margin:8px 0 10px 0; padding:0 0 0 0;}
.portfolio_thumb .txt{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px; margin:0 0 10px 0;}
a.port_tab{color:#7a7a7a; border:#ccc 1px solid; background:url(../images/port_nav.jpg) repeat-x; height:26px; line-height:26px; text-shadow:0 1px 0 #fff; padding:5px 10px; text-decoration:none;}
a.port_tab:hover{color:#333; border:#ccc 1px solid; background:url(../images/port_nav_hvr.jpg) repeat-x; height:26px; line-height:26px; text-shadow:0 1px 0 #fff; padding:5px 10px; text-decoration:none;}

.pagination{ margin:0 0 0 0; padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.pagination a{ background:url(../images/pagination_bg.jpg) repeat-x; float:left; margin:0 7px 0 0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#7b7b7b; border:1px solid #d1d1d1; text-decoration:none; padding:2px 6px; text-shadow:0 1px 0 #fff;}
.pagination a:hover{ background:url(../images/pagination_hvr.jpg) repeat-x; float:left; margin:0 7px 0 0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; border:1px solid #aaaaaa; text-decoration:none; padding:2px 6px; text-shadow:0 1px 0 #797979;}
.pagination a.select{ background:url(../images/pagination_hvr.jpg) repeat-x; float:left; margin:0 7px 0 0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; border:1px solid #aaaaaa; text-decoration:none; padding:2px 6px; text-shadow:0 1px 0 #797979;}

/* ------packages page---- */
.package_thumb{width:162px; height:147px; border:1px solid #d3d3d3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; margin:0 18px 18px 0;}
.package_name{height:88px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-shadow:0 1px 0 #fff; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; text-align:center; background:url(../images/package_thumb_bg.gif) no-repeat center top; padding-top:17px;}
a.view_package{background:url(../images/view_package_bg.gif) repeat-x; font-size:14px; color:#656565; text-shadow:0 1px 0 #fff; display:block; font-weight:bold; height:30px; text-align:center; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; text-decoration:none; padding-top:12px;}
a.view_package:hover{background:url(../images/view_package_hvr.gif) repeat-x; color:#0a0a0a;}
.first{color:#146aa2;}
.two{color:#4e9a16;}
.three{color:#168185;}
.four{color:#857e16;}
.five{color:#3f14a2;}
.six{color:#6a169a;}
.seven{color:#1a500f;}
.eight{color:#1c0d61;}
.nine{color:#8614a2;}
.ten{color:#9a4116;}
.eleven{color:#851b16;}
.twel{color:#4d1b2f;}
.clientbox {padding: 15px;clear: both; background: url(../images/bg-for-clientbox.jpg) top repeat-x #c0c3c6; border:1px solid #999999;}
.clientbox img { padding:4px; border:1px solid #999; margin:0 10px; background:#FFFFFF;  }
.div100 {	width: 100%;	overflow: hidden;	height:84px;}
.all_blocks h4 {	margin: 0px;		font-size: 16px;	color: #676767; text-transform:uppercase; text-shadow:0px 1px 1px #fff;}


/*arun start*/

.border-righta{ border-right:1px solid #fff;}
.boxwidth{ width:104px;}
.price_lighthd{ background: #676767;  border-bottom:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; line-height:18px; padding:0px;  font-weight:bold; margin:0px; padding:8px 0;}
.features_diva{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:16px; text-shadow:0 1px 0 #000; padding: 0; margin:0; }
.spnpaddinleft {
	padding-left: 14px;
}