.tail-top{ background:url(images/bg.jpg) repeat-x top center}
.tail-top1{ background:url(images/bg-1.jpg) no-repeat top center}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }


.col1, .col2, .col3, .col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:961px; }

/*======= header =======*/
#header {height:218px;}

/*======= index.html =======*/
#page1 #content .col-1{
	width:552px;
	margin-right:10px
}
#page1 #content .col-2{
	width:330px
}
/*======= index-1.html =======*/
#page2 #content .col1{ width:144px; margin-right:39px}
#page2 #content .col2{ width:144px;}
#page2 #content .col-1{ width:423px; margin-right:37px}
#page2 #content .col-2{ width:425px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:423px; margin-right:37px}
#page3 #content .col-2{ width:425px}
#page3 #content .col1{ width:154px}
#page3 #content .col2{ width:80px; margin-right:60px; text-align:center}
#page3 #content .col3{ width:109px; text-align:center}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:423px; margin-right:37px}
#page4 #content .col-2{ width:425px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:452px; margin-right:40px}
#page5 #content .col-2{ width:400px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:421px; margin-right:38px}
#page6 #content .col-2{ width:421px; padding-top:78px;}
/*======= index-6.html =======*/
#page7 #content .col-1{ width:452px; margin-right:37px}
#page7 #content .col-2{ width:400px}


#rotator{
	background-image:url(rotator/rotator.php);
	background-repeat:no-repeat;
	margin-bottom:20px;
	width:961px;
	height:466px;}
#news{
	width:240px;
	height:300px;
	padding:85px 0 0 655px;}
#news p{
	color:#FFF;}
#news span{
	font-weight:bold;}
#news hr{
	margin:10px 0;}

.index-sample-video{
	clear:both;}
.thumbnail{
	float:left;}
.caption{
	float:right;
	width:300px;
	text-align:left;}
.caption-p1{
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;}
.caption-p2{
	margin-bottom:5px;
	color:#633;}

.index-right1{
	margin-top:30px;
	border:1px solid #539999;
	background-color: #E2F0F0;
	padding:20px 10px 10px 10px;
	color:#3A6B6B;}
.index-right2{
	text-align:center;
	margin-top:30px;
	border:1px solid #A29B84;
	background-color:#E3E2D6;
	padding:20px 30px;
	height:320px;}

#table-top{
	width:100%;
	margin-bottom:30px;}
#td-left{
	width:600px;}
#td-right{
	background-image:url(images/banner-right-bg.gif);
	background-repeat:repeat-y;
	padding:15px;
	vertical-align:top;
	text-align:center;}

.banner-box{
	clear:both;}
.banner-left{
	float:left;}
.banner-right{
	float:right;
	text-align:left;
	width:125px;}
.p1{
	font-weight:bold;
	margin:0;
	line-height:1.3em;
	margin-bottom:5px;}
.p2{
	font-size:11px;
	line-height:1.5em;
	margin-bottom:60px;}


#tableCompany{
	width:380px;}
#tableCompany th{
	text-align:left;
	vertical-align:top;
	padding-bottom:20px;}
#tableCompany td{
	padding-left:20px;
	vertical-align:top;}
.company-box{
	border:1px solid #A29B84;
	background-color:#E3E2D6;
	padding:0px;
	margin-right:20px;
	margin-bottom:20px;
	padding:20px;}
			 
.flow{
	width:560px;
	border:1px solid #A29B84;
	background-color:#E3E2D6;
	padding:10px;}
	
.guide{
	width:400px;
	border:1px solid #A29B84;
	background-color:#E3E2D6;
	padding:10px;
	margin-bottom:20px;}
	
.contact-form{
	border:1px solid #A29B84;
	background-color:#E3E2D6;
	padding:10px;
	margin-bottom:20px;}

#qanda dl{
	width:560px;
	border:1px solid #A29B84;
	background-color:#E3E2D6;
	padding:10px;
	margin-bottom:20px;}

#qanda dt{
	background-color:#A29B84;
	color:#FFF;
	font-size:16px;
	padding:10px 10px 4px 10px;
	margin-bottom:10px;}

	

/*======= footer =======*/
#footer {
	height:350px;
}