/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Web Talon-Tour
CSS Crazyowlet.com
Created: 21/06/2009 
------------------
*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	/*height: 100%; needed for container min-height */
	width: 100%;
}
body {
	background: #d9d6cc url(../images/bg.png) repeat-x top;
	font: .8em Tahoma, Verdana, Arial, sans-serif, "Lucida Grand", Helvetica, Georgia;
	padding: 0;
	margin: 0;
	color: #868686;
}
/* -------- Control All Page --------- */
a {
	/*color: #ff7200;*/ /* a link color */
	color: #868686;
	text-decoration: none;
	outline: none;
}
a:hover {color: #c9620e !important;}/* a link hover color */
img, fieldset {border: 0;}
.clear {clear: both}
.hide {display: none;visibility: hidden;}
address {font-style: normal;margin-bottom: 15px}
h1, h2, h3, h4, h5, h6 {font-size: 110%}
fieldset legend {display: none}
.setleft {float: left}
.setright {float: right}
img.setleft {margin: 0 10px 0 0}
img.setright {margin: 0 0 0 10px}
.textcenter {text-align: center}
p, ul, ol {margin-bottom: 15px}
ol, ul {padding-left: 20px}
li {padding-bottom: 3px}
input[type="button"], 
input[type="submit"],
input[type="reset"], 
input[type="password"],
button {
	padding: 2px 8px;
}
/* ------- End -------- */
.wraptxt:after, .frame-wrap:after {
	content: ".";
	display: block; 
	clear: both;
	visibility: hidden;
	height: 0;
}
* html .wraptxt, * html .frame-wrap {
	display: inline-block; /* for IE/Mac */
}
/**********************************
	 control width page 
**********************************/
.wraptxt, #footer {
	width: 780px;
	margin: 0 auto;
}
#frame {
	/*background: url(../images/bg_frame.png) repeat-x top;*/
	width: 806px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.talon-tour {
	position: absolute;
	top: 84px;
	left: -25px;
}
.talon {
	display: none;
}
#top {
	height: 67px;
	width: 716px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-bottom: -8px;
}
#nav {
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}
#nav * {
	float: left;
	display: block;
}
#nav li {
	padding: 0;
	margin-right: 1px;
}
#nav a {
	background: url(../images/bg_nav.png) no-repeat;
	width: 117px;
	height: 33px;
	line-height: 32px;
	text-align: center;
	color: #fff;
}
#nav a:hover, #nav .on a {
	color: #eeca00 !important;
	padding-top: 33px;
	margin-top: -33px;
}
#nav strong {
	position: relative;
	overflow: hidden;
	width: 117px;
	height: 33px;
}
.cbg, .cbg2, .cbg3  {
	position: absolute;
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
}
.cbg {
	background: url(../images/bg_curve1.png) no-repeat;
}
.cbg2 {
	background: url(../images/bg_curve3.png) no-repeat;
}
.cbg3 {
	background: url(../images/bg_curve5.png) no-repeat;
}
.ctop, .cbottom {
	height: 32px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.cbottom {
	height: 24px;	
}
.ctop .cbg, 
.ctop .cbg2, 
.ctop .cbg3 {
	top: 0;
	left: 0;
}
.cbottom .cbg, 
.cbottom .cbg2,
.cbottom .cbg3 {
	top: -57px;
	left: 0;
}
.frame-wrap {
	background: url(../images/bg_curve2.png) repeat-y;
	width: 100%;
}
.frame-wrap2 {
	background: url(../images/bg_curve4.png) repeat-y;
	width: 100%;
	overflow: hidden;
}
.left {
	padding-top: 55px;
	width: 207px;
	margin-left: 10px;
	float: left;
	display: inline;/*fix ie6.xx*/
}
.left h3 {
	margin-bottom: 3px;
}

.left ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 8px;
	
}
.left ul li {
	background: url(../images/bg_icon.png) no-repeat 0 -275px;
	width: 100%;
}
.left li a {
	display: block;
	padding: 0 0 1px 14px;
	color: #868686;
}
.left li a.on {
	color: #ff7200 !important;
}
.left p {
	margin-bottom: 5px;
}
.lwrap ul, .lwrap h3, .lwrap p {
	padding: 0 10px 0 22px;
}
.lwrap p {padding-bottom: 10px}
.lwrap {
	font-size: 90%;
	padding-bottom: 20px;
}
.lwrap h3 {
	padding-top: 7px;
	border-top: 1px solid #d4d6cf;
}

.s-contactbg {
	background: url(../images/bg_icon.png) no-repeat 10px 0;
	padding: 3px 0 0 74px;
	min-height: 237px;
}
.s-contact {
	background: url(../images/bg_box2.png) no-repeat 0 0;
	width: 197px;
	margin: 0 0 5px 3px;
	font-size: 90%;
}
.s-contacttxt {
	background: url(../images/bg_box2.png) no-repeat bottom;
	padding: 10px 20px;
	position: relative;
	top: 2px;
	min-height: 240px;
}
.c-main {
	background: url(../images/bg_box1.png) no-repeat 0 0 !important;	
	width: 129px !important;
}
.c-main .s-contacttxt {
	background: url(../images/bg_box1.png) no-repeat bottom !important;
	padding: 10px 10px;
}
* html .s-contacttxt {
	height: 240px;
}
.s-contact address {
	padding-top: 17px;
	margin-bottom: 8px;
}
.content {
	/*width: 527px;*/
	width: 530px;
	float: right;
	padding-right: 15px;
}
* html .content {
	padding-right: 13px;
}
.content h1 {
	font-size: 180%;
	margin-bottom: 10px;
	color: #779908;
}
.content h2 {
	font-size: 130%;
	margin-bottom: 10px;
}
.content h3 {
	font-size: 120%;
	margin-bottom: 10px;
}
.content h4 {
	font-size: 100%;
	margin-bottom: 10px;
}
.homecontent {
	background: url(../images/home_bg.jpg) no-repeat 0 0;
	padding-right: 15px;
	width: 534px;
	float: right;
	top: -14px;
	position: relative;
	padding-top: 387px;
}
.programlist {
	padding: 0;
	list-style: none;
}
.programlist li {
	padding-bottom: 15px;
	width: 90%;
	overflow: hidden;
}
.programlist li .proimg * {
	display: block;
}
.programlist li .proimg {
	color: #fff;
}
.programlist .proimg {
	width: 130px;
	float: left;
}
.programlist .proimg img {
	background-color: #fff;
	padding: 2px;
	border: 2px solid #b9b9b9;
	margin-bottom: 2px;
}
.programlist .proimg:hover img {
	border: 2px solid #eeca00;
}
.programlist h4 {
	margin-bottom: 2px;
}
.programlist .proimg span {
	background: url(../images/bg_icon.png) no-repeat 0 -358px;
	padding: 2px 3px 6px 3px;
	text-align: center;
	font-size: 12px;
}
.programlist .protxt {
	margin-left: 142px;
}
.allview {
	margin: 0;
}
.allview a {
	color: #868686;
}
#footer {
	margin: 0 auto;
	padding: 10px 0;
	color: #454c46;
	font-size: 90%;
	width: 760px;
}
.mainpage {
	height: 448px;
	top: 55px;
}
.mainpage .left {
	padding-top: 0;
}
/*
.mainpage .content img {
	border: 2px solid #dadcd3;
	margin-bottom: 15px;
	display: none;
}
*/
.mainimgview {
	border: 2px solid #dadcd3;
	width: 522px;
	height: 226px;
	margin-bottom: 15px;
}
.mainpage .frame-wrap {
	padding-top: 5px;
}
.mainpage .content h2 {
	color: #9aa486;
	margin: 0;
	font-weight: normal;
	text-align: right;
	/*letter-spacing: -1px;*/
}
.mainpage .content h2 em {
	font-style: normal;
	color: #75835c;
	font-size: 120%;
}
.clicktohome {
	position: relative;
	overflow: hidden;
	margin: -15px 0 3px 0 !important;
}
.clicktohome a {
	background: url(../images/bg_icon.png) no-repeat 0 -408px;
	display: block;
	text-indent: -900px;
	width: 140px;
	height: 16px;
	overflow: hidden;/*fix ie6.xx*/
}
.clicktohome a:hover {background-position: 0 -424px}
.home-wrap {padding: 10px 20px 0 20px}
.home-wrap h2 {
	font-size: 170%;
	font-weight: normal;
	margin-bottom: 5px;
}
.home-wrap h2, .home-wrap h3 {color: #454c46}
.home-wrap h3 span {font-weight: normal}
.home-wrap h3 {padding-top: 10px}
.newtip {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0;
}
.newtip li {
	width: 90%;
	overflow: hidden;
	padding-bottom: 15px;
}
.newtip li img {
	float: left;
	padding: 4px;
	border: 1px solid #b4b4b4;
}
.newtip li .text {
	margin-left: 163px;
	padding-top: 10px;
}
.headimg {
	
}
.tourdate {
	padding: 20px 0;
}
.headimg img {
	background: url(../images/bg_imgmain.png) no-repeat center top;
	padding: 13px 0 14px;
}
.tabprogram {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d4d6cf;
	padding: 0;
	list-style: none;
	position: relative;
}
.tabprogram * {
	float: left;
	display: block;
}
.tabprogram li {
	background: url(../images/bg_icon.png) no-repeat 0 -451px;	
	position: relative;
	left: -1px;
	padding: 0;
}
.tabprogram a {
	padding: 5px 8px;
	font-weight: bold;
	color: #868686;
	position: relative;
	left: 2px;
}
.tabprogram .selected, .tabprogram .selected a {
	background: #d4d6cf;
	z-index: 999;
}
.tabprogram .selected + li {
	/*background: none;*/
}
.tabprogram .selected a {
	color: #ff7200;
}
.listview {
	padding: 0 0  0 5px;
	list-style: none;
	margin: 0;
}
.listview li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 6px;
	position: relative;
}
.listview strong {
	display: block;
	width: 75px;
	float: left;
	font-weight: normal;
}
.listview span {
	display: block;
	margin-left: 77px;
}
#gallery ul {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#gallery li {
	float: left;
	padding: 12px;
	list-style: none;
}
#gallery li img {
	padding: 2px;
	background-color: #fff;
	border: 2px solid #b9b9b9;
}
#gallery li a:hover img {
	border: 2px solid #eeca00;
}
#pricetour, #gallery, .listview {
	display: none;
}
#pricetour h3, .txtorange {
	color: #ff7200;
}
#pricetour {
	padding-left: 10px;
}
.viewpage {
	font-size: 130%;
	color: #454c46;
	padding: 12px 0 2px 20px;
	margin: 0 2px;
	border-top: 1px solid #d4d6cf;
	position: relative;
}
.wrapcontent {
	width: 792px;
	margin-left: 7px;
	padding-top: 55px;
	overflow: hidden;
}
.viewpage strong {
	color: #ff7200;
	font-weight: normal;
}
.viewpage ul {
	padding: 0;
	margin: 0;
	position: absolute;
	list-style: none;
	width: 380px;
	top: 15px;
	right: 180px;
}
.viewpage li {
	/*display: inline;*/
	float: left;
	font-size: 12px;
	height: 25px;
	margin-right: 10px;
}
.viewpage li strong {
	font-weight: bold;
}
.viewpage li a {
	padding-left: 18px;
}
.viewpage li a strong {
	color: #868686 ;
}
.viewpage li a:hover strong {
	color: #ff7200 ;
}
.viewpage li.m1 {
	background: url(../images/bg_icon.png) no-repeat 0 -479px;	
}
.viewpage li.m2 a {
	padding-left: 35px;
}
.viewpage li.m2 {
	background: url(../images/bg_icon.png) no-repeat 0 -535px;	
}
.viewpage li.m3 a {
	padding-left: 22px;
}
.viewpage li.m3 {
	background: url(../images/bg_icon.png) no-repeat 0 -581px;	
}
.viewpage li.m4 {
	background: url(../images/ico_logout.png) no-repeat;	
}
.viewpage li.m5 {
	background: url(../images/ico_changepass.png) no-repeat;	
}

.webboardtxt .headimg img {
	background: url(../images/bg_imgmain2.png) no-repeat center top;
}
.webboardtxt .headimg {
	margin-bottom: 0;
	height: 216px;
	position: relative;
	overflow: hidden;
}
.webboardtxt h2 {
	background-color: #d9d6cc;
	padding: 10px 0 5px 20px;
	border-bottom: 2px solid #706842;
}
h2.viewicon {
	background: #d9d6cc url(../images/bg_icon.png) no-repeat 18px -572px;	
	padding-left: 40px;
}
.webboardright {
	width: 560px;
	float: right;
	padding-top: 60px;
}
.login {
	padding: 0 0 0 20px;
	position: relative;
	z-index: 999;
}
.login ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.login li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
.login li label {
	width: 90px;
	float: left;
	padding-top: 4px;
}
.login li .txt input {
	padding: 3px 4px;
	border: 1px solid #d9d6cc;
	width: 210px !important ;
}
.login p {
	padding: 10px 0 0 95px;
	margin-bottom: 0;
}
.login li .txt {
	margin-left: 95px;
}
.login a {
	color: #FF8827;
}
.allform, .allform ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 15px;	
}
.allform li label {
	width: 130px;
	float: left;
	padding-top: 4px;
	position: relative;
}
.allform li label cite {
	font-style: normal;
	color: #ff2121;
	position: absolute;
	right: 0;
}
.allform li .txt {
	margin-left: 135px;
}
.allform li {
	width: 100%;
	display: block;
	display: table;
	display: inline-block;
	margin-bottom: 4px;
	position: relative;
}
.allform li .txt input {
	padding: 3px 4px;
	border: 1px solid #d9d6cc;
	width: 55%;
}
.bottomform {
	padding-left: 135px;
}
.bottomform input {
	cursor: pointer;
}
.register {
	width: 680px;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}
.register .startxt {
	position: absolute;
	right: -20px;
}
.startxt cite {
	color: #ff2121;
}
.forgotpass {
	position: relative;
}
.forgotpass .startxt {
	text-align: right;
	padding-right: 30px;
}
.thanktxt {
	text-align: center;
	margin-right: 15px;
	padding-top: 25px;
}
.thanktxt a {
	color: #FF8827;
}
.thanktxt p {
	font-size: 130%;
	color: #9aa486;
	word-spacing: -2px;
	line-height: 30px;
	margin-bottom: 30px;
}
.thanktxt p strong {
	font-weight: normal;
	font-size: 120%;
	color: #75835c;
}
.thanktxt .txtorange {
	color: #ff8827;
}
.welcome {
	position: absolute;
	right: 20px;
	color: #ff7200;
}
.welcome strong {
	font-weight: bold;
}
.thankpop {
	background: url(../images/bg_box3.png) no-repeat center top;
	width: 368px;
	position: fixed;
	z-index: 999;
	top: 40%;
	left: 50%;
	margin-left: -184px;
}
.thankpop .thankpop-txt {
	background: url(../images/bg_box3.png) no-repeat center bottom;
	padding: 30px 15px 35px 15px;
	position: relative;
	top: 4px;
	font-size: 120%;
	color: #779908;
	text-align: center;
	position: relative;
	width: 100%:
}
.thankpop-txt p strong {
	font-weight: normal;
	font-size: 130%;
	display: block;
	padding-top: 10px;
}
.mainwebboard {
	font-size: 11px;
	margin-bottom: 10px;
}
.mainwebboard td, .mainwebboard th  {
	padding: 5px 8px;
}
.mainwebboard a.topic {
	background: url(../images/bg_icon.png) no-repeat 0 -581px;
	/*color: #868686;*/
	display: block;
	padding: 2px 0 2px 20px;
}
.mainwebboard .rowcolor td {
	background-color: #e8e6e0;
}
.mainwebboard th {
	background-color: #d9d6cc;
	border-bottom: 2px solid #706842;
	font-size: 130%;
	padding-top: 10px;
}
.mainwebboard .first {
	padding-left: 30px;
}
.newhead {
	margin: 0;
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}
.newhead a {
	background: url(../images/bg_icon.png) no-repeat 0 -577px;
	float: right;
	display: block;
	padding: 5px 25px;
}
.viewnumpage {
	width: 100%;
	overflow: hidden;
	padding: 5px 0;
	font-size: 11px;
}
.viewnumpage p {
	margin: 0;
	padding: 0 25px;
}
.viewnumpage a.on, 
.viewnumpage2 a.on, 
.viewnumpage2 .setleft em {
	color: #FF8827;
	font-style: normal;
}
.viewnumpage a {
	padding: 1px 2px;
}
.viewnumpage2 {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.viewnumpage2 p {
	margin: 0;
}
.viewnumpage2 .setleft {
	padding-left: 30px;
}
.viewnumpage2 .setright {
	padding-right: 30px;
}
.linegreen {
	height: 2px;
	overflow: hidden;
	background-color: #706842;
	clear: both;
}
.colorbox {
	width: 285px;
	display: inline-block;
	display: table;
}
.colorbox div {
	width: 20px;
	height: 20px;
	border: 1px solid #d9d6cc;
	cursor: pointer;
	float: left;
	margin-right: 8px;
}
.colorbox div.selected {
	border: 1px solid #000;
}
.colorbox .color1 {background-color: #ffffff }
.colorbox .color2 {background-color: #ff007e }
.colorbox .color3 {background-color: #2f0ebe }
.colorbox .color4 {background-color: #00aeff }
.colorbox .color5 {background-color: #007914 }
.colorbox .color6 {background-color: #ebd800 }
.colorbox .color7 {background-color: #d76500 }
.colorbox .color8 {background-color: #e80000 }
.colorbox .color9 {background-color: #000000 }
.lineemo {
	border: 1px solid #d9d6cc;
	position: relative;
	padding: 0;
}
.emo {
	width: 595px;
	overflow: hidden;
	margin: 0 !important;
	/*border: 1px solid #d9d6cc;*/
	padding: 5px 0 3px 8px !important;
}
.emo li {
	width: 23px;
	height: 23px;
	float: left;
	border: 1px solid #dedede;
	padding: 0;
	margin: 0 6px 2px 0;
	cursor: pointer;
}
.newpost, .viewpost {
	width: 745px;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}
.viewpost p img {
	vertical-align: middle;
}
.intxt {
	border: 0;
	width: 578px;	
	margin: 5px 8px;
	padding: 5px 0 3px 8px !important;
	position: relative;
	height: 120px;
	/*top: -1px;*/
}
.line2 {
	height: 1px;
	overflow: hidden;
	background-color: #d9d6cc;
}
.notered {
	padding: 10px 0 5px 20px;
	margin: 0 0 -5px 0;
	font-style: italic;
	color: #fe0000;
	font-size: 12px;
	line-height: 18px;
}
.postby {
	margin: 0;
	color: #739601;
	font-size: 90%;
	padding-top: 15px;
}
.postby span {
	padding: 0 10px;
}
.detailpost {
	padding-top: 30px;
}
.detailpost .wrapcontent {
	padding-top: 0 !important;
	position: relative;
	z-index: 999;
}
.detailpost .viewpost {
	padding-top: 0;
}
.detailpost .ctop {
	height: 24px !important;
}
.postnum {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 2px solid #706842;
}
.postnum h3 {
	background: url(../images/bg_icon.png) no-repeat 20px -632px;
	float: left;
	margin: 0;
	padding: 0 30px 5px 50px;
}
.postnum a {
	color: #ff7200;
	float: right;
	display: block;
	padding: 3px 20px 5px 20px;
}
.postimg {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.postimg div {
	float: left;
}
.postimg span {
	display: block;
	padding: 5px 0;
	text-align: right;
	font-size: 16px;
}
.headicon1 {
	background: url(../images/bg_icon.png) no-repeat 20px -620px;
	padding: 15px 0 2px 50px;
}
/* Tom */
.errorcontrol{
	background-color: #FFCFDA;
}
/*---- Err Msg ----*/
.err-msg {
	position: absolute;
	width: 424px;
	z-index: 1999;
	/*left: 50%;*/
	margin-left: -212px;
	/*top: 140px;*/
	background-color: #3d3937;
}
.err-msg span {
	display: block;
	padding: 30px 15px 30px 55px;
	font-weight: bold;
}
.cas-err span {
	background: url(../img/msg_err.gif) no-repeat 15px 25px;
	border: 1px solid #9d1e1e;
	color: #9d1e1e;
}
.cas-finlish span {
	background: url(../img/msg_finlish.gif) no-repeat 15px 25px;
	border: 1px solid #45984f;
	color: #45984f;
}
.cas-saving span {
	background: url(../img/ajax-loader.gif) no-repeat 15px 25px;
	border: 1px solid #d4bb16;
	color: #d4bb16;
}
/*---- End Err Msg ----*/
.nodata{	
	text-align: center;	
}
.postimg div{
	padding:3px;
}	
.postimg img{
	border:3px solid #ffffff;
}	
.postimg div.color1 {background-color: #ffffff; }
.postimg div.color2 {background-color: #ff007e; }
.postimg div.color3 {background-color: #2f0ebe; }
.postimg div.color4 {background-color: #00aeff; }
.postimg div.color5 {background-color: #007914; }
.postimg div.color6 {background-color: #ebd800; }
.postimg div.color7 {background-color: #d76500; }
.postimg div.color8 {background-color: #e80000; }
.postimg div.color9 {background-color: #000000; }

.postimg span.color1 {color: #ffffff; }
.postimg span.color2 {color: #ff007e; }
.postimg span.color3 {color: #2f0ebe; }
.postimg span.color4 {color: #00aeff; }
.postimg span.color5 {color: #007914; }
.postimg span.color6 {color: #ebd800; }
.postimg span.color7 {color: #d76500; }
.postimg span.color8 {color: #e80000; }
.postimg span.color9 {color: #000000; }

.errdiv{
	background: #FFBFBF;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	margin-right: 20px;
}	
/* End Tom */