/**********************
	HEADER WRAP
**********************/
.header-wrap {
	position:relative;
	height:280px;
	}
	.header {
		margin:0 auto;
		width:900px;
		height:280px;
		}
		/* Logo */
		.logo {
			display:block;
			height:293px;
			left:-110px;
			top:5px;
			width:296px;
			z-index:5;
			}
		/* Gulp */
		.gulp-img {
			display:block;
			height:256px;
			right:-80px;
			top:40px;
			width:183px;
			z-index:5;
			}
		/* Navigation */
		.navigaiton-holder {
			width:900px;
			height:115px;
			}
			.navigation {
				height:65px;
				left:146px;
				top:49px;
				width:720px;
				}
				ul.mainnav {
					list-style-type:none;
					margin:0;
					padding:0;
					}
					ul.mainnav li {
						display:block;
						text-indent:-9999px;
						}
						ul.mainnav li a {
							display:block;
							float:left;
							}
							
							/* Link */
							a.graph {background:url(../img/navigation.gif) 0 0 no-repeat; width:98px; height:24px; position:absolute; top:24px; left:74px;}
							a.geotagging {background:url(../img/navigation.gif) -215px 0 no-repeat; width:144px; height:24px; position:absolute; top:24px; left:285px;}
							a.aboutgulp {background:url(../img/navigation.gif) -451px 0 no-repeat; width:144px; height:24px; position:absolute; top:24px; left:525px;}
							
							/* Hover */
							a:hover.graph {background:url(../img/navigation.gif) 0 -30px no-repeat; width:98px; height:24px;}
							a:hover.geotagging {background:url(../img/navigation.gif) -215px -30px no-repeat; width:144px; height:24px;}
							a:hover.aboutgulp {background:url(../img/navigation.gif) -451px -30px no-repeat; width:144px; height:24px;}
							
							/* Selected */
							a.graph-selected, a:hover.graph-selected {background:url(../img/navigation.gif) 0 -30px no-repeat; width:98px; height:24px; position:absolute; top:24px; left:74px;}
							a.geotagging-selected, a:hover.geotagging-selected {background:url(../img/navigation.gif) -215px -30px no-repeat; width:144px; height:24px; position:absolute; top:24px; left:285px;}
							a.aboutgulp-selected, a:hover.aboutgulp-selected {background:url(../img/navigation.gif) -451px -30px no-repeat; width:144px; height:24px; position:absolute; top:24px; left:525px;}
							

		/* Latest News */
		.latest-news {			
			color:#414141;
			font-family:Century;
			font-size:20px;
			height:115px;
			left:185px;
			padding:10px;
			width:405px;
			}
			.latest-news a {		
				color:#000000;
				font-family:Century;
				font-size:20px;
				text-decoration:underline;
				}
			.latest-news a:hover {		
				color:#000000;
				font-family:Century;
				font-size:20px;
				text-decoration:none;
				}
		
		/* countdown-holder */
		.countdown-holder {
			background:url(../img/daysleftbefore-text.gif) bottom no-repeat;
			color:#414141;
			font-family:Century;
			font-size:70px;
			height:130px;
			padding:29px 0 0;
			right:100px;
			text-align:center;
			top:80px;
			width:125px;
			}	
			
		.main-content {
			width:900px;
			}
			.left-rail {
				width:655px;
				}
				.left-rail2 {
					width:485px;
					}
				.regisleft {					
					padding:25px 0 25px 60px;
					width:425px;
					}
				.geotagcode {
					margin:0 auto;
					width:600px;
					height:400px;
					}
			.right-rail {
				width:245px;
				}
				.right-rail2 {
					width:415px;
					}
					.regsfields {
						background:url(../img/registration-fields.gif) no-repeat;
						width:360px;
						margin:35px 0 0;
						height:190px;
						}
						/* INput */
						.nameinput {
							font-size:17px;
							color:#000;
							background:none;
							border:none;
							height:21px;
							left:110px;
							position:absolute;
							top:39px;
							width:242px;
							padding:4px;
							}
						.emailinput {
							font-size:17px;
							color:#000;
							background:none;
							border:none;
							height:21px;
							left:110px;
							position:absolute;
							top:80px;
							width:242px;
							padding:4px;
							}
						.txcodeinput {
							font-size:17px;
							color:#000;
							background:none;
							border:none;
							height:21px;
							left:110px;
							position:absolute;
							top:121px;
							width:242px;
							padding:4px;
							}
						.vxcodeinput {
							font-size:17px;
							color:#000;
							background:none;
							border:none;
							height:21px;
							left:110px;
							position:absolute;
							top:162px;
							width:242px;
							padding:4px;
							text-transform:uppercase;
							}
						.connectfacebook-btn {
							top:220px;
							left:90px;
							}
							/*.connectfacebook-btn a {
								background:url(http://www.7-elections.com.ph/images/facebookconnec-btn.gif) no-repeat; 
								width:158px; 
								height:20px;
								}
								.connectfacebook-btn a span {
									background:none;
									border:none;
									}*/
						.skip {
							left:183px;
							top:250px;
							}
						.validateviaemail {
							top:220px;
							left:235px;
							}
						.txcode {
							left:80px;
							top:123px;
							}
						.vxcode {
							left:80px;
							top:164px;
							}
						.register-btn {
							height:194px;
							right:-41px;
							top:15px;
							width:57px;
							}
						.download-btn2 {
							height:194px;
							right:-41px;
							top:175px;
							width:57px;
							}
						.download-btn3 {
							height:194px;
							right:-41px;
							top:15px;
							width:57px;
							}
					
						.content-headertopbg {
							left:0px;
							top:252px;
							z-index:1;
							}
							
				.per-right-box {
					background:url(../img/dothor.gif) bottom repeat-x;
					width:230px;
					padding:0 0 15px;
					}
					.every {
						font-size:20px;
						font-family:Century;
						color:#383838;
						}
							

/**********************
	CONTENT WRAP
**********************/			
.content-wrap {
	position:relative;
	}
	.content {
		margin:0 auto;
		/*width:900px;*/
		width:932px;
		/*min-height:489px;
		height:auto;
		height:489px;*/
		}
		.graph-flash {			
			margin:0 auto;
			text-align:center;
			width:900px;
			padding-bottom:10px;
			}
		.content-repeatbg {
			background:url(../img/body-bg.png) top center repeat-y;			 
			width:932px;
			}
			.content-bgtop {
				background:url(../img/content-bgtop.png) top center no-repeat;	
				width:932px;
				}
		.topcontent-holder {
			margin:0 auto;
			background:url(../img/linedble.gif) bottom repeat-x;
			padding:0 0 10px;
			width:865px;
			top:-8px;
			}
		.result-holder {
			margin:0 auto;
			/*background:url(../img/linedble.gif) bottom repeat-x;*/
			height:3px;
			padding:0 0 10px;
			width:865px;
			top:-8px;
			z-index:100;
			}		
			.result {
				background:url(../img/dot-ver.gif) right center repeat-y;
				height:45px;
				padding:15px 10px 0 0;
				width:304px;			
				}
				.sharefb-widget {
					background:url(../img/dot-ver.gif) right center repeat-y;
					width:70px;
					height:60px;
					padding:0 0 0 5px;
					}
				.toptext {
					height:50px;
					padding:10px 10px 0;
					width:451px;
					}

/**********************
	FOOTER WRAP
**********************/			
.footer-wrap {
	position:relative;
	width:100%;
	height:154px;
	}
	.footer {
		background:url(../img/footer-bg.png) 4px 0 no-repeat;
		margin:0 auto;
		width:932px;
		height:154px;
		}	
		.footer-body {
			margin: 0 auto;
			background:url(../img/linedble.gif) 0 10px repeat-x;
			height:134px;
			padding:20px 0 0;
			width:870px;
			}
			.sponsors-holder {
				height:71px;
				left:50%;
				margin-left:-130.5px;
				top:155px;
				width:261px;
				}
				.download-btn {
					height:44px;
					right:0;
					top:165px;
					width:227px;
					}
			.footer-left {
				padding:0 0 0 10px;
				width:620px;
				font-size:9px;
				}
			.footer-right {
				background:url(../img/footer-verdot.gif) left no-repeat;
				width:200px;
				padding:0 0 0 20px;
				}
				
/* Countdown */
.countdown2 {
	background:url(../img/coutdown-bg.gif) no-repeat;
	width:249px;
	height:316px;
	color:#414141;
	font-family:Century;
	font-size:170px;
	text-align:center;
	left:35px;
	top:35px;
	}
	
/* TengBOx */
.popup-opacitybg {
	background:#000;
	width:100%;
	height:100%;
	z-index:500;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
.popup {
	width:604px;
	height:104px;
	z-index:700;
	left:50%;
	top:50%;
	margin:-52px 0 0 -302px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	color:#FFF;
	text-align:center;
	}
	.popup a,.popup a:hover {
		font-size:11px;
		color:#F00;
		text-decoration:none;
		}