@charset "utf-8";
/*
	#f9a351 - orange
	#f9a358
	#fbc899
	#7bc143 - green
	#bade9b - light green
	#ddefcc
*/
* {padding: 0; margin: 0}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	color: #585858; 
	background: #fff;
	width: 92%;
	margin: 0 auto;
	padding: 0 4%;
	position: relative;
	min-width: 900px;
	}
h1, h2{color: #585858; margin-bottom: .5em}
h1{font-size: 150%}
h2{font-size: 120%}
p+h1, p+h2{margin-top: 1em}
table{border-collapse: collapse; width: 100%}
table th{
	text-align: left;
	padding: .5em;
	border-top: #f89333 4px solid;
	border-bottom: #fff 1px solid;
	background: #f9a351;
	color: #000
}
table thead th{font-size: 110%}
table tbody th {border-top: #fff 4px solid; background: #7bc143; color: #fff}
table td{
	padding: .5em;
	border-top: transparent 1px solid;
	border-bottom: #585858 1px solid;
}
table tr:hover td{background: #fbc899; border-bottom: #7bc143 1px solid}
table + p{margin-top: 1em}
ins{text-decoration: none; margin-bottom: 1em; display: block}
a:link{color: #00f}
a:visited{color: #800080}
a:hover{color: #00f}
a:active{color: #f00}
a img{border: 0 none; display: block}
a.green, .green{color: #7ac142}
div a{font-weight: bold}
div p a{display: inline; font-size: 12px; font-weight: normal; text-decoration: none; margin: 0}
div h1 a{display: inline}
div p a:hover{text-decoration: underline}
iframe{margin: 2em 0}
.small, .small p, .small a{font-size: 98%}
/*Top menu*/
#logo{margin-top: -12px}
#topmenu{
	position: relative;
	height: 72px
	}
#previmg{margin-bottom: 15px}
#topmenu .green{margin-right: 30em}
#holiday, #topnav{position: absolute; bottom: 0}
#topnav{left: 262px}
#hot{position: absolute; right: 0; top: 0; width: 25em; height: 7em}
#hot a{display: block; font-size: 110%; margin-bottom: .2em}
#holiday {width: 18.3em; left: 20px}
#holiday img{float: right}
#holiday p{color: #fff; background: #f9a351; font-size: 200%; text-align: center; line-height: 1.55em; vertical-align: middle}
#holiday #m{background: #7bc143}
#topnav{list-style: none; font-size: 110%; width: 50%}
#topnav li{display: block; float: left; border-left: 4px solid #7bc143; margin-right: 3%}
#topnav a{margin-left: 3px;}
.hidebox{overflow: hidden}
#gal td{vertical-align: top; width: 25%}
.imagebox, .byimg{width: 214px; margin: 0 auto}
.allworks .imagebox, .byimg{margin: 0}
.imagebox p{height: 4em; overflow: hidden; padding-top: .2em}
.longimagebox .small{height: 2.5em; overflow: hidden}
.imagebox .small{border-top: 1px solid #7ac142; margin-top: 5px; padding-top: .4em; height: 6.5em; overflow: hidden} 
.imagebox ins{font-size: 9px; text-decoration: none; display: inline}
.longimagebox{width: 900px; margin-left: auto; margin-right: auto} 
.longimagebox img{margin: 0 0 5px}
.hline{background: #7bc143; height: 14px; margin: 15px -4.42%; padding: 0 4.42%; clear: both}
.h{height: 28px}
.t{margin-top: 25px}
.gb{background: url(/assets/templates/tchai2/img/hgline.gif) repeat fixed 0 0}
.hline img{float: left; position: relative; z-index: 1}
.hline a{font-weight: normal; font-size: 14px; display: block}
.hline p{padding: 0 2em; float: right; background: #fff; line-height: 28px; vertical-align: middle}
.hline p a{font-size: 160%;	color: #7bc143;	text-decoration: none}
#abouttext{height: 20.3em}
.mnav{margin: 15px 0; clear: both}
.sub{padding-bottom: 32px}
.subt{height: 60px}
.subt ul{top: 32px}
.subt li ul{top: -32px}
.mnav a{
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	text-decoration: underline;
	margin: 0;
	}
.mnav ul{
	position: relative;
	background: #7bc143;
	margin: 0 -4.42%;
	padding: 0 4.42%;
	height: 28px;
	list-style: none;
	}
.mnav li{width: 25%; float: left}
.mnav li ul{
	display: none;
	position: absolute;
	left: 4%;
	right: 4%;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #a3d47b;
	margin: 0;
	padding: 0
	}
.sub .active ul, .subt .active ul, .sub .selected ul, .subt .selected ul{display: block}
.mnav .active a, .mnav .selected a{border-left: 2px solid #fff; border-right: 2px solid #fff}
.mnav .active li a, .mnav .selected li a{border: 0; background: #a3d47b}
.mnav .selected a{background: #f9a351}
.mnav .active a{background: #a3d47b}
.sub .active li a, .subt .active li a{background: #a3d47b}
.mnav li .selected a{background: #f9a351}
.gb .selected a{color: #a3d47b}
.gb .selected{color: #a3d47b}
.w25{width: 25%}
.w50{width: 50%}
.w75{width: 75%; padding-bottom: 2em}
.w75 .newslist + .newslist{margin-top: 1em}
.w75 .newslist .capt{display: block; font-weight:bold}
.w33{width: 33.333%}
.w25, .w50, .w75, .w33{float: left; margin-right: -1px}
.w25 li{list-style: square; margin: 0 0 0 1.2em; color: #7bc143}
.w25 li a{margin: 0; padding: 0}
#suvenir li a, #faq li a{color: #505050}
.w25 em, .w25 li a {font-weight: normal; font-style:normal; text-decoration: none; margin: 0}
.w25 li a:hover{color:#00f; text-decoration: underline}
.w25 li a.green, .green{color: #7ac142}
.w25 p a, .w50 p a, .w75 p a{padding: 0}
.w25 p img, .w50 p img, .w75 p img{margin: 10px 0}
.w25 p .icq, .w50 p .icq, .w75 p .icq{margin: 0; vertical-align: middle}
.w25 em, .w25 a, .w25 p, .w50 em, .w50 a, .w50 p{padding-right: 23px}
.w25 .imagebox em, .w25 .imagebox p, .w25 .imagebox a{padding-right: 0}
.floatcont{}
.floatcont .gb,
.floatcont .hline{float: none; margin-left: -17.5%; padding-left: 17.25%; margin-bottom: 1.5em; margin-right: 1.5em}
.floatcont .hline a{text-align: center; color: #fff; padding-top: .3em}
.floatcont .gb p,
.floatcont .gb ul{width: 100%; background: #fff; color: #7bc143; padding-left: .5em; margin-right: -.5em}
.floatcont .gb li{list-style: none; margin: 0}
.floatcont .gb li li{display: inline; margin-right: .2em}
.floatcont .gb p a{padding: 0}
.floatcont .imagebox{margin: 0 auto; float: none}
.w25 .imagebox em{font-style: normal; font-size: 11px; display: block}
#counters{
	text-align: center;
	padding-top: 1em;
	border-top: 1px solid #7bc143;
	background: 0;
	height: auto;
	}
#counters a{width: 88px; margin: 0 auto; display: inline-block}
#breadcrumbs li{float: left; list-style:none}
#breadcrumbs a{font-size: 11px; margin-right: 5px; font-weight: normal}
#footer img{margin: 0 2px 2px}
#footer a{margin-bottom: 0; padding: 0; width: auto}
#breadcrumbs li, #sign{white-space:nowrap}
#fcont{float: left}
#fcont{margin-right: -160px; float: left; width: 50%}
.u{text-decoration:underline; color: #7bc143; margin-bottom: .5em}
.u b{color: #585858}
.fr{float: right; margin-left: 10px; width: 15em}
.fr img{margin-bottom: 1em}
#la{display: block; margin: 0 1.5em 1.5em auto}
.logo{width: 150px; margin: 0 auto; display: block; margin-bottom: 1.5em}
.logo img{margin: 0 auto}
.w33 .imagebox{margin-top: 1.4em}
.w33 .byimg + div div{margin-top:0}
.list p{padding-right: 1em}
.subhidden ul{display: none}
/*TchaiPrint Logo*/
#sign{font-size: 95%; float: right; position: relative; width: 22.5em; overflow: hidden; margin-bottom: 1em}
#sign p{float: right; margin-left: .5em; padding: .2em 0 0}
#sign a{float: left}
#breadcrumbs{padding-right: 23em}

#design_cols {overflow: hidden; padding-left:9ex; margin-bottom: -6em}
#design_cols li{width: 20%; float: left; font-size: 600%; color: #bade9b}
#design_cols dt, #design_cols dd{color: #585858;}
#design_cols dl{margin-right: 1.5ex; position: relative; top: -2ex; left:-.58ex; background: #fff}
#design_cols dt{font-size: 25%}
#design_cols dd{margin: .9em 0 0; font-size: 17%}

/* Safari & Crome Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0){#design_cols{padding-left:9em}}
@media screen and (-webkit-min-device-pixel-ratio:0){#design_cols dl{left:-.8em}}