body{ margin: 0px; padding: 0px; font-family:Tahoma; font-size:8pt; /*background:url(../images/body-bg.jpg) bottom no-repeat;*/ }
.clear{ clear:both;}
a{font-size:8pt; color:#0b486b; text-decoration:none;}
a:hover{ color:#000000;}
#warp{ margin: 0 auto; padding: 0px; font-family:Tahoma; font-size:11pt; width: 943px; border:#000000 solid 0px; overflow:hidden; }
#top-line{ background:#f0f9ff;  margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}
#top{height: 130px; border: solid 0px #FF0000; margin: 0px; padding: 0px;}
#top #logo{margin: 35px 0px 0px 19px; float:left;}
#top  #top-right{ float:right; margin: 0px; padding:0px; border:#000000 solid 0px; background:url(../images/top-right-bg.jpg) no-repeat;}
#top  #top-right ul{margin: 22px 14px 0px 59px; padding:0px; border:#000000 solid 0px; float:right; }
#top  #top-right ul li{margin: 0px; padding:0px; list-style:none; display:inline; font-size:9pt; color:#0b486b;  }
#top  #top-right ul li a{	margin: 0px; padding:0px; list-style:none; display:inline; font-size:8pt; color:#0b486b; text-decoration:none; font-family: Tahoma; }
#top  #top-right ul li a:hover{ text-decoration:underline; color:#000000;}
#top  #top-right #contact{ margin: 11px 15px 0px 0px; padding: 0px 0px 0px 0px; float:right;}
#top  #top-right #contact img{ margin: 0px 3px 0px 3px; padding: 0px 0px 0px 0px; vertical-align:middle;}
#top  #top-right #top-nav{ background:url(../images/top-link-bac.jpg) no-repeat; height:31px; float:right; border: solid 0px #00FF00; width: 692px; margin: 20px 10px 0px 0px; padding: 0px;  }
#top  #top-right #top-nav .last{ background:none;}
#top  #top-right #top-nav ul{ margin: 3px 19px 0px 0px; padding:0px;}
#top  #top-right #top-nav ul li{ margin: 0px 0px; padding:0px 19px 0px 18px; border:  #FF0000 solid 0px; list-style:none; display:inline; font-size:9pt; color:#ddf2ff; background:url(../images/devider.jpg) right no-repeat; float:left;}

#top  #top-right #top-nav ul li a{margin: 0px 0px 0px 0px; padding:0px; list-style:none; display:inline; font-size:9pt; color:#ddf2ff; text-decoration:none; line-height: 22px;}
#top  #top-right #top-nav ul li a:hover{ text-decoration:underline; color:#FFFFFF;}
#contaner {border-bottom: #d3dfe9 1px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; background:#FFFFFF url(../images/main-bg.jpg) left repeat-y; }
#left-nav{ width: 250px; float:left; border: #000000 solid 0px; margin: 0px 0px 0px 0px; }
#left-nav #profilo {width: 252px; background: url(../images/bg-profilo.jpg)  no-repeat; height:253px; margin: 0px 0px 0px 0px; } 
#left-nav #profilo h2 { font-family:"Tahoma"; font-size: 19px; margin: 0px 20px 10px 20px; padding: 2px 0px 0px 0px; color:#0298c9; background:url(../images/prot_line.jpg) bottom repeat-x; }
#left-nav #profilo img{ margin: 0px 0px 0px 10px; padding:0px; border:none;  }
#left-nav #profilo button { background:url(../images/button.jpg) no-repeat; border:none; color:#FFFFFF; width:175px; height:28px; margin: 12px 0px 0px 28px; font-family:Tahoma;}
#left-nav #profilo button:hover { background:url(../images/button-hover.jpg) no-repeat;   }
#left-nav #round{ background:url(../images/nav-round.jpg) no-repeat; width: 250px; margin: 0px 0px 0px 0px; padding:0px; height:17px; }

#left-nav #left-nav-bottom { background:url(../images/leftnav-bg.jpg) repeat-y; width: 250px; margin: 0px 0px 0px 0px; padding:0px;   }
#left-nav #left-nav-bottom #hire { border:solid 1px #d3dfe9; margin: 29px 0px 0px 12px;}
#left-nav #left-nav-bottom #certification{ margin: 29px 0px 0px 12px;}
#left-nav #left-nav-bottom #green {margin: 0px 0px 0px 12px;}
#left-nav #left-nav-bottom #tranning {margin: 29px 0px 20px 12px;}
#left-nav #left-nav-bottom #client-speak { height: 217px; width: 218px; border: solid 1px #d3dfe9; margin: 0px 0px 0px 13px; padding: 0px 0px 0px 0px; background:url(../images/clinet-speack-bg.jpg) no-repeat ;}
#left-nav #left-nav-bottom #client-speak img { margin: 11px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#left-nav #left-nav-bottom #client-speak p { font-family:Tahoma; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; color:#66635e; text-align:justify; width: 200px; line-height:10pt; }
#left-nav #left-nav-bottom #client-speak #clientLogo{ border: #000000 solid 0px; overflow:hidden; margin: 12px 0px 0px 0px;}
#left-nav #left-nav-bottom #client-speak #clientLogo img{float:left; margin: 0px 0px 0px 10px;}
#left-nav #left-nav-bottom #client-speak #clientLogo span{ font-size: 10px; font-family:Tahoma; float:right; color:#e7e3db; font-weight:bold; text-align:right; margin: 0px 10px 0px 0px; height:31px;}

#left-nav  #nav{ background:url(../images/nav-top.jpg) no-repeat; width:250px; height: 78px;}
#left-nav #left-nav-links{ padding: 12px 0px 0px 13px;}
#left-nav #left-nav-links ul{ list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; width: 225px; background:#FFFFFF; border: #5186b2 inset 2px;}
#left-nav  #left-nav-links ul li{ background:url(../images/li-bg.gif) bottom no-repeat; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px;}
#left-nav  #left-nav-links ul li a{margin: 0px 0px 0px 34px; padding: 0px 0px 0px 0px; line-height: 30px; font-weight:600; font-size: 11px; font-weight:bold}

#left-nav  #left-nav-links .active{ background:url(../images/li-bg-hover.gif) bottom no-repeat; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px;}
#left-nav  #left-nav-links .active a{ color:#fd0000; }

#left-nav #line { background:#4b89b1; padding: 2px 0px; margin: 10px 0px 20px 0px}
#bradcomes { height:17px; margin: 10px 5px 0px 5px; padding: 0px 0px 0px 0px; background-color:rgb(220,220,220);}
#bradcomes p a { color:#0b486b; font-family:Tahoma; font-size: 11px; font-weight:bold; margin: 0px 0px 0px 10px; padding: 0px; line-height: 15px; background-color:rgb(220,220,220);}
#bradcomes p a:hover{ text-decoration:underline; background-color:rgb(220,220,220);}
#bradcomes p{color:#0b486b; font-family:Tahoma; font-size: 11px;  margin: 0px 0px 0px 10px; padding: 0px; line-height: 15px; background-color:rgb(220,220,220);}
#bradcomes img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color:rgb(220,220,220);}
#inner{ margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; }
#inner h1{font-family:"Tahoma"; font-size: 19px;  color:#226e9f; margin: 14px 0px 0px 12px; padding: 0px 0px 0px 0px;}
#inner #inner-contant { margin: 0px 0px 0px 10px;}
#inner #inner-contant  h2{ margin-left:10px; font-family:"Tahoma"; font-size: 16px; color:#226e9f;  }
#inner #inner-contant  h2 a{ margin-left:0px; font-family:"Tahoma"; font-size: 16px; color:#226e9f; }
#inner #inner-contant  h3{ margin-left:10px; font-family:"Tahoma"; font-size: 13px; color:#226e9f; }
#inner #inner-contant  h3 a{ margin-left:0px; font-family:"Tahoma"; font-size: 13px; color:#226e9f; }
#inner #inner-contant  .img{ margin: 15px 0px 0px 10px; padding: 0px; border: #0000FF solid 0px;}
#inner #inner-contant  p{ margin-left:10px; font-family:"Tahoma"; font-size: 11px; color:#1c1e1f; text-align:justify;  width: 630px; line-height: 18px;}
#inner #inner-contant #links{ background: #ffffff url(../images/seo-point.jpg) bottom repeat-x; border: #e5edf4 solid 1px; margin: 15px 0px 0px 10px; width: 630px;}
#inner #inner-contant #links p{ margin-left:10px; font-family:"Tahoma"; font-size: 11px; color:#1c1e1f; text-align:justify;  width: 610px; margin:10px 0px 0px 10px;}
#inner #web-design-banner{ background:url(../images/bg-webdesign.jpg) no-repeat; width: 667px; height: 434px; margin: 10px 0px 0px 0px;}
#inner #web-design-banner h1{ font-family:Tahoma; font-size:18px; margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px;}
#inner #web-design-banner #text{ width:410px; font-family:Tahoma; font-size:11px; color:#0b486b; margin: 60px 0px 0px 150px;  padding: 0px 0px 0px 0px; line-height: 16px; display:inline-block; border:#FF0000 solid 0px; }
#inner #web-design-banner  #headline{ font-weight:bold; color:#FFFFFF; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
.top{ height: 33px;}
h4{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 23px; color:#0f1164; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:600;}
#Animation3d{ width: 300px; float:left; border: solid 0px #0000FF; margin: 35px 0px 0px 0px;}
#Animation3d ul{ margin-top: 0px; margin-right: 10px;}
#Animation3d ul li{margin: 0px; padding: 0px; list-style-image:url(../images/aro_li.gif); height: 20px; background:url(../images/underline.jpg) bottom repeat-x;}
#Animation2d{ width: 200px; float:left; border: solid 0px #0000FF; margin: 35px 0px 0px 0px;}
#Animation2d ul{ margin-top: 0px; margin-right: 20px; }
#Animation2d ul li{margin: 0px; padding: 0px; list-style-image:url(../images/aro_li.gif); height:20px; background:url(../images/underline.jpg) bottom repeat-x;}

#inner #web-design-banner .points { width: 300px; font-family:Tahoma; font-size:11px; margin: 0px 0px 0px 10px; border:#FF0000 solid 0px; display:block; float:left; padding: 0px; height: 70px;}
#inner #web-design-banner .points img {float: left; margin: 0px 10px 0px 20px; padding:0px;}
#inner #web-design-banner .points h6 { margin: 10px 0px 0px 0px; padding: 0px; font-family:Tahoma; font-size:13px; color:#000000;}
#inner #web-design-banner .points h6 a {text-decoration:none;}

#inner #web-multimedia-banner{ background:url(../images/billy-multimedia.jpg) no-repeat; width: 643px; height: 219px; margin: 15px 0px 0px 0px;}
#inner #web-multimedia-banner h1{ font-family:Tahoma; font-size:18px; margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px;}
#inner #web-multimedia-banner #text{ width:410px; font-family:Tahoma; font-size:11px; color:#0b486b; margin: 60px 0px 0px 150px;  padding: 0px 0px 0px 0px; line-height: 16px; display:inline-block; border:#FF0000 solid 0px; }
#inner #web-multimedia-banner  #headline{ font-weight:bold; color:#FFFFFF; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px;}
.top{ height: 33px;}

#inner #data-entry-india{ background:url(../images/data-entry-bg.gif) no-repeat; width: 665px; height: 237px; margin: 15px 0px 0px 0px;}
#inner #data-entry-india h1{ margin: 0px; padding: 0px;}
#inner #data-entry-india #data-entry-contact{ width: 380px; border: solid 0px #00FF00; font-family:Tahoma; font-size:11px; color:#0b486b; margin: 45px 0px 0px 25px; padding: 0px 0px 0px 0px;  float:left; line-height: 17px;}
#inner #data-entry-india .datacarton{ margin: 0px 0px 0px 71px;}
#inner #web-design-banner .points { width: 300px; font-family:Tahoma; font-size:11px; margin: 0px 0px 0px 10px; border:#FF0000 solid 0px; display:block; float:left; padding: 0px; height: 70px;}
#inner #web-design-banner .points img {float: left; margin: 0px 10px 0px 20px; padding:0px;}
#inner #web-design-banner .points h6 { margin: 10px 0px 0px 0px; padding: 0px; font-family:Tahoma; font-size:13px; color:#000000;}
#inner #web-design-banner .points h6 a {text-decoration:none;}
#main #inner_content h1{ font-family:"Tahoma"; font-size: 17px;  color:#226e9f; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#main #inner_content p { font-family:"Tahoma"; font-size: 11px; line-height:18px; margin-top: 8px;}
#main #inner-contant ul li { font-family:"Tahoma"; font-size: 11px; line-height:18px;}

#inner #inner-contant  #links h2{ margin:10px 0px 0px 10px; font-family:Tahoma; font-size: 18px; color:#3794d0; }
#inner #inner-contant  #links ul{  margin-right: 20px;}
#inner #inner-contant  #links ul li{ background:url(../images/contant-line.jpg) bottom repeat-x; list-style-image: url(../images/buttat.jpg); margin: 0px 20px 0px 0px; padding: 3px 0px 9px 0px;}

#main {width: 680px;  float:left; margin: 0px 0px 0px 2px; background:#FFFFFF;}
#main #baneer { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#main #our-services{ margin: 0px 0px 0px 0px; padding: 0px; border: #0000FF solid 0px;}
#main #our-services h1{ font-family:"Tahoma"; font-size: 17pt;  color:#226e9f; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;}
#main #contant{ margin: 30px 0px 0px 20px; padding: 0px 0px 0px 0px; }
#main #quote{ margin: 70px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#main #quote #quote-from{ width: 390px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; border:#FF0000 solid 0px; float:left}
#main #quote #quote-from form{ margin: 0px; padding: 0px; border:#0000FF 0px solid; float:right; width: 350px; float:left; }
#main #quote #quote-from form input{ margin: 10px 0px 0px 0px; padding: 0px; width: 217px; background:#f3f3f3; border: solid 1px #dae3ec; }
#main #quote #quote-from form textarea{ margin: 10px 0px 0px 0px; padding: 0px; width: 217px; background:#f3f3f3;height:125px; border: solid 1px #dae3ec;}
#main #quote #quote-from form .frmsubmit{ margin: 10px 0px 0px 0px; padding: 0px; background:url(../images/submit.gif) no-repeat; border:none; width:74px; height:21px; cursor:pointer;}
#main #quote #quote-from label{ margin: 10px 10px 0px 10px; font-size:12px; width: 90px; padding: 0px; border:#0000FF 0px solid; float:left; font-family:Tahoma; font-weight:bold; color:#0b486b;}

#main #inner_page_content{ margin: 0px 0px 0px 0px; padding: 10px 10px; border: #0000FF solid 0px;}
#main #inner_page_content h1{ font-family:"Tahoma"; font-size: 17px;  color:#226e9f; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#main #inner_page_content h1 a{ font-family:"Tahoma"; font-size: 17px;  color:#226e9f; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#main #inner_page_content h2{ font-family:"Tahoma"; font-size: 14px;  color:#226e9f; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#main #inner_page_content p { font-family:"Tahoma"; font-size: 11px; line-height:18px; margin-top: 8px;}
#main #inner_page_content ul li { font-family:"Tahoma"; font-size: 11px; line-height:18px;}


#base { background:url(../images/footer.gif) top no-repeat;  margin:0px; padding: 0px;  height:170px; text-align:center; font-size:12px; margin-bottom:10px; float:left; width:943px; }
#base p{ margin-top: 10px; text-align:center; font-size: 11px;}
#base #base-name { width: 933px; margin: 0px auto; text-align:center; margin-top: 0px; font-size:12px; padding-top: 60px; line-height: 18px;  }	
#base #base_logo { margin: 5px 0px 0px 0px; padding: 0px; float:left;}
#base #base_logo img { margin: 3px; padding: 0px;}
#base #base_logo_right {margin: 5px 0px 0px 0px; float:right; border:none; font-family:Tahoma; font-weight:bold;}
#base #base_logo_right p {float:left; font-family:Tahoma; font-size: 12px; font-weight:bold; width:100px; margin:0px; padding:0px;}
#base #base_logo_right img { margin: 3px 0px 0px 0px; padding: 0px; border:none;}

#border {border-bottom: 1px dotted black;}
.more {text-align: right; color: white; background-color:silver; margin-left: 605px; padding: 0px 5px 0px 5px;}

#msg_area .error {border: solid 0px #FF0000; margin: 3px 0; text-align:center; color: #FF0000; font-family: Tahoma, "Times New Roman", Times, serif;}
.error {border: solid 1px #f00;}

#site-left {float:left; width: 300px; margin: 0px 5px 0px 5px;}
#site-left ul li b {border-bottom: dotted 1px black; border-top: dotted 1px black; background-color:#03D3C9;}


/********default.css*******/
/***** SLICING STEPS *****/
/*************************/
a { border: none;}
img { border: none;}
#steps div{ text-align:center; }
#steps div h1{ margin:10px 0 0 0; }
#steps div p{ margin:10px 10px 0 10px; font-size:17px; font-weight:bold; font-style:italic; text-align:center; }
#steps div p span{ margin:0 auto; display:block; color:#fff; font-size:14px; line-height:18px; }
#steps div p.active{ font-size:18px; line-height:24px; margin:10px 10px 0px 0px; }

#steps div p.active span{ color:#fff; font-size:13px; line-height:18px;  font-weight:normal; font-style:normal; }
#steps div p.active span a, #steps div p.active span a:hover, #steps div p.active span a:active{ text-align:center; text-indent:0; color:#fff; display:block; }

#steps #step_one{ margin:50px 2px 0px; 0px; left:2px; padding:60px 0px 0px 0px; width:180px; height:120px; display:block; position:absolute; z-index:0; }
#steps #step_two{ margin:18px 0px 0px 0px; left:0; padding:40px 0px 0px 0px; width:160px; height:170px; display:block; position:absolute; z-index:0; }
#steps #step_three{ margin:8px 0px 0px 0px; left:0; padding:20px 0px 0px 0px; width:218px; height:200px; display:block; position:absolute; z-index:0; }
#steps #step_four{ margin:18px 0px 0px 0px; left:-1px; padding:45px 0px 0px 0px; width:170px; height:170px; display:block; position:absolute; z-index:0; }
#steps #step_five{ margin:50px 0px 0px 0px;  left:0; padding:59px 0px 0px 0px; width:170px; height:120px; display:block; position:absolute; z-index:0; }

#step_idea, #step_design, #step_slicing, #step_coding, #step_deployment{ float:left; display:inline; }

/***************/
/* STEP IDEA */
/***************/
#step_idea{ position:relative; width:134px; height:242px; background:url(../design/graphic.jpg) bottom no-repeat; border: solid #FF0000 0px;}
#step_idea #id_active{z-index:1; position:absolute; overflow:hidden; left:7px; bottom:9px; width:134px; height:0;/*279px*/ background:url(../design/graphic-hr.jpg) top left no-repeat; }
#step_idea #id_active img{ margin:2px 18px 0 0; }
#step_idea #id_active h1 img{ margin:10px 0 0 0; }
#step_idea #id_active p { font-family: Tahoma; font-size: 7pt;  margin: 0 auto; padding: 0px 0px 0px 0px; font-weight:normal; color:#FFFFFF; width: 115px; text-align:justify; font-style:normal; border: #FF0000 solid 0px; }

#step_idea a.naruci_sad{ position:absolute; bottom:-70px; right:30px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_idea a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_idea a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_idea a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_idea a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_idea a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }
#step_idea a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_idea a.info_btn{ position:absolute; bottom:-70px; right:82px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_idea a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

/***************/
/* STEP DESIGN */
/***************/
#step_design{ position:relative; width:133px; height:242px; background:url(../design/seo.jpg) bottom no-repeat; }
#step_design #de_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:9px; width:133px; height:0;/*309px*/ background:url(../design/seo-hr.jpg) top left no-repeat; }

#step_design a.naruci_sad{ position:absolute; bottom:-70px;/*9px*/ right:25px; display:block; width:71px; height:71px;/*71px*/ cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_design a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_design a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_design a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_design a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_design a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_design a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_design a.info_btn{ position:absolute; bottom:-70px;/*9px*/ right:78px; width:62px; height:60px;/*60px*/ cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_design a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_design #de_active img{ margin:15px 0 0 0; }
#step_design #de_active h1 img{ margin:10px 0 0 0; }
#step_design #de_active p { font-family: Tahoma; font-size: 7pt;  margin: 0 auto; padding: 0px 0px 0px 0px; font-weight:normal; color:#FFFFFF; width: 115px; text-align:justify; font-style:normal; border: #FF0000 solid 0px; }
/****************/
/* STEP SLICING */
/****************/
#step_slicing{ position:relative; width:151px; height:242px; background:url(../design/data-entry.jpg) bottom left no-repeat; }
#step_slicing #sl_active{z-index:1; position:absolute; overflow:hidden; left:0; bottom:9px; width:152px; height:223px;/*339px*/ background:url(../design/data-entry-hr.jpg) top left no-repeat; }

#step_slicing #sl_active img{ margin:20px 30px 0 0; }
#step_slicing #sl_active h1 img{ margin: 10px 0 0 0; }
#step_slicing #sl_active p { font-family: Tahoma; font-size: 7pt;  margin: 0 auto; padding: 0px 0px 0px 0px; font-weight:normal; color:#FFFFFF; width: 115px; text-align:justify; font-style:normal; border: #FF0000 solid 0px; }
#step_slicing p.active a{ display:block; text-align:left; text-indent:20px; }
#step_slicing a.naruci_sad{ position:absolute; bottom:9px; right:55px; display:block; width:71px; height:71px; cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_slicing a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_slicing a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_slicing a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_slicing a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_slicing a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_slicing a.info_btn{ position:absolute; bottom:9px; right:108px; width:62px; height:60px; cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_slicing a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

/***************/
/* STEP CODING */
/***************/
#step_coding{ position:relative; width:131px; height:242px; background:url(../design/web-design.jpg) bottom no-repeat; }
#step_coding #co_active{z-index:1; position:absolute; overflow:hidden; left:-1px; bottom:9px; width:131px; height:0;/*309px*/ background:url(../design/web-design-hr.jpg) top left no-repeat; }

#step_coding a.naruci_sad{ position:absolute; bottom:-70px; right:25px; display:block; width:71px; height:71px; cursor:pointer; background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_coding a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_coding a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_coding a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_coding a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_coding a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_coding a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_coding a.info_btn{ position:absolute; bottom:-70px; right:78px; width:62px; height:60px; cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_coding a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_coding #co_active img{ margin:25px 0 0 0; }
#step_coding #co_active h1 img{ margin:10px 0 0 0; }
#step_coding #co_active p { font-family: Tahoma; font-size: 7pt;  margin: 0 auto; padding: 0px 0px 0px 0px; font-weight:normal; color:#FFFFFF; width: 115px; text-align:justify; font-style:normal; border: #FF0000 solid 0px; }

/*******************/
/* STEP DEPLOYMENT */
/*******************/
#step_deployment{ position:relative; width:126px; height:242px; background:url(../design/3d.jpg) bottom no-repeat; }
#step_deployment #dy_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:9px; width:126px; height:0;/*279px*/ 
							background:url(../design/3d-hr.jpg) top left no-repeat; }

#step_deployment a.naruci_sad{ position:absolute; bottom:-70px; right:25px; display:block; width:71px; height:71px; cursor:pointer; 
							   background:url(../design/naruci_sad_gumb.png) left top no-repeat; }
#step_deployment a.order_now{ background:url(../design/order_now_button.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen{ background:url(../design/jetzt_bestellen_button.png) left top no-repeat; }
#step_deployment a.naruci_sad:hover{ background:url(../design/naruci_sad_gumb_active.png) left top no-repeat; }
#step_deployment a.order_now:hover{ background:url(../design/order_now_button_active.png) left top no-repeat; }
#step_deployment a.jetzt_bestellen:hover{ background:url(../design/jetzt_bestellen_button_active.png) left top no-repeat; }

#step_deployment a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_deployment a.info_btn{ position:absolute; bottom:-70px; right:78px; width:62px; height:60px; cursor:pointer; background:url(../design/info_gumb.png) no-repeat; }
#step_deployment a:hover.info_btn{ background:url(../design/info_gumb_active.png) no-repeat; }

#step_deployment #dy_active img{ margin:5px 0 0 0; }
#step_deployment #dy_active h1{ margin-bottom:-10px; }
#step_deployment #dy_active h1 img{ margin:10px 0 0 0; }
#step_deployment #dy_active p { font-family: Tahoma; font-size: 7pt; margin: 0 auto; padding: 0px 0px 0px 0px; font-weight:normal; color:#FFFFFF; width: 115px; text-align:justify; font-style:normal; border: #FF0000 solid 0px;  }


/**********************/
/***** CONTENT ********/
/**********************/