body{margin:0; padding:0; font-size: 12px; background: #aedee2 url(images/bg.png) 0px 0px repeat-x;;}
#footer a,.patBar a, .detailSection a, .content a{color: black; text-decoration: none;}
#footer a:hover, .patBar a:hover, .detailSection a:hover, .back_to_home a:hover{color: #ff5300; background-color: white; text-decoration: underline;}
.clearBoth{ clear: both:}

@font-face {
	font-family: 'iannnnnGMO';
	src: url('font/t_2005_iannnnngmo.eot');
	src: local('☺'), url('font/t_2005_iannnnngmo.woff') format('woff'), url('font/t_2005_iannnnngmo.ttf') format('truetype'), url('font/t_2005_iannnnngmo.svg#webfontNRXBEtg5') format('svg');
	font-weight: normal;
	font-style: normal;
}

h2, legend{font-family:'iannnnnGMO'; font-size: 30px; color: black;}

.wrapper{width: 1000px; margin: 0 auto; position: relative;}
.social{padding: 10px 0px;}
.facebook, .twitter{ float: right;}

.patBar{
	background-color: #769ad0;
	min-height: 30px;
	color: white;
}
.patBar a{color: white; font-weight: bold; text-decoration: none;}
.patBar > div{float:left;}
.patBar .left{ width: 35%;padding: 7px 0 7px 1%;}
.patBar .right{ width: 49%; padding: 7px 1% 7px 0;}
.patBar .center{width: 14%;}
.patBar .center{text-align: center; padding: 7px 0; }
.patBar .right{ text-align:right; float: right;}

.header{height: 120px; padding: 10 0; position: relative;}
.logo{ width:50%; float: left; padding-top: 20px;}
.quote{
	background-image: url(images/quotation.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 50%;
	margin-left: 50%;
	height: 120px;
}
.tellFriend{
	background: transparent url(images/tell_friend.png) top right no-repeat;
	position: absolute;
	top: 30px; right: 0;
	width: 220px;
	height: 138px;
}
.tellFriend:hover{
	background-position: 0px -140px;
}

.landingSection{
	background: transparent url(images/landing_bg.png) top center no-repeat;
	width:100%;
	height: 620px;
	position: relative;
	display: block;
}
.register{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 130px;
	width: 100%;
}
.regisButton{
	background: transparent url(images/regis_button.png) 0px 0px no-repeat;
	position: absolute;
	bottom: 20px;
	right: 50px;
	width: 190px;
	height: 80px;
}
.regisButton:hover{
	background-position: 0px -80px;
}
.regisButton:active{
	background-position: 0px -160px;
}

.detailSection .leftCol{float: left; width: 45%; padding-left: 3%;}
.detailSection .rightCol{margin-left: 52%; width: 43%; min-height: 380px;}

.detailSection li{font-size: 16px; line-height: 24px;}
.detailSection ul li{ list-style-image: url(images/bullet.png); padding: 3px 0;}
.hostingSupport .topic{
	background-position: -480px 0px; margin-top: 20px;
}

.detailSection h2{margin: 0px; padding: 0;  padding-right: 4%;}
.topic{ background-image: url(images/topic.png); background-repeat: no-repeat; height: 55px; width: 100%;}
.evident .topic{    background-position: 0px 0px; padding-top: 0;}
.how2apply .topic{	background-position: 0px -55px;}
.evident ul{ padding-left: 10px;}
.evident ul li{list-style: none;}
.evident .icon{background-image: url(images/id.png); background-repeat: no-repeat; width: 48px; height: 48px; padding-right: 15px; display: inline-block; float: left;}



.helptellFriend .topic{background-position: -480px -55px; height: 55px; margin-top: 20px;}
.helptellFriend p{font-size: 14px; width: 100%; text-align: center;}
.back_to_home a, .bannerSection h2{padding: 20px 0; color: black; font-family:'iannnnnGMO'; font-size: 30px;}
.back_to_home a{ padding: 0;}
.back_to_home{margin-top: 30px;}
.banner{ border-top: 2px solid white; text-align: center; padding: 10px;}
.banner:first-child{ border-top: none;}
.banner textarea{width: 400px; height: 100px; overflow: hidden;  resize: none; margin-top: 10px;}

/*Register form*/
.warning{color: red;}
.leftCol label.headForm {text-align: right; padding-right: 10px; line-height: 13px; font-size: 13px; color: #555; width: 270px; display: inline-block;}
.eduHostZone .leftCol > div { padding-top: 2px; padding-bottom: 2px; min-height: 20px;}
.term_of_condition{margin-top: 10px; margin-left: 130px;}
.condition{ background-color: white; border: dashed 1px #abdce1; margin: 10px; padding: 3px 10px;}
.registerZone .leftCol, .eduHostZone .leftCol{ width: 60%;  position: absolute;}
.eduHostZone .leftCol{padding-left: 1%;}
.registerZone .rightCol{min-height: 360px; width: 35%; margin-left: 64%;}
.eduHostZone .rightCol{ width: 35%; margin-left: 64%;}
.eduHostZone .instituteInfo .rightCol{ min-height: 300px;}
.eduHostZone .generalInfo .rightCol{ min-height: 230px;}
.registerZone{border-bottom: 2px solid white; padding-bottom: 20px;}
.eduHostZone{ margin-top: 20px;}
.registerZone input[type="text"], .eduHostZone input[type="text"], .eduHostZone textarea{width: 220px;}
.eduHostZone input[name="domain_name"]{width: 160px;}
.eduHostZone select{width: 229px;}
.miniDetail{font-size: 11px; color: 898989; font-weight: normal;}
.eduHostZone fieldset{border: dashed 2px #fff;}
.eduHostZone .rightCol ul{margin: 5px;}
.eduHostZone .rightCol ul li{ list-style: inside; display: list-item; padding: 3px 2px; line-height: 16px;}
.eduHostZone .detail{background-color: white; border: dashed 1px #abdce1; margin: 0 10px; padding: 5px 10px;}
.eduHostZone .detail h3{padding: 5px 0;}

/*Footer*/
#footer{ padding-top: 30px; background-color: #eff9f9; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}

/*CSS Media Queries*/
@media all and (min-width: 1001px){
	.patBar .left{ width: 35%;padding: 7px 0 7px 1%;}
	.patBar .right{ width: 49%; padding: 7px 1% 7px 0;}
	.patBar .center{width: 14%;}
}
@media all and (max-width: 1000px) and (min-width: 900px) {
	.patBar .center{ width: 150px;}
	.patBar .left{width: 320px;}
	.patBar .right{width: 400px;}
	.patBar > div{ padding: 7px 5px; font-size: 11px;}
}
@media all and (max-width: 899px) and (min-width: 641px){
	.patBar .center{ display:none;}
	.patBar .left{width: 260px;}
	.patBar .right{width: 350px;}
	.patBar > div{ padding: 7px 5px; font-size: 10px;}
}

@media all and (max-width: 640px) and (min-width: 520px){
	.patBar .center{ display:none;}
	.patBar .left{display: none;}
	.patBar .right{width: 100%; float: none; text-align: right;}
	.patBar > div{ padding: 7px 5px; font-size: 10px;}

}
@media all and (max-width: 520px){
	.patBar .center{ display:none;}
	.patBar .left{display: none;}
	.patBar .right{width: 100%; float: none; text-align: right;}
	.patBar > div{ padding: 7px 5px; font-size: 10px;}

	.logo{ width:100%; float: none; display:block; text-align: center;}
	.quote{display: none;}
}

/*End*/