img{ border:none; }

/*************************/
/***** SLICING STEPS *****/
/*************************/
#slicing_steps{ margin:0; position:relative; width:100%; height:190px; color:#34435e;
				background:url(design/slicing_steps_background.png) top repeat-x; }
#steps{ margin:0 auto; width:785px; }
#steps .top5{ margin:8px 0 0 3px;text-align:center;}
#steps div{ text-align:center; }
#steps div h1{ margin:10px 0 0 0; }
#steps div p{ margin:10px 10px 0 10px; font-size:14px; font-weight:bold; font-style:italic; text-align:center; }
#steps div p span{ margin:0 auto; display:block; color:#fff; font-size:12px; line-height:18px; }
#steps div p.active{ font-size:14px; line-height:24px; margin:10px 10px 0 10px; }

#steps div p.active span{ color:#fff; font-size:11px; 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 a.active{ font-size:14px;color:#fff; }
#steps h1{ font-size:12px;color:#0a74dd; }
#steps a.info_btn{ position:absolute; bottom:-80px;/*9px*/ right:0; width:45px; height:44px;/*44px*/ cursor:pointer; background:url(design/info.png) no-repeat;margin-bottom:0px; }
#steps a:hover.info_btn{ background:url(design/infoactive.png) no-repeat; }
#steps a.info_btn span{display:none; }
#steps #de_active img{ margin:8px 0 0 0; }
#steps #de_active h1 img{ margin:-8px 0 0 0; }
#steps #de_active a{color:white;font-weight:bold; }
#steps #de_active a:hover{color:orange; }

#steps #sl_active img{ margin:8px 0 0 0; }
#steps #sl_active h1 img{ margin:-8px 0 0 0; }
#steps #sl_active a{color:white;font-weight:bold; }
#steps #sl_active a:hover{color:orange; }

#steps #id_active img{ margin:8px 0 0 0; }
#steps #id_active h1 img{ margin:-8px 0 0 0; }
#steps #id_active a{color:white;font-weight:bold; }
#steps #id_active a:hover{color:orange; }

#steps #co_active img{ margin:8px 0 0 0; }
#steps #co_active h1 img{ margin:-8px 0 0 0; }
#steps #co_active a{color:white;font-weight:bold; }
#steps #co_active a:hover{color:orange; }

#steps #dy_active img{ margin:8px 0 0 0; }
#steps #dy_active h1 img{ margin:-8px 0 0 0; }
#steps #dy_active a{color:white;font-weight:bold; }
#steps #dy_active a:hover{color:orange; }

#steps p.active a.lefts{ padding-right:20px;}
#steps a.b15{ font-size:14px;}
#steps #step_one{ margin:0; left:0; padding:0; width:155px; height:190px; display:block; position:absolute; z-index:0; }
#steps #step_two{ margin:0; left:0; padding:0; width:155px; height:190px; display:block; position:absolute; z-index:0; }
#steps #step_three{margin:0;left:0; padding:0; width:155px; height:190px; display:block; position:absolute; z-index:0; }
#steps #step_four{ margin:0;left:0; padding:0; width:155px; height:190px; display:block; position:absolute; z-index:0; }
#steps #step_five{ margin:0;left:0; padding:0; width:155px; height:190px; display:block; position:absolute; z-index:0; }

#step_idea, #step_design, #step_slicing, #step_coding, #step_deployment{ float:left; display:inline;font-size:13px;font-family:arial, tahoma,verdana; }

/****************/
/* STEP SLICING */
/****************/
#step_slicing{ position:relative; width:157px; height:190px; background:url(design/steps.jpg) bottom no-repeat; }
#step_slicing #sl_active{z-index:1; position:absolute; overflow:hidden; left:1px; bottom:0px; width:157px; height:190px;/*190px*/ background:url(design/stepsbg.png) top left no-repeat; }


/***************/
/* STEP IDEA */
/***************/
#step_idea{ position:relative; width:157px; height:190px; background:url(design/steps.jpg) bottom no-repeat;}
#step_idea #id_active{z-index:1; position:absolute; overflow:hidden; left:1px; bottom:0px; width:155px; height:0;/*190px*/ background:url(design/stepsbg.png) top left no-repeat;margin:10px 0 0 0; }


/***************/
/* STEP DESIGN */
/***************/
#step_design{ position:relative; width:157px; height:190px; background:url(design/steps.jpg) bottom no-repeat; }
#step_design #de_active{z-index:1; position:absolute; overflow:hidden; left:1px; bottom:0px; width:155px; height:0;/*190px*/ background:url(design/stepsbg.png) top left no-repeat; }


/***************/
/* STEP CODING */
/***************/
#step_coding{ position:relative; width:157px; height:190px; background:url(design/steps.jpg) bottom no-repeat; }
#step_coding #co_active{z-index:1; position:absolute; overflow:hidden; left:1px; bottom:0px; width:155px; height:0;/*190px*/ background:url(design/stepsbg.png) top left no-repeat; }


/*******************/
/* STEP DEPLOYMENT */
/*******************/
#step_deployment{ position:relative; width:157px; height:190px; background:url(design/steps.jpg) bottom no-repeat; }
#step_deployment #dy_active{z-index:1; position:absolute; overflow:hidden; left:1px; bottom:0px; width:155px; height:0;/*190px*/ background:url(design/stepsbg.png) top left no-repeat; }