html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
* {
	margin: 0;
}

html, body{
	background-color: #EDF8FF;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */ 
}
a{
	text-decoration: inherit;
	color: inherit;
}
a:hover{
	color: #026161;
}
p{
	margin-bottom: 1em;
}
body{
	font-size: .9em;
	font-family: "Actor", sans-serif;
	color: #222;
	line-height: 140%;
	text-shadow: 1px 1px 1px #fff;
	position: relative;
	z-index: -5;
	letter-spacing: 0px;
}
.logo-container{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	top: 50px;
	left: 0;
}
#logo{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	top: 0;
	left: 0;
	z-index: 1;
}
#rainbow-01{
	position: absolute;
	top: 30px;
	right: 103px;
	z-index: 3;
}
#rainbow-02{
	position: absolute;
	top: 30px;
	right: 103px;
	z-index: 3;
}
#rainbow-03{
	position: absolute;
	top: 30px;
	right: 103px;
	z-index: 3;
}
#rainbow-04{
	position: absolute;
	top: 30px;
	right: 103px;
	z-index: 3;
}
#rainbow-05{
	position: absolute;
	top: 30px;
	right: 103px;
	z-index: 3;

}
#rainbow-06{
	position: absolute;
	top: 30px;
	right: 103px;
	z-index: 3;
}
#sparkles{
	position: absolute;
	top: 315px;
	right: 335px;
	z-index: 0;
}


#moving-cloud{
	position: absolute;
	top: 30px;
	left: 415px;
}
#black-cloud{
	position: absolute;
	top: 10px;
	left: 325px;
}



.container{
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.fb-container{
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.left{
	width: 300px;
	float: left;
}
.subscribe{
	width: 300px;
	margin-bottom: 10px;
	float: left;
}
.chipin{
	width: 300px;
	float: left;
	margin-bottom: 35px;
}
.chipin .padding{
	background-color: #fff;
	height: 310px;
	text-align:center;
	padding: 20px;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.fb-description{
    margin-bottom:25px;
	width: 500px;
	float: left;
}
.description{
	width: 660px;
	float: left;
}
.description .padding{
	width: auto;
	margin-left: 20px;
}

input.email{
	border: none;
	padding: 5px;
	margin-top: 5px;
	color: #888;
	width: 220px;
	font-size: .9em;
}
input.join{
	border: none;
	padding: 5px;
	background-color: #9e9e9e;
	font-size: .9em;
	color: white;
	width: 40px;
	margin-left: 5px;
}

.addthis{
}
.addthis .buttons{
	margin-top: 5px;
}
.share-buttons{
	position: fixed;
	top: .65em;
	right: .65em;
	z-index: 10;
}

.video{
	width: 960px;
}

.padding{
	width: auto;
	margin: 10px;
}

span.blue{
	color: #026161;
}
span.blue-big{
	color: #026161;
	font-size: 190%;
	line-height: 210%;
}
span.fb-blue-big{
	color: #026161;
	font-size: 190%;
	line-height: 140%;
	
}
/* Rain */
#rain1{
	position: absolute;
	left: 370px;
	top: 50px;
	z-index: 0;

}
#rain2{
	position: absolute;
	left: 373px;
	top: 65px;
	z-index: 0;
}

#rain3{
	position: absolute;
	left: 366px;
	top: 80px;
	z-index: 0;
}
#rain4{
	position: absolute;
	left: 370px;
	top: 85px;
	z-index: 0;
}


/** Menu bar **/
.menu-bar{
	position: fixed;
	top: 0;
	background-color: #CFE8F7;
	width: 100%;
	height: 2.7em;
	line-height: 2.8em;
	font-size: .85em;
	text-align: center;
	vertical-align: middle;
	z-index: 10;
	text-transform: uppercase;
}
ul.menu{
	margin-left: 2em;
}
ul.menu li{
	display: inline;
	margin-right: 3em;
}
ul.menu li:hover{
	color: #026161;
}

/** Sections **/
#home{
	display: block;
	height: 105%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */ 
	min-height: 800px;
}
#about-ugivia{
	padding-top: 50px;
	display: block;
	height: 105%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */ 
	min-height: 800px;
}
#fb-about-ugivia{
	padding-top: 10px;
	display: block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */ 
	min-height: 800px;
}
#in-game-advertising{
	height: 105%;
	padding-top: 80px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */ 
	min-height: 800px;
}
#team{
	padding-top: 70px;
	height: 105%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */
	min-height: 930px; 
}
#contact{
	height: 110%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c6e6', endColorstr='#EDF8FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#93c6e6), to(#EDF8FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #93c6e6,  #EDF8FF); /* for firefox 3.6+ */ 
	min-height: 800px;
}

/** About Ugivia 132x132**/
#about-ugivia .description{
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
}
#about-ugivia .question-left{
	float: left;
	width: 465px;
	margin-bottom: 15px;
	margin-right: 30px;
}
#about-ugivia .question-right{
	float: left;
	width: 465px;
	margin-bottom:15px;
}
.question-fb{
	float: left;
	width: 500px;
	margin-bottom:10px;
	margin-top:10px;
}
#about-ugivia .content{
	width: 465px;
	display: block;
}
#about-ugivia .icon{
	height: 100px;
	width: 465px;
	margin-bottom: 15px;
	display: block;
}
.fb-description{

	text-align:center;
}
.fb-description p {
	text-align:left;
    margin-top: 1em;
    margin-bottom: 0em;
}
/** Team **/
#team .box{
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
#team .photo-lindsay{
	position: absolute;
	float: left;
	margin-right: 25px;
	width: 270px;
	display: block;
	opacity:0.9;
	margin-top: -40px;
	filter:alpha(opacity=90);
	z-index:0;
}
#team .photo-agnes{
	position: absolute;
	float: left;
	margin-right: 25px;
	width: 270px;
	display: block;
	opacity:0.9;
	margin-top: 195px;
	filter:alpha(opacity=90);
	z-index:0;
}
#team .photo-sophia{
	position: absolute;
	float: left;
	margin-right: 25px;
	width: 270px;
	display: block;
	opacity:0.9;
	margin-top: 430px;
	filter:alpha(opacity=90);
	z-index:0;
}
#team .photo-ruchika{
	position: absolute;
	float: left;
	margin-right: 25px;
	width: 270px;
	display: block;
	opacity:0.9;
	margin-top: 640px;
	filter:alpha(opacity=90);
	z-index:0;
}
#team .team-content-sophia{
	position: absolute;
	margin-top: 410px;
	float: left;
	width: 450px;
	display: block;
	line-height: 115%;
	margin-left: 290px;
	z-index:1;
}
#team .team-content-lindsay{
	position: absolute;
	margin-top: -60px;
	float: left;
	width: 450px;
	display: block;
	line-height: 115%;
	margin-left: 290px;
	z-index:1;
}
#team .team-content-agnes{
	position: absolute;
	margin-top: 175px;
	float: left;
	width: 450px;
	display: block;
	line-height: 115%;
	margin-left: 290px;
	z-index:1;
}

#team .team-content-ruchika{
	position: absolute;
	margin-top: 640px;
	float: left;
	width: 450px;
	display: block;
	line-height: 115%;
	margin-left: 290px;
	z-index:1;
}

#team .cloud-lindsay{
	position:absolute;
	margin-left: 750px;
	margin-top: -50px;
}

#team .cloud-agnes{
	position:absolute;
	margin-left: 750px;
	margin-top: 195px;
}
#team .cloud-sophia{
	position:absolute;
	margin-top: 425px;
	margin-left:750px;
}
span.name{
	color: #026161;
	font-size: 160%;
	line-height: 220%;
}

#in-game-advertising .image{
	width: 100%;
	height: 200px;
	margin-bottom: 30px;
	display: block;
}
#in-game-advertising .description-1{
	float: left;
	width: 465px;
	margin-right: 30px;
}
#in-game-advertising .description-2{
	float: left;
	width: 465px;
}
.iga{
	color: #026161;
	font-size: 210%;
	margin-bottom: 10px;
	text-align: center;
}
.iga-blue{
	color: #026161;
	font-size: 280%;
	line-height: 120%;
	margin-bottom: 40px;
	text-align: center;
}
.iga-big{
	color: #026161;
	font-size: 140%;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}



/** Contact us **/

#panel {
	font-size: 85%;
	position:fixed;
	z-index: 2;
	bottom: 0;
	width: 100%;
	height: 0px;
	background-color: #CFE8F7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CFE8F7'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CFE8F7)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #CFE8F7); /* for firefox 3.6+ */ 
}
.contact{
	cursor: pointer;
}
#panel .align-middle{
	width:760px;
	margin-left: auto;
	margin-right: auto;
}
#panel .contact-bar {
	height: 180px;
	display: table-cell;
	vertical-align: middle;
}
#contact-child {
	clear: both;
	height: 60px;
}
.contact-title{
	margin-bottom: 15px;
}
.contact-grid1{
	display:block;
	float: left;
	width: 200px;
	margin-right: 30px;
}
.contact-grid2{
	display:block;
	float: left;
	width: 170px;
	margin-right: 30px;
}
.contact-grid3{
	float: left;
	display:block;
	width: 300px;
	margin-right: 30px;
}
#contact-close{
	position:absolute;
	top: 20px;
	right: 100px;
	cursor: pointer;
}

#contact-us-message{
	color: #026161;
}
#panel a:hover{
	color: #026161;
}
#panel .input-box{
	float: left;
	width: 280px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#panel .input-box label{
	float:left;
	width:65px;
}
#panel .input-box input{
	float:left;
	width: 200px;
	border: 1px solid #888;
}
#panel .input-box textarea{
	float:left;
	width: 200px;
	border: 1px solid #888;
	height: 45px;
}
#panel input.submit-button{
	margin-top: 3px;
	border: 1px solid #888;
	background-color: #fff;
	padding: 3px;
	width:50px;
}
.subscribe-main {
	padding-top:95px;
	width: 300px;
	margin-left: auto;
	margin-right:auto;
}
#subscribe-message{
	text-align: center;
	margin-top: 20px;
	color: #026161;
}
.subscribe-main input{
	float:left;
	width: 200px;
	border: 1px solid #999;
	padding: 5px;
	opacity: .85;
	margin-top:10px;
	margin-right: 5px;
	color: #555;
}
.subscribe-main input.submit-button{
	margin-top:10px;
	border: 1px solid #999;
	background-color: #fff;
	opacity: .85;
	padding: 5px;
	width:75px;
	color: #333;
}