@charset "UTF-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	color:#333;
}

a, a:link, a:visited {
	text-decoration:none;	
}

btn:active {
	background-color:#008bd1;	
}

#osaMain ul {
	margin:20px 0px;
	padding:0px 0px 0px 28px;
}

#osaMain ul li {
	margin:0px 0px 10px 0px;
}

hr {
	width:60%;
	height:1px;
	margin:0px auto;
	background-color:#ddd;
	border:none;	
}

imgs, leftImgs, rightImgs {
	margin:0px;
	padding:0px;	
}

.clearFloat {
	clear:both;	
}

/*********** Main ***********/

#osaMain {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	position:relative;
}

/*********** Section 01 (Heading) ***********/

#osaSec01_Container {
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#04394A;
	box-shadow:0px -6px 5px -4px #666 inset;
	overflow:hidden;
}

#osaSec01 {
	width:100%;
	max-width:1024px;
	margin:0px auto;
	padding:50px 20px;
	position:relative;
}

#osaSec01 h1.headline {
	line-height:1em;
	margin:0px auto;
	padding:0px;
	text-align:center;
	color:#fff;	
}

/*********** Section 02 ***********/

#osaSec02_Container {
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#osaSec02 {
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0px auto;
	padding:50px 0px;
	position:relative;
	overflow:hidden;
}

#osaSec02 .content {
	margin:0px;
	padding:0px 20px;
	color:#333;
	float:left;	
}

#osaSec02 .content .btn {
	margin:10px 0px 0px 0px;	
}

#osaSec02 .imgs {
	float:right;	
}

/*********** Section 02a ***********/

#osaSec02a_Container {
	width:100%;
	height:0px;
	padding:0px;
	background-color:#04394A;
	box-shadow:0px 6px 5px -4px #666 inset, 0px -6px 5px -4px #666 inset;
	overflow:hidden;
}

#osaSec02a {
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0px auto;
	padding:20px 60px 20px 60px;
	position:relative;
	overflow:hidden;
	color:#fff;
	display:none;
}

#osaSec02a a:link, #osaSec02a a:visited {
	color:rgb(2,139,255);	
}

#osaSec02a h3 {
	color:#fff;	
}

#osaSec02a #closeBtn01 {
	cursor:pointer;
	font-size:30px;
	background: none;
	border: none;
	padding: 5px;
	color: white;
	position:absolute;
	right:15px;
	top:-5px;	
}

#osaSec02a .leftContent {
	margin:0px;
	padding:50px 20px;
	float:left;
}

#osaSec02a .rightContent .btn {
	margin:10px 0px 0px 0px;	
}

#osaSec02a .rightContent {
	margin:0px;
	padding:50px 20px;
	float:right;
}

#osaSec02a .leftContent .btn {
	margin:10px 0px 0px 0px;	
}

#osaSec02a .leftImgs {
	float:left;	
}

#osaSec02a #lock {
	background-image:url("/portals/0/assets/images/osaSecurity_bg@2x.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

#osaSec02a .rightImgs {
	float:right;	
}

/*********** Section 03 ***********/

#osaSec03_Container {
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#osaSec03 {
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0px auto;
	padding:50px 0px;
	position:relative;
	overflow:hidden;
}

#osaSec03 ul {
	padding:0px;	
}

#osaSec03 .content {
	margin:0px;
	padding:0px 20px;
	color:#333;
	float:right;	
}

#osaSec03 .content ul li {
	list-style-type:none;	
}

#osaSec03 .imgs {
	float:left;	
}

/*********** Section 03a ***********/

#osaSec03a_Container {
	width:100%;
	height:0px;
	margin:0px;
	padding:0px;
	background-color:#008bd1;
	box-shadow:0px 6px 5px -4px #666 inset, 0px -6px 5px -4px #666 inset;
	overflow:hidden;
}

#osaSec03a {
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0px auto;
	padding:20px 0px;
	position:relative;
	color:#fff;
	overflow:hidden;
}

#osaSec03a h3 {
	color:#fff;	
}

#osaSec03a hr {
	width:60%;
	height:1px;
	margin:20px auto;
	background-color:#fff;
	border:none;	
}

#osaSec03a #pgBtns {
	width:327px;
	margin:0px auto;	
}

#osaSec03a span {
	cursor:pointer;
	font-size:30px;
	position:absolute;
	right:10px;
	top:0px;	
}

#osaSec03a .pages {
	margin:0px;
	padding:0px 0px 20px 0px;
	position:relative;
	overflow:hidden;
}

#osaSec03a .pages a:link, #osaSec03a .pages a:visited {
	color:rgb(2,139,255);	
}

#osaSec03a .pages .page01 {
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;	
}

#osaSec03a .pages .page01:first-child {
	padding:0px 20px;
}

#osaSec03a .pages .page02 {
	margin:0px;
	padding:0px;
	float:left;	
	overflow:hidden;
}

#osaSec03a .pages .page02:first-child, #osaSec03a .pages .page02:nth-child(2) {
	padding:0px 20px;
}

#osaSec03a .pages .page02 ul {
	margin:25px auto;
	padding:0px;
	text-align:center;	
}

#osaSec03a .pages .page02 ul li {
	margin:0px;
	display:inline-block;
	list-style-type:none;
	text-align:center;
}

#osaSec03a .leftContent {
	margin:0px;
	padding:0px 20px 40px 20px;
	float:left;
}

#osaSec03a .rightContent {
	margin:0px;
	padding:0px 20px 40px 20px;
	float:right;
}

#osaSec03a .leftImgs {
	float:left;	
}

#osaSec03a .rightImgs {
	float:right;	
}

/*********** Section 03b ***********/
#osaSec03b .industry-videos { padding-bottom: 15px;}

/*********** Section 04 ***********/

#osaSec04_Container {
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#osaSec04 {
	width:100%;
	height:auto;
	max-width:1024px;
	margin:0px auto;
	padding:0px;
	position:relative;
	overflow:hidden;
}

#osaSec04 hr {
	display:none;
	margin:20px auto;
}

#osaSec04 .content {
	margin:0px;
	padding:50px 20px;
	color:#333;
}

#osaSec04 .downloads {
	margin:0px;
	padding:50px 20px;
	text-align:center;	
}

#osaSec04 ul {
	width:auto;
	margin:20px 0px 0px 0px;
	padding:0px;	
}

#osaSec04 ul li {
	margin:0px 0px 10px 0px;
	list-style-type:none;	
}

#osaSec04 ul li img {
	box-shadow:1px 1px 5px #ccc;	
}

#osaSec04 ul li:nth-child(2) {
	width:150px;
	margin:0px auto 10px auto;
}

#osaSec04 ul li:nth-child(3) {
	margin:0px 0px 30px 0px;
}

#osaSec04 ul li:nth-child(5) {
	width:194px;
	margin:0px auto 10px auto;
}

/*********** Slideshow Animation ***********/

#feature02, #feature03, #feature04, #feature06, #feature07, #feature08 {
	display:none;
	opacity:0;	
}

.featureBtns {
	margin: 0px auto 20px;
	text-align: center;
}

@media handheld, only screen and (max-width:767px) {

	ul {
		margin:0px auto;	
	}
	
	#osaSec02a, #osaSec03a, .leftContent, .rightContent {
		padding:0px;	
	}
	
	#osaSec02 .imgs,
	#osaSec02a .leftImgs,
	#osaSec02a .rightImgs,
	#osaSec03 .imgs,
	#osaSec03a .leftImgs,
	#osaSec03a .rightImgs,
	#osaSec04 .imgs {
		width:75%;
		margin:0px auto;
		float:none;	
	}
	
	
	#osaSec01 h1.headline {
		padding:20px 0px;
		font-size:24px;
	}
	
	.featureBtns {
		width:90%;
	}
	
	#osaSec04 hr {
		display:block;
	}
	
	#osaSec04 .content {
		padding:20px;
	}
	
	#osaSec04 .downloads {
		float:none;	
	}
	
@media handheld, only screen and (max-width:400px) {
	#img01, #img02, #img03,
	#img04, #img05, #img06,
	#img07, #img08, #img09,
	#img10 {
		display:none;	
	}
}