@import "fontello.css";
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,200,100");

body {
	background:#fafafa;
	margin:0;
	padding:0;
	font-family:Open Sans, "Myriad Pro", "Helvetica",  "Arial", sans-serif;
	text-align:center;
	font-weight: 200;

	background: rgba(241, 251, 255, 1);
}

.japanese {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*
.font-entypo {
	font-family: entypo;
}
*/
.container {
	float:left;
	width:100%;
	text-align: left;
	min-width: 1000px;
}

	.contentArea {
		width:980px;
		margin:0px auto 0px auto;
		padding:0;
		text-align:left;
	}

		.headerSection .headerStripeBG {
			position: absolute;
			left:0px;
			top:0px;
			width:100%;
			height:35px;
			background:#ddd;
			background:rgba(230,240,250,0.5);
			border-bottom:1px solid #ccc;
			box-shadow:0 0 3px #acf;
		}

		.landingPageHeader .headerSection .headerStripeBG {
			background-color:rgba(255,255,255,0.1);
			border:none;
			box-shadow:0 0 3px rgba(0,0,0,0.3);
		}

		.contentArea.headerSection {
			width:95%;
			min-width:980px;
			float:right;
		}

	.sectionDivider {
		float:left;
		width:100%;
		height:20px;
	}

#header {
	float:left;
	width:100%;
	height:100px;
	/*background:url(../img/headerbg-2.jpg) center bottom no-repeat;*/
	position:relative;

	-webkit-text-size-adjust: 100%;
}

	#header a.siteLogo:link, #header a.siteLogo:visited {
		float:left;
		display:block;
		width:400px;
		height:20px !important;
		height:50px;
		padding-top:29px;
		font-size:13px;
		text-decoration:none;
		color:#888;
		text-indent:10px;
		margin-top:50px;
		text-shadow:0 1px 0px #fff;
		
		background:url(../img/siteLogo-b.png) left top no-repeat;
	}

	a.siteLogo_New:link, a.siteLogo_New:visited {
		position: absolute;
		left:10px;
		top:0px;

		width:180px;
		height:50px;

		background:#4295f0;
		border-left:1px solid #38f;
		border-right:1px solid #38f;
		border-bottom:1px solid #38f;
		-webkit-box-shadow:0 0 5px #27c;
		-moz-box-shadow:0 0 5px #27c;
		-o-box-shadow:0 0 5px #27c;
		box-shadow:0 0 5px #27c;

		text-decoration: none;
	}

		a.siteLogo_New:hover {
			background:#1f7fef;
			-webkit-box-shadow:0 0 10px #27c;
			-moz-box-shadow:0 0 10px #27c;
			-o-box-shadow:0 0 10px #27c;
			box-shadow:0 0 10px #27c;
		}

		a.siteLogo_New:active {
			background: #27c;
		}

		.siteLogo_New .logo {
			position: absolute;
			width:180px;
			height:50px;

			background:url(../img/siteLogo_New.png?2) center center no-repeat;
			/*background-size:180px 50px;*/
			background-size:cover;
			-ms-behavior: url(backgroundsize.min.htc);
		}

		.siteLogo_New .text {
			position: absolute;
			/*width:300px;*/
			height:20px;
			line-height: 20px;
			color:#777;
			font-size:15px;
			text-shadow:0 1px 0 #fff;
			left:0px;
			top:55px;
			white-space: nowrap;
			font-family: Lucida Grande, Tahoma, Myriad Pro, Helvetica, sans-serif;
		}


	.contentArea h1.pagetitle {
		float:left;
		width:100%;
		margin:40px 0 10px 0;
		padding:0;
		line-height:50px;
		font-size:50px;
		font-weight:200;
		color:#444;
		text-align:center;
		text-shadow:0 0 2px #aaa;

		font-family: 'Open Sans', Myriad Pro, Arial, sans-serif;
	}
	
	.contentArea h2.pagetitle {
		float:left;
		width:100%;
		margin:0;
		padding:0;
		line-height:30px;
		font-size:22px;
		font-weight:200;
		color:#666;
		text-align:center;
		text-shadow:0 1px 0 #fff;

		font-family: 'Open Sans', Myriad Pro, Arial, sans-serif;
	}
	.contentArea h3.pagetitle {
		float:left;
		width:100%;
		margin:0;
		padding:0;
		line-height:30px;
		font-size:18px;
		font-weight:200;
		color:#666;
		text-align:center;
		text-shadow:0 1px 0 #fff;

		font-family: 'Open Sans', Myriad Pro, Arial, sans-serif;
	}

	/*.contentArea .mainBanner {

		float:left;
		width:980px;
		
		margin:20px 0 10px 0;
		position: relative;
	}

	.contentArea .mainBanner a.iTunesLink:link, .contentArea .mainBanner a.iTunesLink:visited {
		position: absolute;
		right:3px;
		top:7px;
		width:120px;
		height:45px;
		opacity:1;
	}

		.contentArea .mainBanner a.iTunesLink:hover {opacity:0.5}
		.contentArea .mainBanner a.iTunesLink:active {opacity:1}

		.contentArea .mainBanner a.iTunesLink img {
			box-shadow:none !important;
		}
	
	.contentArea .mainBanner img {
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		-webkit-box-shadow:0 1px 3px #888;
		-moz-box-shadow:0 1px 3px #888;
		box-shadow:0 1px 3px #888;
		
		filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=0),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=90),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=3, Direction=180),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=270);
	}*/
	
	.contentArea .divisionalNav {
		float:left;
		width:100%;
		height:40px;
		position:relative;
		margin:30px 0 0 0;
		padding:0;
		text-shadow:0 1px 0 #fff;
	}
		.contentArea .divisionalNav .divisionalIcon {
			float:left;
			width:60px;
			height:60px;
			margin:0px 0px 0 10px;
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			position: relative;
			z-index:1000;

			-ms-behavior: url(backgroundsize.min.htc);
		}


			.contentArea .divisionalNav .divisionalIcon.pc {
				margin-top:-20px;
				width:80px;
				height:80px;
				margin-right:-10px;
				background-image: url(/img/PagicoIcon_256.png?2);
			}
			.contentArea .divisionalNav .divisionalIcon.plus {
				background-image: url(/img/PagicoPlus-iOS-Icon-256.png);
				border-radius:5px;
				margin-top:5px;
				border:1px solid #acf;
				box-shadow:0 0 3px #17e;
			}
	
		.contentArea .divisionalNav h1 {
			float:left;
			line-height:20px;
			margin:10px 0 0 20px;
			padding:0px;
			color:#444;
			font-size:25px;
			font-weight:200;
		}
		
			.contentArea .divisionalNav h2 {
				float:left;
				border-left:1px solid #ccc;
				margin-left:10px;
				padding-left:10px;
				margin-top:5px;
				height:30px;
				line-height:33px;
				font-weight:normal;
				font-size:19px;
				color:#666;
				font-style:normal;
			}
	
		.contentArea .divisionalNav ul {
			position:absolute;
			right:0px;
			top:0px;
			float:left;
		}
	
		.contentArea .divisionalNav li {
			float:left;
			list-style:none;
			margin:0;
			padding:0;
		}
		
		.contentArea .divisionalNav li a:link, .contentArea .divisionalNav li a:visited {
			padding:0 15px 0 15px;
			font-size:15px;
			line-height:20px;
			text-decoration:none;
			color:#555;
			border-right:1px solid #ccc;
			text-shadow:0 1px 0 #fff;
		}
		
		.contentArea .divisionalNav li a:hover {
			color:#27c;
		}
		
		.contentArea .divisionalNav li a:active {
			color:#888;
		}
		
		.contentArea .divisionalNav li a.selected {
			color:#111 !important;
		}

		.contentArea .divisionalNav li a.categoryLink:link, .contentArea .divisionalNav li a.categoryLink:visited {
			color:#444;
		}
		.contentArea .divisionalNav li a.categoryLink:hover {
			text-decoration: underline;
			color:#27c;
		}

		.contentArea .divisionalNav li a.buyNow:link, .contentArea .divisionalNav li a.buyNow:visited {
			background:rgba(230,230,230,0.3);

			padding:5px 10px 4px 10px;
			color:#555;
			text-shadow:none;
			margin-left:10px;
			border-radius:2px;
			border:1px solid #aaa;

			font-weight: bold;
			font-size:12px;
			text-transform: uppercase;
			box-shadow:0 0 3px #aaa;
		}

			.contentArea .divisionalNav li a.onsale:link, .contentArea .divisionalNav li a.onsale:visited {
				background:#fff;
				color:rgb(255,92,0);
				font-size:13px;
				border:1px solid rgb(255,92,0);
				box-shadow:0 0 3px rgb(255,92,0);
			}

		.contentArea .divisionalNav li a.buyNow:hover {
			background:rgba(240,240,240,0.5);
			box-shadow:0 0 3px #888;
			border-color:#69f;
		}

			.contentArea .divisionalNav li a.onsale:hover {
				background:rgb(255,92,0);
				border-color:rgb(255,92,0);
				color:#fff;
			}

		.contentArea .divisionalNav li a.buyNow:active {
			background:#17e;
			color:#fff;
			border-color:#acf;
		}

			.contentArea .divisionalNav li a.onsale:active {
				background:rgb(200,42,0);
				border-color:rgb(255,92,0);
				color:#edc;
			}
		
		.contentArea .divisionalNav li:last-child a {
			border-right:none;
		}
		
		.contentArea .divisionalNav li a span.special {
			color:#FF4700;
			font-size:10px;
			font-weight: bold;
		}
		
		.contentArea .divisionalNav a.tryNow:link, .contentArea .divisionalNav a.tryNow:visited, a.tryNow:hover {
			float:left;
			padding:0 20px 0 20px;
			height:20px;
			background:#27c -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #469ef5),
				color-stop(1, #2c67b1)
			);
			border:1px solid #555;
			text-shadow:0 -1px 0 #147;
			font-weight:bold;
			
			-webkit-border-radius:10px;
			border-radius:10px;
			
			font-size:12px;
			line-height:20px;
			color:#f2f2f2;
			text-decoration:none;
		}

		.contentArea .divisionalNav a.tryNow:hover {
			color:#fff;
			
			background:#27c -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #5cbdf2),
				color-stop(1, #4c87d1)
			);
		}

		.contentArea .divisionalNav a.tryNow:active {
			color:#eee;
			
			-webkit-box-shadow:inset 0 0 3px #136;
		}
	
	.contentGroup {
		float:left;
		width:100%;
		background:#fff;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		-webkit-box-shadow:0 1px 4px #888;
		-moz-box-shadow:0 1px 4px #888;
		box-shadow:0 1px 4px #888;
		
		margin:20px 0 40px 0;
		
		filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=0),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=90),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=3, Direction=180),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=270);
	}

		.contentGroup.bg1 {
			background:#fff url(../img/contentgroup_bg.png) left top no-repeat;
		}
	
		.contentGroup .wideBanner {
			float:left;
			width:100%;
			margin:20px 0 20px 0;
			background:#eee;
			padding:5px 0 5px 0;
			text-align:center;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		/*
		.contentGroup .wideBanner img {
			float:left;
		}
		*/
		.contentGroup .wideBanner h3 {
			float:left;
			width:100%;
			height:20px;
			text-align:center;
			font-size:14px;
			font-weight:400;
			color:#555;
			margin:0;
			padding:0;
			font-family: 'Open Sans', Myriad Pro, Helvetica, Arial, sans-serif;
		}
	
	.bannerSegment {

		float:left;
		width:976px;
		margin:20px 0 20px 0;
		/*background:#fff;*/
		border:2px solid rgba(255,255,255,0.2);
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		
		-webkit-box-shadow:0 1px 4px #888;
		-moz-box-shadow:0 1px 4px #888;
		box-shadow:0 1px 4px #555;
		
		line-height:0px;
		filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=0),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=90),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=3, Direction=180),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=270);
	}
	
		.bannerSegment h1 {
			float:left;
			width:100%;
			text-align:center;
			color:#222;
			font-size:28px;
			font-weight:normal;
			margin:30px 0 0 0;
			padding:0;
			line-height:35px;
		}
		
		.bannerSegment h1 a:link, .bannerSegment h1 a:visited {
			color:#444;
		}
		
		.bannerSegment h1 a:hover {
			color:#27c;
		}
		
		.bannerSegment h2 {
			float:left;
			width:100%;
			text-align:center;
			color:#666;
			font-size:15px;
			font-weight:normal;
			margin:0px 0 0 0;
			padding:0;
			line-height:35px;
		}
	
		.bannerSegment img {
			float:left;
			border-radius:2px;
		}
	
	.bannerSegment_3 {
		float:left;
		width:320px;
		min-height:120px;
		
		background:#fff;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-shadow:0 1px 4px #888;
		box-shadow:0 1px 4px #888;

		-webkit-transform:translate3d(0,0,0);
		
		margin:5px 10px 0px 0;
		
		filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=0),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=90),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=3, Direction=180),
		         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=270);
	}
	
		.bannerSegmentContainer .bannerSegment_3:last-child {
			margin-right:0px;
		}

		.bannerSegmentContainer.extension .bannerSegment_3 {
			margin-top:5px;
			margin-bottom:20px;
			background:none;
			box-shadow:none;
			-moz-box-shadow:none;
			-o-box-shadow:none;
			-webkit-box-shadow:none;
			border-radius:0px;
			min-height:0px;
		}

	
	.segmentDivider {
		float:left;
		width:102%;
		margin-left:-1%;
		height:40px;
		background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #fff),
			color-stop(0.55, #fefefe),
			color-stop(0.70, #ddd),
			color-stop(0.71, #fff),
			color-stop(0.73, #fff),
			color-stop(0.74, #f7f7f7),
			color-stop(1, #fff)
		);
	}

	.textSegment {
		float:left;
		clear:left;
		width:960px;
		/* min-height:200px; */
		margin:40px 0 40px 10px;
		text-shadow:0 1px 0 #fff;
	}
	
		.contentGroup .textSegment:first-child {
			margin-top:20px;
		}
		.contentGroup .textSegment:last-child {
			margin-bottom:20px;
		}
	
		.textSegment .text {
			float:left;
			width:42%;
			min-height:30px;
		}

			.textSegment.two-column .text {
				width:48%;
				margin:0 0 50px 1.9%;
			}

			.supportSection .textSegment .text {
				min-height:240px;
			}

			.textSegment.two-column .text:first-child {
				/*border-right:1px solid #ccc;*/
			}

			.textSegment .text ul {
				float:left;
				width:90%;
				padding-top:0;
				padding-bottom:0;
				/*padding:0;*/
			}
		
			.textSegment .text hr {
				float:left;
				width:100%;
				height:0px;
				border-top:1px dashed #ccc;
				border-left:0px;
				border-right:0px;
				border-bottom:0px;
				margin:15px 0 40px 0;
			}
		
			.textSegment .text a.backToTop:link, .textSegment .text a.backToTop:visited {
				float:right;
				margin:20px 0 0 0;
				font-size:12px;
				color:#27c;
			}
			
			.textSegment .text a.backToTop:hover {
				color:#49f;
			}
		
			.textSegment.wide .text {
				float:left !important;
				width:80%;
				margin-left:10%;
			}
		
			.textSegment.wide .text ul, .textSegment.wide .text ol {
				float:left !important;
				width:100%;
				margin-top:0;
			}
			
			.textSegment ul li, .textSegment ol li {
				line-height:30px;
				font-size:17px;
				font-weight:200;
				color:#666;
			}
			
			.textSegment a:link, .textSegment a:visited, .textSegment ul li a:link, .textSegment ul li a:visited, .textSegment ol li a:link, .textSegment ol li a:visited {
				color:#27c;
				font-weight: normal;
			}
			
			.textSegment a:hover, .textSegment ul li a:hover, .textSegment ol li a:hover {
				color:#49f;
			}
			
			.textSegment .text h1 {
				float:left;
				width:100%;
				font-size:32px;
				font-weight:200;
				color:#27c;
				line-height:35px;
				margin:0 0 10px 0;
				padding:0;
				font-family:'Open Sans', Myriad Pro, Helvetica, Arial, sans-serif;
			}

				.textSegment .text h2 {
					float:left;
					width:100%;
					font-size:20px;
					font-weight:400;
					color:#666;
					line-height:20px;
					margin:0 0 10px 0;
					padding:0;
				}
			
			.textSegment .text p {
				float:left;
				width:100%;
				font-size:18px;
				color:#666;
				padding:0;
				margin:0px 0 20px 0;
				line-height:25px;
			}
			
			.textSegment .text cite {
				float:left;
				width:100%;
				font-size:12px;
				color:#777;
				font-style:normal;
			}

				.textSegment .text ul li cite {
					float: none !important;
					display:block;
					font-size:15px;
					font-weight:200;
					width:90%;
					margin:0 0 5px 20px;
				}
		
		.textSegment .divider {
			float:left;
			width:2%;
			height:100px;
		}
		
		.textSegment .image {
			float:left;
			width:56%;
			min-height:100px;
		}
		
		.textSegment .image img.ipadLandscape {
			width:540px;
			margin:0 0 0 0px;
		}

		.textSegment .image img.iPhoneScreenshot {
			width:300px;
			margin:25px 0 10px 25px;
			box-shadow:0 0 5px #27c;
			border:1px solid #26a;

		}
		
		.textSegment .image img.pictureFrame {
			border:10px solid #fff;
			-webkit-box-shadow:0 1px 4px #222;
			-moz-box-shadow:0 1px 4px #222;
			box-shadow:0 1px 4px #222;
			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			
			filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=0),
			         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=2, Direction=90),
			         progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=3, Direction=180),
			         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=270);
		}

	.contentArea .textSegment:nth-child(even) .text, .contentArea .textSegment:nth-child(even) .divider, .contentArea .textSegment:nth-child(even) .image {
		float:right;
	}

	.contentArea p.notes {
		float:left;
		width: 100%;
		font-size:16px;
		color:#555;
		/*text-align: center;*/
		margin:0 0 20px 0;
	}

	.contentArea p.notes a:link, .contentArea p.notes a:visited {
		color:#555;
	}

	.contentArea p.notes a:hover {color:#666;}
	
.container.copyrightSection {
	position: relative;
	margin-top:50px;
	padding:15px 0 50px 0;
	background:#444;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #333),
		color-stop(0.02, #444)
	);

	font-size:11px;
	text-shadow:0 0 2px #000;
	-webkit-font-smoothing:subpixel-antialiased;
	font-family:Helvetica, Arial, sans-serif;
}

	.SiteMap_Column {
		float:left;
		width:260px;
		margin:0 0 0 15px;
	}

		.SiteMap_Column h1
		{
			color:#aaa;
			font-weight:normal;
			font-size:17px;
			line-height:24px;
			margin:0;
			padding:0;
		}

		.SiteMap_Column ul {margin:5px 0 0 0;padding:0;}
		.SiteMap_Column li {margin-left:10px;list-style:none;color:#999;font-size:15px;line-height:22px;}

		.SiteMap_Column a:link, .SiteMap_Column a:visited {color:#999;text-decoration:none;}
		.SiteMap_Column a:hover {color:#ccc;text-decoration:underline;}


	.copyrightSection .Copyright_Text {
		float:left;
		width:100%;
		height:60px;
		line-height: 60px;
		margin:90px 0 -20px 0;

		text-align: center;

		font-size: 60px;
		font-weight: 100;
		text-shadow: 0 1px 0 rgba(120,120,120,0.2);
		font-family:HelveticaNeue-Thin, Robota, Tahoma, Helvetica, sans-serif;
		color:rgba(0,0,0,0.25);
		letter-spacing:-5px;
	}

#header .secondaryNavigation {
	display:none;
	position:absolute;
	right:10px;
	top:20px;
	float:left;
	margin:0;
	padding:0;
	height:20px;
}

	#header .secondaryNavigation li {
		float:left;
		list-style:none;
	}
	
	#header .secondaryNavigation li a:link, #header .secondaryNavigation li a:visited {
		float:left;
		height:20px;
		line-height:20px;
		font-size:12px;
		color:#888;
		padding:0 10px 0 10px;
		border-right:1px solid #eee;
	}
	
	#header .secondaryNavigation li a:hover {
		color:#666;
	}
	
	#header .secondaryNavigation li:last-child a {
		border-right:none;
	}

#header .navigation {
	position:absolute;
	right:10px;
	top:0px;
	margin:0;
	padding:0;
	height:35px;
	float:left;
	
	font-family:Open Sans, Myriad Pro, Helvetica, Tahoma, Arial, sans-serif;

	-webkit-text-size-adjust:100%;

	z-index:10;
}

	#header .navigation li {
		float:left;
		list-style:none;
		margin:0 1px 0 0;
		-webkit-font-smoothing:subpixel-antialiased;
	}

	
	#header .navigation li ul.popupMenu {
		display: none;
		position: absolute;
		left:0px;
		top:35px;
		background:#333;
		float: left;
		width:180px;

		border-bottom-left-radius: 3px;
		border-bottom-right-radius:3px;
		box-shadow:0 1px 3px #999;
		margin:0;
		padding:1px 0 5px 0;
	}

	#header .navigation li:hover ul.popupMenu {
		display: block;
	}

	#header .navigation li ul.popupMenu li {
		float: left;
		width:100%;
		height:35px;
		line-height: 35px;
		margin:0;
		padding:0;
		font-size:15px;
	}

		#header .navigation li ul.popupMenu li.divider {
			height:0px;
			border-top:1px solid #222;
			border-bottom:1px solid #444;
			margin:5px 0 5px 0;
		}

	#header .navigation li ul.popupMenu li a:link, #header .navigation li ul.popupMenu li a:visited{
		float:left;
		width:100%;
		height:100%;
		text-decoration: none;
		color:#ccc;
		font-weight: 200;
		text-indent:15px;
		text-shadow:none;
		padding:0;
		border:0px;
		box-shadow:none;
		text-align: left;
		line-height: 37px;
		font-size:14px;
	}
	#header .navigation li ul.popupMenu li a:hover {
		background:#444;
		color:#fff;
	}
	#header .navigation li ul.popupMenu li a:active {
		background:#38f;
		color:#fff;
	}

	#header .navigation li a:link, #header .navigation li a:visited {
		float:left;
		display:block;
		height:35px;
		padding:0 20px 0 20px;
		
		line-height:38px;
		font-size:14px;
		text-decoration:none;
		
		color:#444;
		text-shadow:0 1px 0 #fff;
		/*border-radius:2px;*/

		text-align: center;
		min-width:50px;
	}

		.landingPageHeader #header .navigation li a {
			color:#fff;
			text-shadow:none;
		}

		#header .navigation li a span {

			text-align: center;
			
			font-size:1.4em;
			display:inline-block;
			height:14px;
			line-height: 12px;
			opacity:0.8;
			-webkit-font-smoothing:antialiased;
			text-shadow:none;

		}
	
		#header .navigation li a.top-level:hover, #header .navigation li:hover a.top-level {
			background:rgba(255,255,255,0.5);
			/*text-shadow:0 1px 0 #eee;*/
			border-bottom:1px solid #529bf0;
			/*color:#17e;*/
			box-shadow:0 2px 10px rgba(100,150,200, 0.4);
		}

			.landingPageHeader #header .navigation li a.top-level:hover, .landingPageHeader #header .navigation li:hover a.top-level {
				background:rgba(0,0,0,0.2);
				border-bottom:0px;
				box-shadow: none;
			}
	
		#header .navigation li a:active {
			/*color:#fff;*/
			background:rgba(0,0,0,0.1);
			/*text-shadow:0 -1px 0 #222;*/
		}
		
		#header .navigation li a.selected:link, #header .navigation li a.selected:visited, #header .navigation li a.selected:hover {
			color:#fff;
			background:rgb(82, 155, 240);
			/*text-shadow:0 -1px 0 #148;*/
			text-shadow:0 0 3px rgba(255,255,255,0.7);
			/*box-shadow:inset 0 0 10px #69f;*/

			border-bottom:1px solid rgb(11, 116, 221);
		}

			.landingPageHeader #header .navigation li a.selected {
				background:rgba(0,0,0,0.4) !important;
				border:none;
			}

			#header .navigation li a.selected span {
				opacity:1;
				text-shadow:0 0 3px rgba(255,255,255,0.7);
			}
	
		/*#header .navigation li:first-child, #header .navigation li:first-child a:link, #header .navigation li:first-child a:visited {
			-webkit-border-top-left-radius:4px;
			-webkit-border-bottom-left-radius:4px;
			border-top-left-radius:4px;
			border-bottom-left-radius:4px;
			border-left:none;
		}
	
		#header .navigation li:last-child, #header .navigation li:last-child a:link, #header .navigation li:last-child a:visited {
			-webkit-border-top-right-radius:4px;
			-webkit-border-bottom-right-radius:4px;
			
			border-top-right-radius:4px;
			border-bottom-right-radius:4px;
			border-right:none;
		}*/

a.externalLink:link, a.externalLink:visited {color:#555;}
a.externalLink:hover {color:#666;}
a.externalLink:active {color:#aaa}

form.multiLineForm {
	float:left;
	width:60%;
	margin:20px 0 0 20%;
	padding:0;
}

	form.multiLineForm input.singleLineInput {
		float:left;
		width:100%;
		font-size:18px;
		font-weight:200;
		color:#555;
		line-height:20px;
		padding:5px;
		border:1px solid #888;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		font-family:Helvetica Neue, Helvetica, Myriad Pro, Arial, sans-serif;
		margin:0 0 10px 0;
	}

	form.multiLineForm a.submitBtn:link, form.multiLineForm a.submitBtn:visited {
		float:left;
		clear:both;
		display:block;
		padding:0 10px 0 10px;
		width:30%;
		height:32px;
		font-size:13px;
		line-height:32px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		text-shadow:0 -1px 0 #135;
		margin:0px 0 0 0px;
		
		text-transform:uppercase;
		font-weight:bold;
		
		-webkit-box-shadow: inset 0 0 2px #222;
		-moz-box-shadow: inset 0 0 2px #222;
		box-shadow:inset 0 0 2px #222;
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		text-decoration:none;
		text-shadow:0 -1px 0 #135;
		background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #4f9fff),
			color-stop(0.49, #4494f4),
			color-stop(0.50, #38d),
			color-stop(1, #27c)
		);
		
		background: -moz-linear-gradient(top, #4f9fff 0%, #4494f4 49%, #3388dd 50%, #2277cc 100%); /* FF3.6+ */
		background: -ms-linear-gradient(top, #4f9fff 0%,#4494f4 49%,#3388dd 50%,#2277cc 100%); /* IE10+ */
		background: -o-linear-gradient(top, #4f9fff 0%,#4494f4 49%,#3388dd 50%,#2277cc 100%); /* Opera 11.10+ */
		background: linear-gradient(top, #4f9fff 0%,#4494f4 49%,#3388dd 50%,#2277cc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f9fff', endColorstr='#2277cc',GradientType=0 ); /* IE6-9 */
	}
	
	form.multiLineForm a.submitBtn:hover {
		background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #5fafff),
			color-stop(0.49, #54a4f4),
			color-stop(0.50, #49e),
			color-stop(1, #38e)
		);
		
		background: -moz-linear-gradient(top, #5fafff 0%, #54a4f4 49%, #4499ee 50%, #3388ee 100%); /* FF3.6+ */
		background: -o-linear-gradient(top, #5fafff 0%,#54a4f4 49%,#4499ee 50%,#3388ee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #5fafff 0%,#54a4f4 49%,#4499ee 50%,#3388ee 100%); /* IE10+ */
		background: linear-gradient(top, #5fafff 0%,#54a4f4 49%,#4499ee 50%,#3388ee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fafff', endColorstr='#3388ee',GradientType=0 ); /* IE6-9 */
	}
	form.multiLineForm a.submitBtn:active {background:#27c;color:#ccc;}

form.singleLineForm {
	float:left;
	width:100%;
	margin:20px 0 0 0;
	padding:0;
}

	form.singleLineForm input.singleLineInput {
		float:left;
		width:50%;
		font-size:18px;
		font-weight:200;
		color:#555;
		line-height:20px;
		padding:5px;
		border:1px solid #888;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		font-family:Helvetica Neue, Helvetica, Myriad Pro, Arial, sans-serif;
	}
	
	form.singleLineForm a.submitBtn:link, form.singleLineForm a.submitBtn:visited {
		float:left;
		display:block;
		padding:0 10px 0 10px;
		min-width:15%;
		height:32px;
		font-size:13px;
		line-height:32px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		text-shadow:0 -1px 0 #135;
		margin:2px 0 0 20px;
		
		text-transform:uppercase;
		font-weight:bold;
		
		-webkit-box-shadow: inset 0 0 2px #222;
		-moz-box-shadow: inset 0 0 2px #222;
		box-shadow:inset 0 0 2px #222;
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		
		text-decoration:none;
		text-shadow:0 -1px 0 #135;
		background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #4f9fff),
			color-stop(0.49, #4494f4),
			color-stop(0.50, #38d),
			color-stop(1, #27c)
		);
		
		background: -moz-linear-gradient(top, #4f9fff 0%, #4494f4 49%, #3388dd 50%, #2277cc 100%); /* FF3.6+ */
		background: -ms-linear-gradient(top, #4f9fff 0%,#4494f4 49%,#3388dd 50%,#2277cc 100%); /* IE10+ */
		background: -o-linear-gradient(top, #4f9fff 0%,#4494f4 49%,#3388dd 50%,#2277cc 100%); /* Opera 11.10+ */
		background: linear-gradient(top, #4f9fff 0%,#4494f4 49%,#3388dd 50%,#2277cc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f9fff', endColorstr='#2277cc',GradientType=0 ); /* IE6-9 */
	}
	
	form.singleLineForm a.submitBtn:hover {
		background:-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #5fafff),
			color-stop(0.49, #54a4f4),
			color-stop(0.50, #49e),
			color-stop(1, #38e)
		);
		
		background: -moz-linear-gradient(top, #5fafff 0%, #54a4f4 49%, #4499ee 50%, #3388ee 100%); /* FF3.6+ */
		background: -o-linear-gradient(top, #5fafff 0%,#54a4f4 49%,#4499ee 50%,#3388ee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #5fafff 0%,#54a4f4 49%,#4499ee 50%,#3388ee 100%); /* IE10+ */
		background: linear-gradient(top, #5fafff 0%,#54a4f4 49%,#4499ee 50%,#3388ee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fafff', endColorstr='#3388ee',GradientType=0 ); /* IE6-9 */
	}
	form.singleLineForm a.submitBtn:active {background:#27c;color:#ccc;}




.contentArea .screenshots {
	float:left;
	width:100%;
	margin:20px 0 20px 0;
	min-height:100px;
}

	.screenshots .thumbnail {
		float:left;
		width:160px;
		height:220px;
		border:0px;
		box-shadow:0 0 5px #222;
		margin:0 18px 0 18px;
	}

	.screenshots .thumbnail:hover {
		box-shadow:0 0 7px #000;
	}

	.screenshots .thumbnail:active {
		opacity:0.6;
	}

a.customerActionBtn:link, a.customerActionBtn:visited {
	padding:5px 12px 3px 12px;
	background:rgba(255,255,255,0.3);
	border-radius:2px;
	color:#27c;
	text-decoration: none;
	
	text-shadow:0 1px 0 #fff;
	
	/*letter-spacing: 1px;*/
	font-weight: bold;
	border:1px solid #69a;
	box-shadow:0 0 3px #69f;

	text-transform: uppercase;
	font-size:14px;
}

a.customerActionBtn:hover {
	background:rgba(255,255,255,0.4);
	box-shadow:0 0 7px #69f;
}
a.customerActionBtn:active {
	background:rgba(0,0,0,0.1);
	color:#059;
}

a.supportOption:link, a.supportOption:visited {
	float:left;
	font-family: "Open Sans", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:20px;
	line-height: 40px;
	/*font-weight: 200;*/
	text-align: center;
	text-decoration: none;
	color:#777;
	margin:40px 0 60px 0;
}

a.supportOption:hover {
	text-decoration: underline;
}

a.general:link, a.general:visited {
	color:#2980b9;
}

a.general:hover {
	color:#3498db;
}