/*
-----------------------------------
Done by : ByteAlly.com
----------------------------------
Color Reference:
----------------

CSS3
----------------------
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;

*/

.container
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	margin-bottom: 20px;
	background-color: #fff;
}
body
{
	background: #fff;
	color: #333;
	padding: 5px 0 40px;
	font-family: Arial, Helvetica, sans-serif;
	behavior:url(cssHoverFix.htc);
	}
.logobox {
	width: 940px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #000;
	background-color: #fff;
	height:30px;
	margin-top:10px;
	
}
.banner {
	width: 940px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #000;
	background-color:#0d3c68;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	text-align:center;
	margin-bottom:10px;
	margin-top:20px;	
	border:1px solid #082d4f;
}
	.ipad {
		width: 540px;
		display: inline;
		float: left;
		color: #000;
		background-color: #fff;
		height:382px;
		}
	.content {
		width: 400px;
		display: inline;
		float: left;
		color: #000;
		background-color: #fff;
		height:382px;
		}
		.content h1{margin-top:100px;text-align:center; font-size:30px;font-family:georgia;line-height:48px;color:#003f5c;margin-bottom:30px;}
		.content h1 span{text-align:center; font-size:18px;font-family:georgia;line-height:48px;color:#003f5c;display:block;}
		.demo{width:400px;text-align:center;margin-left:auto;margin-right:auto;}
		.demo img {margin-left:90px;;margin-right:auto;}
.innercont {
	width: 940px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #000;
	background-color: #fff;
	border:solid 1px #e8e6e6;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px;
	border-radius:5px;
	margin-top:20px;
	
}
.innercont p{margin:10px;font-size:14px;color:#232323;line-height:18px;margin-bottom:20px;}
.innercont p a{ color:#003f5c; text-decoration:none;}
	.innercont p a:hover{ color:#003f5c; text-decoration:underline;}
.maincont {
	width: 940px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	color: #000;
	background-color: #fff;
	
}
	.publishers {
		width: 300px;
		height:420px;
		display: inline;
		float: left;
		color: #000;
		background: #f0f7fe url(../images/grad.gif) repeat-x;
		border:solid 1px #dde5ed;
		-webkit-border-radius: 5px;  
		-moz-border-radius: 5px; 
		-khtml-border-radius: 5px;
		border-radius:5px;
		
	}
		.networks {
	width: 300px;
	display: inline;
	float: left;
	color: #000;
	height:420px;
	background: #f0f7fe url(../images/grad.gif) repeat-x;
	border:solid 1px #dde5ed;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px;
	border-radius:5px;
		
	}
	.gapdiv
	{
		float:left;
		width:17px;
		height:50px;
		display:inline;
	}
	.center{text-align:left;font-size:12px;font-weight:bold;color:#232323; margin:10px; padding-top:10px;}
	.center a{ color:#003f5c; text-decoration:none; display:block;height:10px;text-align:center;padding:12px 5px;background:url(../images/greenbg.gif) repeat-x;
	border:solid 1px #7bc925;}
	.center a:hover{ color:#003f5c; text-decoration:none;border:solid 1px #4d8412;
	box-shadow:0px 0px 20px #4d8412;
	-webkit-box-shadow:0px 0px 10px #4d8412;
	-moz-box-shadow: 0px 0px 10px #4d8412;}
	h2{margin:5px;text-align:left; font-size:18px;font-family:georgia;color:#003f5c;text-align:center;}
	h3{margin:10px;text-align:left; font-size:12px;font-weight:bold;font-family:verdana;color:#003f5c;margin-bottom:10px;text-align:left;line-height:20px;}
	ul{margin:10px;padding:0px;list-style:none;height:180px;}
	ul li{margin:0px;padding:0px;list-style:disc outside;margin-bottom:10px;font-size:12px;color:#232323;margin-left:20px;}

.footer {
	width: 940px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:10px;
	height:30px;
	color: #000;
	background-color: #fff;
	border:solid 1px #e8e6e6;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px;
	border-radius:5px;\margin-bottom:10px;
	
}
.left{text-align:left;font-size:12px;color:#232323; margin:10px;float:left;}
.right{text-align:right;font-size:12px;color:#232323; margin:10px;float:right;}
	.left a,.right a{ color:#003f5c; text-decoration:none;}
	.left a:hover,.right a:hover{ color:#003f5c; text-decoration:underline;}
hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin-bottom: 20px;
}

dl,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}
a
{
	color: #ccc;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}