/*  --------------S CSS Reset---------------------  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,

fieldset,input,textarea,p,blockquote,th,td,label {padding:0;margin:0;}    

table {border-collapse:collapse;border-spacing:0;}    

fieldset,img{border:0;}    

address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style: normal;}    

ol,ul{list-style:none;}    

caption,th{text-align: left;}    

h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}    

q:before,q:after {content:'';}    

abbr,acronym {border:0;}

input,select{vertical-align:middle;}

/*  --------------O CSS Reset---------------------  */



/*  --------------S CSS Public---------------------  */

a{

	color: #fff;

	text-decoration:none;

}

a:hover{

	text-decoration: underline;

}

*{

	font-size: 14px;

	font-family: 'Giltus Light','GiltusT','Corbel','Arno Pro','Arial';

}

.clear{

	clear: both;

	display:block;

	height: 0;

}

/*  --------------O CSS Public---------------------  */



html{

	background:#c1c1c1 url(../images/html_color.jpg) 0 0; 

	height: 100%;

	/*_height:auto;*/

}

body{

	background:url(../images/html_bg.jpg) 0 0 repeat-x;

	/*background:#ffffff;*/

	height: 100%;

	/*_height:auto;

	/* for ie

	*text-align:center;

	*width:100%;*/

}

.body{

	background:url(../images/main_bg.jpg) 50% 0 repeat-y;

	width: 1028px;

	margin: 0 auto;

	position:absolute;

	margin-left:50%;

	left: -525px;

	

	/*for ie

	*position:static;

	*margin: 0 auto;

	*left:auto;

	*text-align:left;*/

}

.container_out{

	background:url(../images/container_out_bg.jpg) 0 0 no-repeat;

	padding: 0 25px;

}

.container{

	position:relative;

	background:#a81c37 url(../images/body_bg.jpg) 0 0 repeat-x;

	width: 978px;

}





.header{

	height:280px;

	

}

	.top{

		height:79px;

		margin-left:50px;

		border-bottom:2px solid #fff;

		display: block;

	}

		.topmenu ul{

			padding:6px 0;

			margin-right: 82px;

			float:right;

			display:inline;

			clear:both;
			background:#7E101D;

		}

		.topmenu ul li{

			float:left;

			display:block;

		}

		.topmenu ul li.last{

			clear: right;

		}

		.topmenu ul li a{

			padding:3px 0;

			margin-left: 12px;

			display: block;

			text-transform:uppercase;

			text-decoration:none;

		}

		.slogan{

			margin-right: 82px;

			text-align: right;

			clear: both;

			font-size:32px;

			color:#ffe400;

		}

	.banner{

		text-align: right;

		margin-left:50px;

		font-size:0;

		border-bottom:2px solid #fff;

		background:#cccccc;

		height: 199px;

	}



	.logo{

		height: 282px;

		width:281px;

		display:block;

		background:url(../images/logo_bg.png) 0 0 no-repeat;

		position:absolute;

		top:0;

		left:0;

	}

	.logo img{

		margin-top: 135px;

		margin-left:28px;

	}



.main{

	

}

	.leftContent{

		/*position: relative;*/

		width:298px;

		float:left;

		background: url(../images/left_bg.png) 0 0 no-repeat;

		min-height:618px;

		/*_height:618px; for ie6*/

	}

		.leftmenu{

			padding:6px 50px 6px 28px;

			min-height:603px;

		}

		

		.leftmenu li a{

			margin-left:6px;

		}

		.leftmenu li li li{

			padding-left: 6px;

		}

		.leftmenu li li li a{

			margin-left: 0;

		}

		

		/*select*/

		.leftmenu li.select{

			background-color:#cecece;

		}

		.leftmenu li.select ul{

			background-color:#c1c1c1;

		}

		

		/*level 1 and 3*/

		.leftmenu li a,.leftmenu li li li a{

			color: #a81c37;

			line-height: 22px;

			text-decoration:none;

		}

		.leftmenu li a:hover,.leftmenu li li li a:hover{

			color: #830f25;

		}

		

		

		/*level 2*/

		.leftmenu li ul{

			padding-left: 6px;

		}

		

		.leftmenu li li a{

			color: #616161;

		}

		.leftmenu li li a:hover{

			color: #333333;

			

			

		}

		

		/*level 3*/

		

		.leftdownload{

			padding: 12px 18px;

		}

		

		

		

	.rightContent{

		/*position: relative;z-index:2;*/

		/*word-break:break-all;*/

		/*white-space: -moz-pre-wrap; for firefox WORD BREAK*/

		overflow:hidden;

		width:652px;

		float:left;

		color:#ffffff;
		background:#A81C37;
		margin-top:2px;

		

	}

	

		

		.location{

			padding: 6px 0;

			color:#ffffff;

		}

		.location a.back{

			float: right;

		}

		.location_bottom{

			clear: both;

			padding-bottom:12px;

		}

		.title{

			font-size: 29px;

			color:#ffe400;

		}

		.page{

			padding-bottom:12px;

		}

		.page h3{

			padding:6px 0;

			color:#ffe400;

		}

		.page p{

			padding-bottom: 6px;

		}

		.page a{

			color:#ffe400;

		}

		

		.details{

			

		}

		.details_left{

			width:49%;

			float:left;

			padding-top: 6px;

			overflow:hidden;

			/*word-break:keep-all;*/

			/*word-wrap:break-word; */

		}

			.details_left h3{

				padding-top:24px;

				font-size:18px;

				color:#ffe400;

				padding-bottom: 6px;

			}

			.details_left p{

				padding-bottom: 6px;

			}

			

			

			

			

			.page-gallery{

				margin: 0 20px;

			}

			

			#goleft,#goleft_color {

				clear:left;

				float:left;

				margin:50px 10px 0;

			}

			#goright,#goright_color {

				clear:right;

				float:right;

				margin:50px 10px 0;

			}

			#photos,#colors {

				height:145px;

				line-height:54px;

				margin:5px 0;

				overflow:hidden;

				width:530px;

			}

			#showArea{

				/*width: 500px!important;*/

			}

			

			

			#showArea .roll-image{

				padding-left:14px;

				/*_padding-left:18px;*/

				display: block;

				float:left;

				background: url(../images/roll_gallery_left.jpg) 0 0 no-repeat;

			}

			

			#showArea .roll-image a{

				 padding: 16px 18px;

				 display: block;

				 padding-right:9px;

				 padding-left:4px;

				 /*_padding-left:0; for ie6*/

				 margin-right:0;

				 background: url(../images/roll_gallery_right.jpg) right 0 no-repeat;

				 text-decoration: none;

				 text-align:center;

			}

			#showArea .roll-image a:hover{

				text-decoration: none;

			}

			#showArea .roll-image span.file-desc{

				display: block;

				text-align: center;

			}

			#showArea .roll-image a:hover span.file-desc{

				text-decoration: underline;

			}

			

			

			#showArea .roll-image a img{

				margin-right:11px;

			}



			#colorArea div{

				

				padding: 16px 18px;

				display: block;

				float:left;

				background: url(../images/roll_gallery_bg.jpg) 0 0 no-repeat;

			}

			

					.details-gallery #goleft,

					.details-gallery #goright,

					.details-color #goleft_color,

					.details-color #goright_color

					{

						margin:20px 5px 0;

					}

					

					

					.details-gallery #photos,

					.details-color #colors {

						height:120px;

						width: 252px;

					}

					.details-color #colors{

						height:120px;

					}

					.details-gallery #showArea .roll-image{

						 display:block;

						 float:left;

						 margin-right:6px;

						 background: url(../images/details_gallery_left.jpg) 0 0 no-repeat;

						 padding-left:0;

						 /*_padding-left:3px; for ie6*/

					}

					

					.details-gallery #showArea .roll-image a{

					    padding-right:9px;

						 padding-left:4px;

						 /*_padding-left:0; for ie6*/

						 margin-right:0;

						 background: url(../images/details_gallery_right.jpg) right 0 no-repeat;

					}

					.details-gallery #showArea .roll-image a img{

						margin-right: 0;

					}

					.details-gallery #showArea a,

					.details-color #colorArea div{

						margin-left: 6px;

						margin-right: 6px;

						padding: 10px 6px;

						

						background: url(../images/details_gallery_bg.jpg) 0 0 no-repeat;



					}



					.details-color #colorArea div{

						margin-left: 0;

						margin-right: 2px;

						padding: 9px 5px 9px 11px;

						/**padding: 6px 5px 9px 11px; for ie*/

						/*_padding: 9px 5px 9px 11px; for ie6*/

						background: url(../images/details_gallery_color_bg.jpg) 0 0 no-repeat;

					}

					.details-color #colorArea div{

						text-decoration: none;

					}

					.details-color #colorArea div span{

						width:45px;

						clear:both;

						display: block;

						line-height: 16px;

						padding-top:4px;

						font-size:11px;

						text-align:center;

					}

			

			

			

		.details_right{

			width:48%;

			float:right;

		}

		

		.details_right h3{

			padding-left:34px;

		}

			.showphoto{

				width: 315px;

			}

			.showphoto .showphoto_top{

				height:17px;

				background:url(../images/small_top.png) 0 0 no-repeat;

				

			}

			.showphoto .showphoto_main{

				padding:0 17px;

				/*_padding:0; for ie6*/

				background:url(../images/small_bg.png) 0 0 repeat-y;

				/*_background:url(../images/small_bg.gif) 0 0 repeat-y; for ie6*/

			}

			.showphoto .showphoto_main a{

				font-size:0;

				/*_padding:0 17px;*/

			}

			.showphoto .showphoto_bottom{

				height:46px;

				background:url(../images/small_bottom.png) 0 0 no-repeat;

				text-align:center;

			}

			.showphoto .showphoto_bottom p{

				padding-top: 12px;

				line-height: 16px;

			}

			



			

			

			

		

		

		.gallarylist{

			padding-top:12px;

			position: relative;

			/*_position: static; for ie6*/

			display: block;

		}

		.gallarylist ul li{

			position: relative;/*position: relative;*/

			/*_position: static; for ie6*/

			margin-left: -8px;

			/*width: 171px;*/

			width:171px;

			height: 153px;

			display: block;

			background: url(../images/thumb_bg.png) 0 0 no-repeat;

			/*_background-image: url(../images/thumb_bg.jpg); for ie6*/

			float:left;

			/*overflow:hidden;*/

			cursor:pointer;

		}

		.gallarylist ul li.first{

			margin-left: -10px;

		}

		.gallarylist ul li.last{

			clear: right;

		}

		.gallarylist ul li img{

			/*position: relative;z-index:0;*/

			/*_position: static; for ie6*/

			margin: 17px 17px 0;

		}

		.gallarylist ul li span{

			margin: 0 17px 17px;

		}

		.gallarylist ul li a{

			

			

			color:#000000;

			text-align:center;

			display:block;

			

			/*margin:0 17px 11px;*/

			/*margin:-51px 17px 11px;

			_margin-top:-47px;*/

			cursor:pointer;

			text-decoration:none;

		}

		.gallarylist ul li a{

			/*position: relative;

			z-index:19;*/

		}

		.gallarylist ul li a span{

			display:block;

			/*vertical-align: middle;

			position: relative;

			top:10%;

			line-height:14px;*/

			width:137px;

			height:36px;

			background:#ffe400;

			position: relative;

			margin:-30px 17px 11px;

			z-index:20;

			bottom:6px;

		}

		.gallarylist ul li a:hover span{

			text-decoration: underline;

		}

	

		a.back{

			color:#ffe400;

		}

		.further{

			padding-bottom: 12px;

			border-bottom:1px solid #999999;

		}

		.footer{

			padding: 12px 0;

			line-height:24px;

		}

		.footer_logo{

			float: right;

		}

		

		

		

		.newslist{

			padding-top:12px;

			border-bottom:1px dashed #e28295;

			margin-bottom: 12px;

		}

		.newslistitem{

			border-top:1px dashed #e28295;

			padding-bottom: 6px;

		}

		.newslistitem h3,.newslistitem h3 a{

			font-size: 13px;

		}

		

		

		.contactForm td{

			padding-bottom:3px;

		}

		.contactForm .input-text{

			width:400px;

			border:1px solid #e28295;

			background:#e28295;

		}

		.contactForm .text-area{

			width:400px;

			height:60px;

			border:1px solid #e28295;

			background:#e28295;

		}

		.contactForm .required{

			color:#ffe400;

		}

/* Misc Styling */
body #sfd, body .sfd, body #sfd *, body .sfd * {
position: absolute;
top: 0;
left: 0;
text-indent: -10000px;
margin: 0;
padding: 0;
border: none;
list-style: none;
}

.clearing {
clear: both;
}