@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background:url(../images/body_bg.png) repeat-x top center;
}

a{
    outline:none;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#main{
	width:1007px;
	height:auto;
	margin:0 auto;
	position:relative;
}

/*-------------header----------*/
#header{
	width:1007px;
	height:287px;
	float:left;	
}
/*-------------topnavi----------*/
#header .topnavi{
	width:1007px;
	height:75px;
}
#header .topnavi .left{
	width:18px;
	height:75px;
	float:left;
	background:url(../images/topnavi_left.png) no-repeat top left;
}
#header .topnavi .mid{
	width:971px;
	height:75px;
	float:left;
	background:url(../images/topnavi_mid.png) repeat-x top center;
}
#header .topnavi .mid .navlink{
	width:110px;
	height:35px;
	float:left;
	background:url(../images/header_navi.png) no-repeat top left;
	/*margin:16px 0 0 8px;*/
	margin:16px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	/*padding:15px 10px 0 10px;	*/
	padding:15px 6px 0 6px;
}
#header .topnavi .mid .navlink:hover,
#header .topnavi .mid .navlink.selected {
	background:url(../images/hover.png) no-repeat top left;
	color:#000;
}

#header .topnavi .mid .link{
	width:150px;
	height:30px;
	float:right;
	margin:35px 0 0 0;
	color:#FFF;
}
#header .topnavi .mid .link .rlink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#header .topnavi .right{
	width:18px;
	height:75px;
	float:right;
	background:url(../images/topnavi_right.png) no-repeat top right;
}
/*-------------topnavi----------*/
/*-------------banner----------*/
#header .banner{
	width:1007px;
	height:201px;
	float:left;
}
#header .banner .banleft{
	width:457px;
	height:201px;
	float:left;
	background:url(../images/headerbanerleft.png) no-repeat top center;
}
#header .banner .banmid{
	width:524px;
	height:201px;
	background:url(../images/headerbanermiddle.png) repeat-x top center;
	float:left;
}
#header .banner .banmid .cname{
	width:513px;
	height:auto;
	float:right;
	margin:24px 0 0 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}
#header .banner .banmid .content{
	width:513px;
	height:auto;
	float:right;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:15px 0 0 0;
}
#header .banner .banright{
	width:26px;
	height:253px;
	background:url(../images/headerbanerright.png) no-repeat top right;
	float:right;
}
#header .banner .logo{
	width:513px;
	height:49px;
	padding:24px 0 0 158px;
	float:left;
}
/*-------------banner----------*/
/*-------------header----------*/
/*-------------bodydiv----------*/
#bodydiv{
	width:1007px;
	height:auto;
	float:left;
}
#bodydiv .welcome{
	width:445px;
	height:auto;
	float:left;
	background:url(../images/pogihouse.png) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	color:#000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 237px;
}
#bodydiv .housing{
	width:270px;
	height:auto;
	background:url(../images/housing.png) no-repeat top center;
	margin:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	padding:11px 0 11px 0;
}
#bodydiv .housing .hocontent{
	width:250px;
	height:95px;
	float:left;	
	margin:40px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#bodydiv .housing .readmore{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	float:left;
	background:url(../images/reasmore.png) no-repeat top center;
	width:170px;
	height:29px;
	float:left;
	border:none;
	margin:3px 0 0 55px;
	text-align:center;
	padding:15px 0 0 0;
	
}

#update-bg {
	border-bottom:1px solid dotted;
}

#update {
	position:absolute;
	z-index:50;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
	#update-text {
		margin:-4px -4px 5px 0;
		font-family:Calibri, "Trebuchet MS", Arial, sans-serif;
		font-size:17px;
		color:#000;
	}
	
	#update-text2 {
		margin:-11px 0 5px 0;
		font-family:Calibri, "Trebuchet MS", Arial, sans-serif;
		font-size:17px;
		color:#000;
	}
	
	.input4 {
		font-size:12px;
		color:#000;
		width:249px;
		padding:4px 0 4px 5px;
	}
	
	.input5 {
		width:143px;
		height:21px;
		padding:4px 0 4px 5px;
	}
	
	.dotted-line {
		border:1px dotted #060;
		width:253px;
	}

#bodydown{
	width:997px;
	height:auto;
	float:left;
	margin:10px 0 25px 0;
}
#bodydown .top{
	width:997px;
	height:25px;
	float:left;
	background:url(../images/bodydown_top.png) no-repeat center top;
}
#bodydown .mid{
	width:995px;
	height:auto;
	float:left;
	background:#f4ffd7;
	border-left:solid 1px #dfedb9;
	border-right:solid 1px #dfedb9;
}
#bodydown .mid .zoo{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3d8c00;
	font-size:22px;
	width:432px;
	height:30px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#bodydown .mid .zoo .zoobutt{
	width:82px;
	height:20px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:0px;
	padding:0px;
	border:none;
	font-weight:bold;
}
#bodydown .mid .maincontent{
	margin:5px 16px 0 16px;
	width:932px;
	height:auto;
	float:left;
}
#bodydown .mid .gallery{
	width:432px;
	height:auto;
	float:left;
}
#bodydown .mid .gallery .gcontent{
	width:260px;
	height:auto;
	float:left;
	background:url(../images/pogihouse.png) no-repeat left top;
	padding:0 0 0 230px;
	margin:35px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#295c02;
	text-align:justify;
}

#bodydown .mid .gallery li{
	width:122px;
	height:89px;
	float:left;
	margin:10px 0 0 15px;
	display:block;
}
#bodydown .mid .com,
#bodydown .mid .com2{
	width:510px;
	height:auto;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#bodydown .mid .com2 {
	width:450px;	
}


#bodydown .mid .com li,
#bodydown .mid .com2 li{
	width:414px;
	height:18px;
	float:left;
	background:url(../images/right_button.png) no-repeat center left;
	display:block;
	margin:4px 0 0 0;
	padding:0 0 0 18px;
	
	color:#000;
}
.video-head {
	font-size:24px;
	font-weight:bold;
	color:#3d8c00;	
	text-align:center;
	background:transparent url(../images/film-icon.gif) 100% 0 no-repeat;
	line-height:42px;
	display:inline-block;
	padding-right:50px;
}
#bodydiv .picturevideo{
	width:936px;
	height:auto;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3d8c00;
	margin:21px 0 10px 0;
}
#bodydiv .cetegories {
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		width:936px;
		margin:auto;
	}
#bodydiv .cetegories  p {
		margin:15px 0 15px 5px;
	}
	
	#bodydiv .cetegories a {
		display:block;
		color:#1b62a1;	
		float:left;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		background:transparent url(../images/a-left.gif) 0 0 no-repeat;
		height:22px;
		line-height:22px;
		padding-left:15px;
		margin:0 15px 15px 0;
	}
	
	#bodydiv .cetegories a span {
		background:transparent url(../images/a-right.gif) 100% 0 repeat-x;	
		display:block;
		padding-right:15px;
		line-height:22px;
		float:left;
	}
	
	#bodydiv .cetegories a:hover,
	#bodydiv .cetegories a.selected{
		color:#649006;
	}

#bodydiv .picturevideo1{
	width:645px;
	height:auto;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3d8c00;
	margin:21px 0 0 0;
}
#bodydiv .video1 .contactform{
	width:400px;
	height:250px;
	margin:0 0 0 0;
	float:right;
}
#bodydiv .video{
	width:960px;
	height:auto;
	float:left;
}
#bodydiv .video li {
	padding:0 0 30px 0;	
	text-align:center;
}
#bodydiv .video1{
	width:645px;
	height:auto;
	float:left;
	padding-top:12px;
	
}
#bodydiv .zoo{
	width:654px;
	height:15px;
	float:left;
}
#bodydiv .zoo li{
	width:216px;
	height:157px;
	float:left;
}
#bodydiv .video li{
	width:300px;
	height:280px;
	float:left;
	margin:0 0 0px 5px;
}
#bodydiv .video1 li{
	width:300px;
	height:310px;
	float:left;
	margin:0 0 5px 5px;
}
#bodydiv .video1 li .contactform{
	width:400px;
	height:180px;
	margin:0 0 0 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#bodydiv .video1 li .comsubmit{
	width:137px;
	height:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	background:url(../images/submit.png) no-repeat;
	border:none;
	color:#FFF;
	
}
#bodydiv .video1 li .contactform .inputbox{
	width:230px;
	height:17px;
	float:right;
	margin:0 4px 0 0;
}
#bodydiv .news{
	width:350px;
	height:0;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#6d6e6d;
	font-size:29px;
	text-align:center;
}
#bodydiv .news .ntext{
	font-family:Arial, Helvetica, sans-serif;
	color:#048104;
	font-size:12px;
	font-weight:normal;
	float:left;
	text-align:justify;
	margin:0 0 0 10px;
}
#bodydiv .help{
	width:340px;
	height:172px;
	float:right;
	margin:210px 0 0 10px;
}
#bodydiv .faq{
	width:1007px;
	height:auto;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#4f7f06;
	padding:0 0 8px 0;
	border-bottom:solid 5px #046004;
	margin:10px 0 0 0;
}
#bodydiv .qtext{
	width:981px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight:bold;
	float:left;
	padding:17px;
	color:#2d4902;
}
#bodydiv .qtext li{
	height:19px;
}
#bodydiv .qtext li a{
	text-decoration:none;
	text-align:justify;
	color:#2d4902;
}
/*Question Box For FAQ BOX*/
#bodydiv .questionbox{
	width:1007px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:solid 5px #046004
	}
#bodydiv .questionbox ul{
	margin:0;
	padding:0 10px 0 10px;
	}
#bodydiv .questionbox li{
	margin:0;
	padding:0;
	list-style:none;
	}
#bodydiv .questionbox a{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#046004;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	}
#bodydiv .questionbox a:hover{
	color:#44690d;
	font-weight:bold;
	text-decoration:underline;
	}
/*Question Box For FAQ BOX*/
#bodydiv .qtexttwo{
	width:998px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#44690d;
	float:left;
	text-align:justify;
}

#bodydown .mid .maincontent .mtop{
	width:962px;
	height:24px;
	float:left;
	background:url(../images/bodydown_innertop.png) no-repeat top center;
}
#bodydown .mid .maincontent .mmid{
	width:962px;
	height:auto;
	float:left;
	background:#e1fe94;
}
#bodydown .mid .maincontent .mbot{
	width:962px;
	height:24px;
	float:left;
	background:url(../images/bodydown_innerbot.png) no-repeat top left;
}
#bodydown .down{
	width:997px;
	height:25px;
	float:left;
	background:url(../images/bodydown_bot.png) no-repeat right top;
}
/*-------------bodydiv----------*/
#footer{
	width:100%;
	height:84px;
	background:url(../images/footer_bg.png) repeat-x top center;
	margin:0 auto;
}
#footer .footernav{
	width:1007px;
	height:76px;
	background:url(../images/footernavbg.png) no-repeat top center;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#footer .footernav .footernavi{
	width:968px;
	height:42px;
	background:url(../images/footernavi.png) no-repeat center;
	float:left;
	margin:18px 0 0 17px;
	line-height:42px;
}
#footer .footernav .footernavi .right{
	width:200px; 
	height:20px; 
	text-align:right; 
	color:#FFF; 
	float:right; 
	margin:15px 10px 0 0;
	line-height:normal;
	font-size:11px;
}
#footer .footernavi a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	margin:0 0 0 7px;
}
#welcomepoggie{
	width:1007px;
	height:0;
	background:#FFF;
	float:left;
}
#welcomepoggie .pogihouse{
	width:227px;
	height:218px;
	background:url(../images/pogihouse.png) no-repeat left center;
	float:left;
	padding:10px 0 0 0;
}
#welcomepoggie .pogihouse .rightpanel{
	width:782px;
	height:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3d8c00;
}

#newsletter {
	position:absolute;
	z-index:50;
	top:200px;
	left:370px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
	#newsletter h5 {
		margin:0 0 5px 0;
		font-family:Calibri, "Trebuchet MS", Arial, sans-serif;
		font-size:18px;
	}
	
	#newsletter .input1,
	#newsletter .input2 {
		font-size:12px;
		color:#666;
		width:150px;
		padding:4px 0 4px 5px;
	}
	
	#newsletter .input2 {
		width:180px;	
	}

#thanks {
	font-family:Calibri, "Trebuchet MS", Arial, sans-serif;
	min-height:300px;
	padding-top:15px;
}

#thanks h1 {
	font-size:25px;
	text-indent:50px;
}

#thanks p {
	font-size:15px;
	text-indent:50px;
}


.clear {clear:both;}
.gap5 {width:5px; height:5px; font-size:0%;}
.gap10 {width:10px; height:10px; font-size:0%;}
.gap20 {width:20px; height:20px; font-size:0%;}
.gap30 {width:30px; height:30px; font-size:0%;}

.border {border:1px solid #F00;}
.brd-2gray {border:2px solid #dcdcdc;}
.fs14 {font-size:14px;}
.ml15 {margin-left:15px;}
.fl {float:left;}
.fr {float:right;}
.w500 {width:500px; margin:auto;}
.w200 {width:200px; margin:auto;}
.brd-2grn {border:2px solid #62a302;}