@import url(layout.css);

/* CSS Document */
/********** Global Attributes ******************/
html, body, ul, ol, li, h1, h2, p, h3, h4, h5, h6, form, fieldset {margin : 0;padding : 0;border : 0;}
body {background-color:#f2f2f2;background : url(/images/mbg.jpg) repeat-y center top;font : 11px/1.3em Tahoma,  Helvetica, sans-serif;color : #2f373d;}
h1 { text-align:center;color: #84210d;margin: 0 0 10px 0;padding-bottom: 10px;font: bold Tahoma,Tahoma, sans-serif;background: url(/images/dot.gif) repeat-x bottom; line-height:30px;}
h2 {color: #84210d;margin: 0 0 10px 0;padding-bottom: 10px;font: bold 15px Tahoma,Geneva, Arial, Helvetica, sans-serif;background: url(/images/dot.gif) repeat-x bottom;}
h3{text-decoration:none;font: bold 11px Tahoma,Geneva, Arial, Helvetica, sans-serif;color: #84210d;background: url(/images/heading-bg.gif) no-repeat left bottom;margin-bottom: 12px;padding-bottom: 7px;letter-spacing: 0px; padding-left:20px; padding-top:10px;}
h4 {text-decoration:none;font: bold 22px Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #84210d;margin-top:10px; margin-bottom: 7px;padding-bottom: 7px;letter-spacing: 0px;}
-h4 {text-decoration:none;font: bold 18px Tahoma, Geneva,  Helvetica, sans-serif;color: #84210d;margin-top:10px; margin-bottom: 7px;padding-bottom: 7px;letter-spacing: 0px;background: url(/images/dot.gif) repeat-x bottom;}
a:{font: 11px Tahoma,Helvetica, sans-serif;color: #84210d;text-decoration: none; font-weight:bold;}
a:hover{font: 11px Tahoma,Helvetica, sans-serif;color: #663300;text-decoration: underline;}
a:visited, a:link{font: 11px Tahoma, Helvetica, sans-serif;color: #84210d;text-decoration:none ;}
.item1 {background: url(/images/kk.gif) no-repeat left center;color:#222;text-decoration: none;margin: 8px 0 8px 0px;font-weight:bold; padding-left:10px;font: 11px Tahoma,Arial, Helvetica, sans-serif;}

.list{font: 11px Tahoma;color:#686b5e; padding-left:15px;background: url(/images/cat-bullet.gif) no-repeat left 6px;}
.clear {clear:both; height:1px; overflow:hidden;}
ol { margin: 10px 10px 10px 20px;}
ol li { margin: 10px 0;padding:15px; background:#F7F7F7;}
.global ul {margin: 10px 30px;font: 11px Tahoma,Arial, Helvetica, sans-serif;}
.global li {list-style: square;margin:5px 0px;} 
.req{ color:#FF0000;}
.go1{border: solid 1px #CCCCCC;    background-color:#EEE;}
/*************Form Elements*********************/

.txtarea {border: #CDCDCD 1px solid;padding:3px;background: #FFFFFF url(/images/input-bg.gif) repeat-x top;}
.combo {border: #CDCDCD 1px solid;width: 150px;color:#5F5F5F;font: 11px Tahoma,  Tahoma, Arial, Helvetica, sans-serif;height:20px;padding:1px;}
label {display: block;margin: 1px 0 1px 0px;}
.search-btn{clear:both;text-align:right;margin:8px 10px 0 0;}
.hui {color:#5F5F5F;font: 11px tahoma,Tahoma, Arial, Helvetica, sans-serif;}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family:Tahoma,  Tahoma, Arial, sans-serif;
  font-size: 11px;
}
.item1 {font-family: Tahoma, Helvetica,Tahoma, Verdana, sans-serif; font-size: 12px;color: #84210d; background: url(/images/kk.gif) no-repeat left center;text-decoration: none;margin: 8px 0 8px 0px;font-weight:bold; padding-left:10px;}
.button
{ color:#ffffff;
	  padding:4px;
       border:1px solid #000000;
      background-color: #b20818;
} 
#setiao {width: 942px; clear:both;margin : 0 auto; padding:0px;  background-color:#FFFFFF;border-top: 2px solid #95210d;}



#wrapper {width: 942px;margin : 0 auto;padding-top : 0px;}
#page {width: 942px;clear:both;margin : 0px auto; }


#header {width: 942px;clear:both;margin : 0px auto;background : url(/images/tf-logo.jpg) no-repeat 24px 0px;}
#top-nav-links {color : #6a645a;margin : 0 0 0 240px;padding : 3px 0px 0 0; text-align:right;}
#top-nav-links ul li {padding : 0 0 0 4px;display : inline;}
#top-nav-links a{color : #6a645a;text-decoration : none;}
#top-nav-links a:hover {color : #000000;text-decoration : underline;}

#top-nav-banner {color : #6a645a;margin : 0 0 0 240px;padding : 6px 20px 0 0; text-align:right; height:79px;}
#top-nav-banner ul li {padding : 0 0 0 4px;display : inline;}
#top-nav-banner a{color : #6a645a;text-decoration : none;}
#top-nav-banner a:hover {color : #000000;text-decoration : underline;}

#main {width: 920px;clear:both;margin : 0px auto;}
#main-content {width : 691px;float:right;display:inline; overflow:hidden;border-left: 0px solid #CCCCCC; }
#side-bar {width:220px;float:left;display:inline;border-right: 1px solid #CCCCCC;}

/****** Footer **************/
#footer{width: 942px;clear:both;margin : 0px auto;}
#footer-cont {width: 920px;margin : 0 auto;line-height: 1.8em;}
#footer-bot{clear:both;height:3px;margin-bottom:5px;background: url(/images/footer-bot.gif) repeat-x top;}
#footer-w{width:122px;margin: 4px 12px 0 0;height:27px;float:right;background: url(/images/wdd.gif) no-repeat center top;}
#footer-w a {text-indent: -9999px;text-decoration: none;overflow: hidden;width:33px;height:27px;float:right;display: block;}
.footer-links a:visited, .footer-links a:link{font: 11px/1.3em Tahoma,  Arial, Helvetica, sans-serif;color: #333;text-decoration: none; font-weight:bold;}
.footer-links a:hover{font: 11px Tahoma, Arial, Helvetica, sans-serif;color: #333;text-decoration: underline;font-weight:bold;}
#footer1-links {color : #333;margin : 0px;padding : 3px 40px 0 0; text-align:left;}
#footer1-links ul li {padding : 0 0 0 4px;display : inline;}
#footer1-links a{color : #444;text-decoration : none;}
#footer1-links a:hover {color : #000000;text-decoration : underline;}

/********** Navidgation Bar ****************/
#nav-bar {margin : 0px 0 0 240px; padding:0 0px 0 0;}
#nav-bar ul {margin:0;padding:0;position: relative;height:33px;background : url(/images/nav-bar.gif) no-repeat left top;}
#nav-bar ul li {margin: 0;padding: 0;list-style: none;position: absolute;}
#nav-bar ul li, #nav-bar ul li a {height: 33px;display: block;}
#nav-bar ul li a {text-indent: -9999px;text-decoration: none;overflow: hidden;}





#index   { left: 0px; width: 100px!important; }   #index a{ width: 100px; }
#about   { left: 100px; width: 100px!important; } #about a { width: 100px; }
#product {left: 200px; width: 100px!important; }  #product a { width: 100px; }
#service { left: 300px; width: 100px!important; } #service a 	{ width: 100px; }
#faq     { left: 400px; width: 100px!important; } #faq a { width: 100px; }
#inquiry { left: 500px; width: 100px!important; } #inquiry a { width: 100px; }
#contact { left: 600px; width: 110px!important; } #contact a { width: 110px; }


#index a:hover { background: url(/images/nav-bar.gif) no-repeat 0px -33px;  width: 100px; }
#about a:hover { background: url(/images/nav-bar.gif) no-repeat -100px -33px; width: 100px; }
#product a:hover { background: url(/images/nav-bar.gif) no-repeat -200px -33px; width: 100px; }
#service a:hover { background: url(/images/nav-bar.gif) no-repeat -300px -33px; width: 100px; }
#faq a:hover { background: url(/images/nav-bar.gif) no-repeat -400px -33px; width: 100px; }
#inquiry a:hover { background: url(/images/nav-bar.gif) no-repeat -500px -33px; width: 100px; }
#contact a:hover { background: url(/images/nav-bar.gif) no-repeat -600px -33px; width: 104px; }


/******************************
**** Main Content Boxes *******
******************************/
.prop {float:right;width:1px;}
.min-height {height:200px;}
.box1 {width : 711px;background : url(/images/box1-bg.gif) repeat-y;}
.box1-cont {margin : 0 3px;border-left : 1px solid #ffffff;border-right : 1px solid #ffffff;background : url(/images/box-cont-bg.gif) repeat-x left 1px;padding: 0px;}
.box1-tpls{width:216px;margin:10px 0px 0px 10px;float:left;display:inline;}
.box1-text{width:200px;margin:35px 0px 0px 11px;float:left;display:inline;padding-right:10px;}
.box1-bonus{margin-left:13px;width:238px;height:231px;float:left;display:inline;background: url(/images/bonus.gif) no-repeat left top;}
.box1-bonus ul {margin: 120px 0 0 0;font: 11px/1.4em Tahoma,  Arial, Helvetica, sans-serif;}
.box1-bonus li  {padding-left:10px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}

.box2-cont {margin : 0 3px;border-left : 1px solid #ffffff;border-right : 1px solid #ffffff;background : url(/images/box-cont-bg.gif) repeat-x left 1px;padding: 20px;}

.box1-bottom {clear : both;	background: url(/images/bonus.gif) no-repeat left top;
}

#main_space {width : 942px;margin : 0 auto; padding:5px 8px 10px 6px ;}

#space {width:940px;float: left;display: inline; height:1px; background-color:#fff;

/*-moz-border-radius:10px;
border:4px solid #663300;
padding:-4px-*/
	}
/*********** Full Box ****************/
.box-full-wrap {width : 711px; clear : both;margin : 0px;}
.box-full-top {margin-left:5px;}
.box-heading {}
.box-full {background-color:#FFFFFF;}
.box-full-cont {margin : 0 7px 0 0px;padding : 6px 20px 20px 0px; font:11px; line-height:180%;}
.box-full-bottom {margin-left:0px;clear : both;} 
/*********** Half Box Left Side ****************/
.box-half-wrap {width : 364px;float:left;}
* html .box-half-wrap {margin: 0 -3px; ma\rgin: 0;}/***** Fix for I.E 3pixels Bug *******/
.box-half-top {margin-left:5px;}
.box-half {background : url(/images/box-half-bg.gif) repeat-y 24px;}
.box-half-cont {height:232px;margin : 0 4px 0 28px;padding : 10px;background : url(/images/box-cont-bg.gif) repeat-x left 1px;}

.box-half-bottom {margin-left:5px;} 

/*********** Half Box Right Side ****************/
.box-half2-wrap {width: 346px;margin:0;float:right;}
* html .box-half2-wrap {margin: 0 -3px; ma\rgin: 0;} /***** Fix for I.E 3pixels Bug *******/
.box-half2-top {margin:0;}
.box-half2 {background : url(/images/box-half2-bg.gif) repeat-y;}
.box-half2-cont {height:212px;margin : 0 4px;padding: 20px;background: url(/images/box-cont-bg.gif) repeat-x right 1px;}
.box-half2-bottom {margin:0;clear:both;} 
/************* Recent Articles Box *****************/
.recent-articles ul {padding-left: 6px;margin: 10px 0 10px 0;font: 11px/1.6em Tahoma;}
.recent-articles li {padding-left:15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}
.recent-articles a:visited, .recent-articles a:link{font: 11px/1.6em Tahoma,  Tahoma;color: #84210d;text-decoration: underline;}
.recent-articles a:hover{font: 11px/1.6em Tahoma,  Tahoma;color: #84210d;text-decoration: none;}
/************* Free Stuff Half Box *************/
#free-clipart{margin:0px 0px 0 0px;background: url(/images/free-clipart.jpg) no-repeat left top;}
#free-clipart p{padding: 36px 0px 0px 106px;}
#free-templates{margin:22px 0px 0 0;background: url(/images/free-web-templates.jpg) no-repeat left top;}
#free-templates p{padding: 40px 111px 10px 3px;}
/*************** Templates Pack ****************/
#pack{ width:176px; margin:10px 0px 0px 15px;float:left;display:inline;}
#pack ul {padding-left: 3px;margin: 15px 0 15px 0px;font: 11px/1.3em Tahoma;}
#pack li  {padding-left:15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;}
#pack-right{width:100px;float:left;text-align:center;display:inline;background: url(/images/pack.jpg) no-repeat center 11px;padding-top:190px;}
#pack-right2{width:100px;float:left;text-align:center;display:inline;background: url(/images/thpack.jpg) no-repeat center 11px;padding-top:190px;}
/**********Customize ****************/
#customize{height:175px;background: url(/images/customize.gif) no-repeat 15px 5px;}
#start-here{clear:both;text-align:right;margin:15px 21px 0 0;}

/**********Advertising Box *********************/
.sponsors ul {padding-left: 3px;margin: 15px 0 15px 0px;font: 11px/1.3em Tahoma; }
.sponsors li  {padding:5px 15px 5px 15px;list-style: none;background: url(/images/bullet.gif) no-repeat left center;line-height:180%;}
.sponsors a:visited, .sponsors a:link{font: 11px/1.4em Tahoma;color: #84210d;text-decoration: underline;line-height:180%;}
.sponsors a:hover{font: 11px/1.4em Tahoma;color: #84210d;text-decoration: none;line-height:180%;}

/********** Side Bar Search Box **************/
.side-box{background-color:#fff; }
.side-box-cont{	margin : 0 4px;padding: 10px 10px 10px 10px; font-size:12px;}
.side-joint{margin:0;clear:both;} 
/********* Side bar Categories *****************/
.categories{padding-left: 5px;}
#categories_a {font: 11px Tahoma,Helvetica,sans-serif;color: #222;}
#categories_a {background: url(/images/categories.gif) no-repeat left center;color:#222;text-decoration: none;margin: 8px 0 8px 0px;font-weight:bold; padding-left:10px;}
#categories_a:hover{color: #555;text-decoration: underline;}


.categories2 {font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 2px 0 2px 5px;}

.categories2 li  {color:#333;list-style: none;text-decoration: none;background: url(/images/categories2.gif) no-repeat left center;padding:2px 10px;}
.categories2 li a{color:#333;list-style: none;text-decoration: none;}
.categories2 li a:visited, .categories a:link{color:#333;text-decoration: none;}
.categories2 li a:hover{color: #000;text-decoration: underline;}
/**************** Side Bar Partners ********************/
.partners ul {padding-left: 13px;margin: 15px 0 15px 0px;font: 11px/1.3em Tahoma;}
.partners  li {color:#333;list-style: none;text-decoration: none;background: url(/images/categories.gif) no-repeat left center;padding:5px 10px;}
.partners a:visited, .partners a:link{color:#333;text-decoration: none;}
.partners a:hover{color: #000;text-decoration: underline;}

/*********** Templates Display ****************/
.thumbs { list-style-type: none; margin:20px 0 10px 12px;}
.thumbs li {float: left;text-align:center;}
.thumbs2 { list-style-type: none; margin:0; padding:0}
.thumbs2 li {float: left;text-align:center;margin: 10px 40px 20px 20px}
.thmb { border: 1px solid #CCCCCC; background:#FFFFFF; padding:9px; }

.thumb { background:#FFFFFF;padding:12px;border: 1px solid #dedede;margin:14px;}
.thumb:hover {border: 1px solid #818181;}
.block1 {background:#F7F7F7;text-align:center;border: 1px solid #dedede;padding:5px;margin-bottom:10px;}
.block2 {background:#F7F7F7;text-align:center;border: 1px solid #dedede;padding:5px;margin-top:10px;}

.template_container{position: absolute; }

/*********** Pagination *********************/
#pagination{margin:0 auto;width:600px; padding: 5px 0 20px 0;display:block;line-height:2em;}
.pagination a{ font-size:11px;font-weight:bold;margin:8px 1px; padding:2px 4px;border: solid 1px #c4bca4;background: #f0f0e3; text-decoration: none}
.pagination a:hover{background: #eae3cf; text-decoration: none}

/************ Sitemap ****************/
.catsd{ list-style-type: square; margin:10px 0 30px 30px;}
.catsd li {float: left;text-align:left;width:210px;margin:3px 0px;}

.boxed { width:45%;border: 1px solid #ccc;  padding: 1em;  margin-top: 1em;  margin-top: 25px;  z-index: -99999;}
.boxed h2 {margin-top: -1.2em;background: #fff; z-index: 1000000; float: left;  padding: 0 .5em;   line-height: 1.2em;    }
.boxed p { clear: left; }
.boxed br { clear: left; font-size: 1px; height: 1px; display: block; }
.boxed ul { margin-bottom: 0; }

.box_info { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 0px; line-height:22px;}

.box_info li  {color:#333;list-style: none;text-decoration: none;background: url(/images/categories2.gif) no-repeat left center;padding:2px 10px;}
.box_info li a{color:#333;list-style: none;text-decoration: none;}
.box_info li a:visited, .categories a:link{color:#333;text-decoration: none;}
.box_info li a:hover{color: #000;text-decoration: underline;}


.box_information { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 0px; line-height:22px;}

.box_information li  {color:#333;list-style: none;text-decoration: none;background: url(/images/dot.gif) repeat-x bottom;padding:3px 10px;}
.box_information li a{color:#333;list-style: none;text-decoration: none;}
.box_information li a:visited, .categories a:link{color:#333;text-decoration: none;}
.box_information li a:hover{color: #000;text-decoration: underline;}


.box_inquiry { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;padding-left: 10px;margin: 0px; line-height:18px;}

.box_inquiry ul li  {color:#333;list-style: none;text-decoration: none;background: url() no-repeat left center;padding:5px 10px;}

.box_inquiry_submit { float:left; width:250px;padding-left: 10px;margin: 0px; text-align:right;}
.box_inquiry_reset { float:left; width:250px;padding-left: 10px;margin: 0px; text-align:left;}

.box_inquiry_submit ul li  {color:#333;list-style: none;text-decoration: none;background: url() no-repeat left center;padding:5px 10px;}





.box  { background-color:#FFFFFF;font: 11px Tahoma, Arial, Helvetica, sans-serif;margin: 5px 0px; padding:0px 10px; LINE-HEIGHT: 20px;letter-spacing: 0px;}
.box_aboutus { width:95%;padding:0px 0px 10px 20px; float:left;  overflow:hidden; background-color:#FFF;}

.box_content{ margin:0px auto; padding:8px; }
.box_content_side{ width:1px; background: url(/images/new99side1.gif) top left no-repeat; height:261px; float:left}
.box_content_body{ background:url(/images/new99body.gif) top left repeat-x; height:251px; float:left; width:279px; padding-left:20px; padding-top:10px}
.box_content_c{ background:url(/images/new99side.gif) top left no-repeat; width:38px; height:261px; float:left}


.box_item {float:left; width:270px; overflow:hidden;}
.box22 {float:left; width:120px; padding-top:6px; margin:0px; text-align:center;}
.menu_box{ padding:0px 5px 0px 5px; line-height:23px; font-size:11px;}
.menu_box a{ padding-left:8px;}


.box_img { width:120px;   padding:12px 0px; overflow:hidden;float:left;  margin:0px;}
.box_text { width:140px;  padding:12px 0px 5px 8px; float:left;  overflow:hidden;}


.clear {clear:both;font-size:1px;visibility:hidden;width:1px;line-height:0px;}


img {border:0px;line-height:0px;}


/*×ÖÌåÑùʽ*/

.font_blue {color:#84210d;}
.font_blue a:link,.font_blue a:visited  {color: #84210d;text-decoration:none;}
.font_blue a:hover {color: #663300;text-decoration:underline}
.font_hui {color:#333;}
.font_hui a:link,.font_hui a:visited {color:#333;text-decoration:none;}
.font_hui a:hover {color:#cc0000;text-decoration:underline;}
.font_hui2 {color:#666;}
.font_hui2 a:link,.font_hui2 a:visited{color:#666;text-decoration:none;}
.font_hui2 a:hover{color:#666;}
.font_white {color:#ffffff;}
.font_white a:link , .font_white a:visited , .font_white a:hover {color: #ffffff;text-decoration:none;}
.font_red {color: #cc0000;}
.font_red a:link, .font_red a:visited, .font_red a:hover {color: #cc0000;}

.STYLE2 {font-weight: bold; font-size: 12px;}
.STYLE3 {font-size: 24px}
.STYLE4 {
	font-size: 18px;
	font-weight: bold;
}
.STYLE5 {font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.STYLE6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.STYLE7 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
.STYLE8 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.STYLE9 {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
}
.STYLE10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.STYLE11 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.STYLE12 {font-size: 18px}
.STYLE13 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
.STYLE14 {font-size: 14}
.STYLE15 {font-size: 14px}
.STYLE16 {
	font-size: 16;
	font-weight: bold;
}
.STYLE17 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.STYLE19 {font-size: 24px; font-weight: bold; }
.STYLE20 {font-family: Arial, Helvetica, sans-serif}
.STYLE21 {font-family: "Times New Roman", Times, serif}
.STYLE23 {font-size: 12px}
.STYLE24 {font-size: 16px; font-weight: bold; }
.STYLE26 {color: #FFCC00}
.STYLE27 {font-size: 14px; font-weight: bold; }
.suggest_link {
	background-color: #D9D9D9;
	color:#FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #E8F2FE;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute;
	background-color: #006CD9;
	text-align: left;
	float: left;
}