@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	overflow:auto;
	width:100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: small;
	height: 100%;
	width: 100%;
	float: left;
}
h1 {
	color: #333;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	font-weight: normal;
	color: #332064;
}
.t_200 {
	font-size: 200%;
}


h2 {
	font-size: 170%;
	font-weight: normal;
	color: #333;
	margin: 0px;
	height: auto;
	width: 270px;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 0px;
}
h3 {
	font-size: 130%;
	font-weight: normal;
	color: #333;
	margin: 0px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
.right {
	float: right;
}
.left {
	float: left;
}

.row_menu ul li .selected{
	color: #FFF !important;
}
.content_design_list ul li .selected {
	text-decoration: underline !important;
}
#distance {
	float: left;
	height: 50%;
	width: 100%;
	margin-bottom: -363px;
}

#container {
	clear:left;
	height:726px;
	position:relative;
	width:960px;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.all_content {
	height: 686px;
	width: 920px;
	border: 2px solid #999;
	padding: 20px;
	clear: left;
	float: left;
	margin-top: 4px;
}

.row_menu{
	margin: 0px;
	clear: left;
	float: left;
	height: 56px;
	width: 920px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.row_menu ul {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: auto;
	width: 920px;
	list-style-type: none;
}
.row_menu ul li{
	width: auto;
	float: left;
	text-align: left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	height: 50px;
	
}

.row_menu ul li a:link, .row_menu ul li a:active, .row_menu ul li a:visited {
	color: #333;
	text-decoration: none;
	font-size: 120%;
	font-weight: normal;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	clear: left;
	float: left;
	width: auto;
	white-space: nowrap;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 22px;
}
.row_menu ul li a:hover{
	
	color: #FFF;
}

.row_content{
	clear: left;
	float: left;
	height: 480px;
	width: 920px;
	padding-top: 10px;
	padding-left: 0px;
}

.row_color_1{
	clear: left;
	float: left;
	height: 100px;
	width: 920px;
	text-align: right;
	vertical-align: bottom;
	padding: 0px;
	background-image: url(/images/color/color_1.gif);
	background-repeat: no-repeat;
}

.row_color_4 {
	clear: left;
	float: left;
	height: 100px;
	width: 920px;
	text-align: right;
	vertical-align: bottom;
	padding: 0px;
	background-image: url(/images/color/color_4.gif);
	background-repeat: no-repeat;
}

.row_footer{
	clear: left;
	float: left;
	height: 20px;
	width: 920px;
	padding-top: 10px;
}

.row_footer ul {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: auto;
	width: auto;
	list-style-type: none;
}
.logo_bottom {
	float: right;
	height: 20px;
	width: 238px;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

.row_footer ul li{
	width: auto;
	float: left;
	text-align: left;
	
}

.row_footer ul li a:link, .row_footer ul li a:active, .row_footer ul li a:visited {
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding-right: 15px;
	padding-left: 0px;
	clear: left;
	float: left;
	width: auto;
	white-space: nowrap;
	color: #FFF;
}
.row_footer ul li a:hover{
	text-decoration: underline;
}

.content {
	float: left;
	height: 480px;
	width: 920px;
	background-color: #FFF;
}

.content_all {
	float: left;
	height: 440px;
	width: 880px;
	background-color: #FFF;
	padding: 20px;
	background-position: top right;
	background-repeat: no-repeat;
}


/* template text + photo 480-400*/
.content_text {
	float: left;
	height: 440px;
	width: 480px;
	margin: 20px 0;
	padding: 0 20px 0 20px;
	overflow-x: hidden;
	overflow-y: auto;  
}
.content_photo {
	float: left;
	height: 480px;
	width: 400px;
	text-align: right;
}
.content_text p {
	color: #332064;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	text-align: left;
}
.content_photo p {
	color: #332064;
	margin: 0px;
	padding: 10px 10px 0 10px;
	text-align: left;
}

/* template 300-620*/

.content_design_box {
	float: left;
	height: 480px;
	width: 620px;
	text-align: left;
}

.content_design_box p {
	margin: 0;
	padding-top: 10px;
	padding-right: 10px;
}
.content_design_list {
	float: left;
	height: 480px;
	width: 300px;
}


.content_design_box2_text {
	float: left;
	height: 440px;
	width: 580px;
	text-align: left;
	padding: 10px 20px;
	margin: 10px 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.content_design_box2_text h1 {
	color: #333;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0 !important;
	font-weight: normal;
	color: #332064;
	font-size: 20px;
}
/* template 420-500
.content_text2 {
	float: left;
	height: 480px;
	width: 420px;
	padding: 0 20px
}
.content_photo2 {
	float: left;
	height: 480px;
	width: 500px;
	text-align: right;
}
.content_text2 p {
	clear: left;
	color: #332064;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
}

*/





.content_design_list ul {
	margin: 0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	float: left;
	clear: left;
	height: auto;
	width: auto;
	color: #666;
	font-weight: bold;
	font-size: 120%;
}
.content_design_list ul li {
	padding-bottom: 10px;
}
.content_design_list ul li a:link, .content_design_list ul li a:active, .content_design_list ul li a:visited {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.content_design_list ul li a:hover {
	text-decoration: underline;
}

.fabrics_list {
	list-style-type: none;
	margin: 0px;
	float: left;
	clear: left;
	height: auto;
	width: 620px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.fabrics_list li {
	float: left;
	height: auto;
	width: auto;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 24px;
	margin: 0px;
	padding-right: 0px;
	white-space: nowrap;
}
.fabrics_list li a:link, .fabrics_list li a:visited, .fabrics_list li a:active {
	vertical-align: bottom;
	text-align: left;
	display: block;
	color: #333;
	text-decoration: none;
	clear: left;
	float: left;
	height: auto;
	width: auto;
}
.fabrics_list li a:hover {}

.box_list {
	background-color: #CCC;
	float: left;
	height: 100px;
	width: 170px;
	border: 3px solid #01A0C7;
	clear: both;
}
.fabrics_list span {
	clear: left;
	float: left;
	padding-top: 3px;
}
.box_shelf {
	background-color: #CCC;
	float: left;
	height: 100px;
	width: 170px;
	border: 3px solid #8cc63e;
	clear: both;
}

/*news*/
.content_news_padding {
	float: left;
	height: 440px;
	width: 699px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	
}
.content_news {
	float: left;
	height: 440px;
	width: 699px;
	overflow-x: hidden;
	overflow-y: auto;
}
.box_news {
	clear: left;
	float: left;
	height: auto;
	width: 679px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 10px;
}
.box_news_H {
	float: left;
	height: auto;
	width: 550px;
	padding-bottom: 10px;
	padding-right: 20px;
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
.box_news_C {
	float: left;
	height: auto;
	width: 590px;
	padding-right: 20px;
	text-align: justify;
	color: #333;
}
.box_news_D {
	background-color: #999;
	float: right;
	height: auto;
	width: auto;
	padding: 1px;
}
.box_news_D_day {
	float: left;
	height: 45px;
	width: 65px;
	background-color: #666;
	border: 1px solid #FFF;
	clear: left;
	line-height: 45px;
	color: #FFF;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
}
.box_news_D_month {
	float: left;
	height: 20px;
	width: 65px;
	clear: left;
	background-color: #492F92;
	line-height: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.box_news_more {
	float: left;
	height: auto;
	width: 590px;
	padding-right: 20px;
	text-align: right;
	padding-top: 5px;
}
.box_news_more a:link, .box_news_more a:visited, .box_news_more a:active {
	color: #492F92;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.box_news_more a:hover {
	text-decoration: underline;
}

.content_newsMonth {
	float: left;
	height: 440px;
	width: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F8F8F8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
.content_newsMonth ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	width: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
.content_newsMonth ul li {
	clear: left;
	float: left;
	height: auto;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.content_newsMonth ul li a:link, .content_newsMonth ul li a:visited, .content_newsMonth ul li a:active {
	color: #492F92;
	text-decoration: none;
	background-color: #F8F8F8;
	display: block;
	width: 179px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.content_newsMonth ul li a:hover {
	background-color: #492F92;
	color: #FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
h4 {
	font-size: 130%;
	font-weight: bold;
	color: #492F92;
	margin: 0px;
	text-align: center;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.box_news_D_day2 {
	float: left;
	height: auto;
	width: 90px;
	background-color: #492F92;
	border: 1px solid #FFF;
	clear: left;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	line-height: 18px;
}
/* end news */
.ptmc_book {
	float: left;
	clear: left;
	width: 920px;
	height: 480px;
}
/* email form */

.contact_form {
	margin: 0px;
	float: left;
	height: auto;
	width: 480px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #492F92;
}
.contact_form ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}
.contact_form ul li {
	clear: left;
	float: left;
	width: 465px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.li_2 {
	clear: left;
	float: left;
	width: 330px !important;
	padding-bottom: 5px;
	padding-left: 135px !important;
	padding-top: 10px;
}

.contact_label {
	display: block;
	float: left;
	width: 120px;
	padding-left: 0;
	padding-right: 10px;
	text-align: right;
	line-height: 20px;
	letter-spacing: 1px;
}
.contact_input {
	float: left;
	width: 220px;
	height: 17px;
	border: 1px solid #492F92;
}
.contact_form ul li textarea {
	float: left;
	width: 220px;
	height: 100px;
	background-color: #FFF;
	border: 1px solid #492F92;
}
.contact_label4 {
	display: block;
	float: left;
	width: 210px;
	text-align: left;
	padding-left: 5px;
}
.button_holder {
	float: left;
	height: auto;
	width: auto;
	padding-left: 295px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.contact_form a {
	color: #492F92;
	text-decoration: underline;
}
.error_list {
	width: 65px !important;
}
.error_list li {
	width: 60px !important;
	color: #f00;
	float: left;
	padding-left: 5px !important;
}
/* footer links*/

.footerLinks {
	width: 100%;
	height: auto;
	float: left;
	clear: left;
	padding-top: 10px;
}
.footerLinks ul{
	width: 100%;
	height: auto;
	float: left;
	clear: left;
	list-style: none !important;
	padding: 0;
	margin: 0;
}
.footerLinks ul li {
	width: auto;
	height: auto;
	float: left;
	list-style: none !important;
	border-right: solid 1px #9D9D9D;
}
.footerLinks ul li a:link, .footerLinks ul li a:visited, .footerLinks ul li a:active{
	display: block;
	padding: 0 5px;
	color: 	#acacac;
	text-decoration: none;
	font-size: 11px;
}
.footerLinks ul li a:hover{
	text-decoration: underline;
}