@charset "utf-8";
@import url("menu.css");
/***********************************************************************/	
html,body{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;}
	
body,td,th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;}
		
img{border:none;}

form {display:inline}

input.txt{
	margin: 0 0 0 3px;
	padding: 2px 0 0 3px;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
input.btn{
	margin: 0 0 0 3px;
	padding: 3px;
	height: 23px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #32386D;
	border: 1px solid #FFF;}

select {
	margin: 0 0 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height: 19px;
	color: #555;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
select.language {
	margin: 0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 17px;
	color: #555;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
textarea{
	margin: 0 0 0 3px;
	padding: 2px 0 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #32386D;
	background-color: #F3F3F3;
	border: 1px solid #CDCDCD;}
/***********************************************************************/		
/* r]w */
a:link, a:visited {
	font-size: 11px;
	color: #E7327E;
	text-decoration: underline;}
a:hover {
	font-size: 11px;
	color: #ff0000;
	text-decoration: underline;}
	
p{margin: 0 0 20px 0;}

p.style01{margin: 0 0 10px 0;}
	
h1{
	margin: 0 0 5px 0;
	padding: 0;
	color: #5b6095;
	font-size: 13px;
	font-weight: bold;}
	
h1.slogan{
	margin: 0 0 0 0;
	padding: 0;
	color: #884798;
	text-align: right;
	font-size: 12px;
	font-weight: normal;}
	
h2{
	margin: 0 0 5px 0;
	padding: 0;
	color: #884798;
	font-size: 13px;
	font-weight: bold;}
	
h3{
	margin: 5px 0 3px 0;
	color: #6197C5;
	font-size: 12px;
	font-weight: bold;}
	
h3.purple{
	color: #7F418E;}
h2.center{
	text-align: center;}
	
h4{
	margin: 5px 0 3px 0;
	color: #555;
	font-size: 12px;
	font-weight: bold;}
	
h4.pink{
	margin: 5px 0 3px 0;
	color: #E7327E;
	font-size: 12px;
	font-weight: normal;}


.colorHighlight{color: #3399CC}
.colorHighlight2{color: #FF5500}
.colorHighlight3{color: #E7327E}
.txtBold{font-weight: bold;}
.lightblue{color: #1C98D8}
.subTitle{
	color: #7F418E;
	font-size: 12px;
	font-weight: bold;}
.smallTxt{color: #777;
	font-size: 11px;}
/***********************************************************************/		
/* Layout]w */	
#wrapBG{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	background-image: url(../images/wrap_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;}

#wrap{
	margin: 0 10px 0 10px;
	padding: 10px 15px 0 0;
	width: 965px;
	text-align: left;
	position: relative;
	background-color: #FFF;}
	
.generalMenu{/* WֱC */
	margin: 10px 0 0 0;
	height:15px;
	color: #888;
	text-align: right;}
   .generalMenu ul{
    margin: 0;
	padding: 0;
	list-style: none;}
    .generalMenu li{
	padding: 0 8px 0 8px;
	display: inline;}
	.generalMenu li.line{
	padding: 0 8px 0 8px;
	display: inline;
	background-image: url(../images/icon/dot.gif);
	background-repeat: repeat-y;
	background-position: left;}
	.generalMenu li.line2{
	padding: 0 0 0 8px;
	display: inline;
	background-image: url(../images/icon/dot.gif);
	background-repeat: repeat-y;
	background-position: left;}
	.generalMenu li a:link,.generalMenu li a:visited {
	color: #888;
	text-decoration: none;}
    .generalMenu li a:hover {
	color: #0066CC;
	text-decoration: none;}
	
.top{
    margin: 10px 0 0 15px;
	width: 950px;
	border-collapse: collapse;
	border: none;}
	.top td{
	padding: 15px 0 0 0;
	vertical-align: top;
	text-align: center;}
	.top td.logo{padding: 0 0 0 0;width: 185px;text-align: left;}
	.top td.menu1{
	width: 610px;
	background-image: url(../images/topmenu_bg01.gif);
	background-repeat: no-repeat;
	background-position: left 10px;}
	.top td.menu2{
	width: 155px;
	background-image: url(../images/topmenu_bg02.gif);
	background-repeat: no-repeat;
	background-position: left 10px;}
	.top td ul{
    margin: 0;
	padding: 0;
	list-style: none;}
    .top td li{
	padding: 0 8px 0 8px;
	display: inline;}
	.top td li.line{
	padding: 0 8px 0 8px;
	display: inline;
	background-image: url(../images/icon/dot_w.gif);
	background-repeat: repeat-y;
	background-position: left;}
	.top td li.line2{
	padding: 0 0 0 8px;
	display: inline;
	background-image: url(../images/icon/dot_w.gif);
	background-repeat: repeat-y;
	background-position: left;}
	.top td li a:link,.top td li a:visited {
	color: #FFF;
	text-decoration: none;}
    .top td li a:hover {
	color: #FFF600;
	text-decoration: none;}
	
#specialON{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	width: 980px;
	height: auto;}
	
#index{margin: 0 0 0 20px;
	padding: 0;
	width:940px;}
	
#left{
	margin: 0;
	padding: 0;
	width:205px;
	height:400px;
	float:left;
	background-image: url(../images/left_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#mainTOP{
	margin: 0;
	padding: 0 30px 0 30px;
	width: 685px;
	height: 65px;
	background-image: url(../images/main_top.gif);
	background-repeat: no-repeat;}

#main{
    margin: 0 0 15px 0;
	padding: 0;
	width: 745px;
	float:right;}

#mainwild{
    margin: 0 0 15px 0;
	padding: 0;
	width: 950px;
	float:right;}
	
#mainwildTOP{
	margin: 0;
	padding: 0 30px 0 30px;
	width: 890px;
	height: 65px;
	background-image: url(../images/main_top.gif);
	background-repeat: no-repeat;}

#contentwild{
    margin: 0;
	padding: 5px 30px 15px 30px;
	width: 887px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
	
#content{
    margin: 0;
	padding: 5px 30px 15px 30px;
	width: 683px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
	
#footer{
	padding: 5px 0 5px 0;
	color: #555;
	text-align: center;
	background-color: #DDD;
	clear:both;}
	#footer ul{
    margin: 0;
	padding: 0;
	list-style: none;}
    #footer li{
	padding: 0 8px 0 8px;
	display: inline;}
	#footer li.line{
	padding: 0 8px 0 8px;
	display: inline;
	background-image: url(http://www.minmaxdc.com/clairetestyo/images/icon/dot.gif);
	background-repeat: repeat-y;
	background-position: left;}
	#footer li.line2{
	padding: 0 0 0 8px;
	display: inline;
	background-image: url(http://www.minmaxdc.com/clairetestyo/images/icon/dot.gif);
	background-repeat: repeat-y;
	background-position: left;}
	#footer li a:link, #footer li a:visited {
	color: #555;
	text-decoration: none;}
    #footer li a:hover {
	color: #884798;
	text-decoration: none;}
	
.copyright{margin: 10px 0 10px 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.copyright td{
	padding: 0 0 0 20px;
	font-size: 10px;
	color: #777;}
	.copyright td.logo{
	padding: 0 0 0 0;
	width: 280px;
	background-image: url(../images/dotted_line_v.gif);
	background-repeat: repeat-y;
	background-position: right;}
	.copyright td a:link, .copyright td a:visited {
	color: #777;
	text-decoration: none;}
    .copyright td a:hover {
	color: #0066CC;
	text-decoration: none;}
	
/***********************************************************************/	
.banner{
    margin: 5px 0 10px 0;
	width: 940px;
	border-collapse: collapse;
	border: none;}
	.banner td{
	vertical-align: top;}
	.banner td.pic{
	width: 600px;}
	.banner td.txt{
	padding: 0 0 0 13px;
	background-image: url(../images/home/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;}
	
.hotNews{
    margin: 0 10px 10px 0;
	width: 325px;
	border-collapse: collapse;
	border: none;}
	.hotNews td{
	vertical-align: top;
	line-height: 16px;
	color:#555;}
	.hotNews td.item{
	padding: 5px 8px 5px 8px;
	color:#1C98D8;}
	.hotNews td.txt{
	padding: 6px 0 6px 0;
	width: 245px;
	background-image: url(../images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: bottom;}
	.hotNews td a:link,.hotNews td a:visited {
	color: #555;
	text-decoration: none;}
    .hotNews td a:hover {
	color: #884798;;
	text-decoration: none;}
	
.index01{
    margin: 10px 0 5px 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.index01 td{
	padding: 0;
	vertical-align: top;}
	.index01 td.left{
	width: 25px;}
	.index01 td.right{
	width: 25px;}
	.index01 td.txt{
	padding: 16px 0 0 0;
	background-image: url(../images/home/content01_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;}
	
.index02{
    margin: 10px 0 15px 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.index02 td{
	vertical-align: top;}
	.index02 td.left{
	width: 25px;}
	.index02 td.right{
	width: 25px;}
	.index02 td.txt{
	padding: 25px 0 0 0;
	background-image: url(../images/home/content02_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;}
	
.index03{
    margin: 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.index03 td{
	vertical-align: top;}
	.index03 td.content{
	padding: 0 0 0 25px;
	width: 600px;}
	.index03 td.content2{
	padding: 0 30px 0 0;
	width: 540px;
	border-right: 1px solid #CCC;}
	.index03 td.picR{
	padding: 0 0 0 30px;}
	
.list{
    margin: 10px 0 0 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.list td{
	padding: 5px 0 0 0;
	vertical-align: top;
	color:#555;}
	.list td.line{
	background-image: url(../images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: top;}
	.list td.btn{
	vertical-align: bottom;
	padding: 10px 0 0 0;
	background-image: url(../images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: top;}
	
/***********************************************************************/	
.title{
	margin: 30px 0 0 0;
	width: 100%;
	border-collapse: collapse;
	border: none;
	background-image: url(../images/title/title_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;}
	.title td{
	padding: 0;
	vertical-align: bottom;}
	.title td.path{
	color: #555;
	width: 70%;
	text-align: right;}	
	.title td.path a:link, .title td.path a:visited {
	color: #555;
	text-decoration: none;}
    .title td.path a:hover {
	color: #884798;
	text-decoration: none;}

.serviceT2{
	margin: 0 0 10px 0;
	padding: 20px 30px 15px 30px;
	height:155px;
	background-image: url(../images/service/service_t2_bg.jpg);
	background-repeat: no-repeat;}
	.serviceT2 ul {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	list-style-image: url(../images/icon/bullet-dot.gif);
	list-style-type: none;}
    .serviceT2 li{
	padding: 0;}
	
.contactTable td a:link, .contactTable td a:visited {
	color: #333;
	text-decoration: none;}
    .contactTable td a:hover {
	color: #FF0066;
	text-decoration: none;}
	
.sitemapTable td a:link, .sitemapTable td a:visited {
	color: #333;
	text-decoration: none;}
    .sitemapTable td a:hover {
	color: #FF0066;
	text-decoration: none;}
	
/* sD */	
.news{
    margin: 0 0 5px 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.news td{
	vertical-align: top;}
	.news td.pic{
	width: 130px;
	background-image: url(../images/service/news_pic02.jpg);
	background-repeat: repeat-y;}
	
.newsList{
    margin: 0 10px 10px 0;
	width: 100%;
	border-collapse: collapse;
	border: none;}
	.newsList td{
	padding: 15px 0 15px 0;
	vertical-align: top;
	line-height: 16px;
	color:#555;
	background-image: url(../images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: bottom;}
	.newsList td a:link,.newsList td a:visited {
	color: #E7327E;
	text-decoration: underline;}
    .newsList td a:hover {
	color: #FF0000;
	text-decoration: underline;}
	
.newsContent{
    margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	background-image: url(../images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: top;}
	
/***********************************************************************/	
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.floatLeft {float: left;}
.floatRight {float: right;}
.clearAll{clear:both;}
.lineOnTOP{border-top:1px solid #CCC;}

/*************************** for clickadwars css by claire **************************************/

#clickyoutubetvc{
	position: absolute;
	left: 326px;
	top: 331px;
	z-index: 101;
	width: 187px;
	height: 150;
}
