/* The Basic Style for all Pages */

.page { 
	position: absolute; 
	top:0;
	width: 100%; 
	height: 353px;
	padding: 3px 0px 0px 0px;
	background-color:white; 
	background-image: none;
}



/* The Pages */

#i1 { left: 0%; background-color: #bbb; }
#i1 { left: 100%; background-color: #bbb; }
#i2 { left: 200%; background-color: #777; }
#i3 { left: 300%; background-color: #bbb; }
#i4 { left: 400%; background-color: #777; }
#i5 { left: 500%; background-color: #bbb; }
#i6 { left: 600%; background-color: #777; }

.slide1_image{
	position:relative; top:-152px; z-index:1;
}


.body_section{
	margin-top:0px;
	background-color:white; 
	overflow-y:scroll; 
	overflow-x:hidden;
	background-image: url(../images/Design/Grid_Pattern.png); background-repeat: repeat;
}

.header_section{
	position:relative;
	top:0px;	
	padding:0px 0px 0px 0px; 
	border-collapse: collapse; 
	width:100%;
	background-color: #FFF;
	z-index:9999999999;
}

.logo_cell{
	padding:15px 15px 10px 15px;
	align:left;
}

.sddm
{	position: absolute;
	z-index:9999999999999999;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

.sddm a
	{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #000070;
	font: 14px arial;
	font-weight: 900;
}

.sddm a:hover
{	background: #000070;
	color: #FFF
}


.success_photo{
	position:absolute;
	z-index:1;
	margin-left:-495px; left:50%; top:-10;
}

#content_image{
	position:relative;
	width:100%;
	height:205px;
	background-repeat: no-repeat;
}

.content_image_software{
	background-image: url(../images/Solutions/solutions_banner_puzzle.jpg);
}

.content_image_security{
	background-image: url(../images/Solutions/Security_Management.jpg);
}
.slide_nav{
	position:relative; 
	top: 300px; 
	left: 770px; 
	z-index:99999;
}

.product_overview_caption{
	width:300px; 
	margin-left:10px; 
	font-family:arial; 
	font-size:12px; 
	font-style:italic;
}
.product_overview_contact_pricing{
	margin-left:50px;
	font-family:arial; 
	cursor:hand; 
	padding:10px 10px 10px 10px; 
}

.success_yellow_tape{
	position:relative; 
	top:3px; 
	width:100%; 
	height:26px; 
	z-index:1000; 
	background-color:#FFFFFF; 
	background-image: url(../images/Design/Yellow_Tape_Repeat_thick.png); 
	background-repeat: repeat-x;
}

.success_yellow_tape_content{
	position:relative; 
	top:-3px;
	width:100%; 
	height:26px; 
	z-index:1000; 
	background-color:#FFFFFF; 
	background-image: url(../images/Design/Yellow_Tape_Repeat_thick.png); 
	background-repeat: repeat-x;"
}

/*
.success_yellow_tape{
	position:relative; 
	top:357px; 
	width:100%; 
	height:40px; 
	z-index:1000; 
	background-color:#FFFFFF; 
	background-image: url(../images/Design/Top_Navigation_Space_Repeat.png); 
	background-repeat: repeat-x;
}

.success_yellow_tape_content{
	position:relative; 
	top:0px; 
	width:100%; 
	height:40px; 
	z-index:1000; 
	background-color:#FFFFFF; 
	background-image: url(../images/Design/Top_Navigation_Space_Repeat.png); 
	background-repeat: repeat-x;"
}

*/


/* The Transition Effect */

.page { 
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
-o-transition: -o-transform 0.8s;
transition: transform 0.8s;
}



/* The Sliding Action */
/* TranslateX for better Performance. Translate3D for better Performance on Ipad. */
#Success_Story_1:target .page { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
#Success_Story_2:target .page { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); }
#Success_Story_3:target .page { -webkit-transform: translateX(-300%); -moz-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); }
#Success_Story_4:target .page { -webkit-transform: translateX(-400%); -moz-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); }
#Success_Story_5:target .page { -webkit-transform: translateX(-500%); -moz-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); }
#Success_Story_6:target .page { -webkit-transform: translateX(-600%); -moz-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); }



/* The First Page - Initial Positioning without Anchor */

.page { 
	-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);
}