@import url("/js/highslide/style/index.css");

/* @group Reset and Base Typo */
	body, div, dl, dt, dd, li, pre,
	form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
	address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
	ol, ul { list-style: none; margin: 0; padding: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption, th { text-align: left; font-weight: normal; font-style: normal; }
	acronym, abbr, fieldset, img { border: 0;}
	:focus { outline: 0; }
	
	body {
		font: 12px Tahoma, Arial, Helvetica, sans-serif;
		color:#717171;
		line-height: 18px;
	}
	p, ul, ol, table {
		margin: 0 0 12px 0;
	}
	ul ul {
		margin: 0;
	}
	li {
		margin: 0 0 0 3em;
	}
	ul li {
		list-style: disc;
	}
	

.center_column ul{ line-height:18px; list-style-type: none !important;}
.center_column li{background:url(/img/bullet.gif) no-repeat 0px 8px; list-style-type: none; padding: 0px 0px 0px 15px;}
.center_column ul{margin: 12px 0px 12px 17px; padding: 0px; line-height:20px; list-style-type: none;}
	
	
	ol{margin: 12px 0px 12px 17px; padding: 0px; line-height:20px;}
	ol li{list-style:none; padding: 2px 0 2px 27px;}
	ol li.item-1{background:url(/img/num-1.png) no-repeat 0 0.2em;}
	ol li.item-2{background:url(/img/num-2.png) no-repeat 0 0.2em;}
	ol li.item-3{background:url(/img/num-3.png) no-repeat 0 0.2em;}
	ol li.item-4{background:url(/img/num-4.png) no-repeat 0 0.2em;}
	ol li.item-5{background:url(/img/num-5.png) no-repeat 0 0.2em;}
	ol li.item-6{background:url(/img/num-6.png) no-repeat 0 0.2em;}
	ol li.item-7{background:url(/img/num-7.png) no-repeat 0 0.2em;}
	ol li.item-8{background:url(/img/num-8.png) no-repeat 0 0.2em;}
	ol li.item-9{background:url(/img/num-9.png) no-repeat 0 0.2em;}
	ol li.item-10{background:url(/img/num-10.png) no-repeat 0 0.2em;}
	a {
		color: #c94c00;
	}
	strong {
		font-weight: bold;
	}
	em {
		font-size: italic;
	}
	a {
		color: #ae4119;
		text-decoration: none;
		border-bottom: 1px dotted #ae4119;
	}
	a.zoom,
	a.zoom:hover {
		border: none;
		margin: 0 48px 7px 0;
		float: left;
	}
	a.zoom-last,
	a.zoom-last:hover {
		margin: 0 0 7px 0;	
	}
	a.zoom img {
		border: 6px solid #e7e7e7;
	}
	a:hover {
		border: none;
		color: #df4118;
	}
	h1, h4 {
		color: #6e4333;
		font-size: 24px;
		margin: 0 0 12px 0;
		line-height: 25px;
	}
	h4 {
		color: #AE4119;
	}
	h2, h3 {
		font-size: 15px;
		color: #361103;
		margin: 15px 0 5px 0;
		line-height: 18px;
	}
	.clear {
		clear: both;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	/*.dark {
		background: #e5e4e4;
		padding: 10px 15px;
		color: #363636;
		position: relative;
		display: block;
		margin: 0 -15px 15px -15px;
	}*/
	.dark {
		background: #f2efe2;
		color: #666;
		padding: 20px;
		position: relative;
		display: block;
		margin: 1em 0 1em;
		font-family: "Trebuchet MS";
		font-size: 12px;
		line-height: 19px;
	}
	.dark strong {
		font-size: 14px;
	}
	.dark span { color: #ae4119; }
	strong {
		font-weight: bold;
	}
	.quote {
		font-style: italic;
		margin-left: 27px;
		padding: 11px 0 11px 15px;
		border-left: 2px solid #ccc;
		color: #787878;
	}
	em {
		font-style: italic;
	}
	small, .small {
		font-size: 9px;
	}
/* @end */

/* @group Main Layout */
	.body,
	.footer {
		width: 934px;
		margin: 0 auto;
		overflow: visible;
	}

	/* @group Header */
		.header {
			padding: 50px 15px 0;
			height: 65px;
		}
		.header .logo {
			border: none;
			position: relative;
			margin: 0 0 0 -15px;
		}
		/* @group Menu */
			.header .menu {
				float: right;
				width: 700px;
				
			}
			.header table {
				float: left;
			}
			.header th {	
				width: 15%;	
				font-weight: normal;
				color: #b3b3b3;
				font-size: 15px;
			}
			.header td, .header th {
				padding: 0px;
				vertical-align: middle;
				text-align: center;
			}
			.header td a {
				white-space: nowrap;
				font-size: 11px;
				font-weight: bold;		
				border-bottom: 1px dotted #ae4119;
				
			}
			.header .menu table a.now,
			.header .menu table a:hover {
				color: #ae4119;
				text-decoration: none;
				border: none;
			}
		/* @end */
	/* @end */
	
	/* @group Center */
		/* @group Left Column */
			.left_column {
				float: left;
				width: 435px;
				padding: 0 30px 0 15px;
				overflow: visible;	
			}	
			/* @group Top */
				.left_column .top {
					height: 350px;
					background: url(/images/index.jpg) no-repeat;
					background-position: 135px 45px;
					margin: 0 -30px 0 0;
					padding: 0 30px 0 0;
					position: relative;
				}
				.left_column .top .phone {
					font-size: 15px;
					color: #ae4119;
					float: right;
					text-align: right;	
				}
				.left_column .top .phone span {
					font-size: 25px;
					color: #361103;
				}
				.left_column .top .phone a {
					font-size: 13px;
				}
				.left_column .zag {
					color: #b95a38;
					font-size: 12px;
					width: 160px;	
					padding-top: 80px;
				}
				.left_column .zag p {
					margin: 0 0 20px 0;
				}
			/* @end */
		/* @end */
		
		/* @group Right Column */
			.right_column {
				float: right;
				width: 420px; 	
				position: relative; 
				padding: 0 15px 0 0;
			}
			/* @group Top */
				.right_column .top {
					height: 350px;
					position: relative;
				}
				.right_column .top a {
					display: block;
					text-decoration: none;
					border: none;
					font-weight: bold;
					margin: 10px 0 0;
				}
				.right_column .top .more {
					text-align: right;
					margin: 10px 0 0;
				}
				.right_column .top .more a {
					display: inline;
					border-bottom: 1px dotted #ae4119;
					margin: 0 2px 0 0;
					font-weight: normal;
				}
				.right_column .top .more span {
					font-size: 10px;
					font-style: italic;
					color: #5ca9e1;
					margin: 0 2px 0 0;
				}
			/* @end */
			.right_column .flash {
				margin: 0 0 20px 0;
			} 
			/* @group Form */
				.index_form {
					display: block;
					width: 200px;
				}
				.index_form input,
				.index_form select {
					margin: 3px 0 7px 0;
					width: 198px;
					height: 17px;
					border: 1px solid #b3b3b3;		
					background: #fff;	
				}
				.index_form select {
					height: 19px;
				}
				.index_form textarea {
					border: 1px solid #b3b3b3;
					width: 198px;
					margin-top: 3px;
					height: 64px;
					font-family: Tahoma;
					overflow: auto;
				}
				.index_form .fileinputs {
					position: relative;
				}
				.index_form .fake_file {
					position: absolute;
					-moz-opacity: 0;
					opacity: 0;
					filter: alpha(opacity: 0);
					opacity: 0;	
					cursor: pointer;
				}
				.index_form .fail {
					width: 138px;
				}
				.index_form img {
					margin: 3px 0 0;
					cursor: pointer;
				}
				.index_submit {
					width: 75px;
					height: 25px;
					background-color: #ae4119;
					color: white;
					cursor: pointer;
					font-family: Tahoma;
					font-size: 10px;
					border: none;
				}	
			/* @end */
		/* @end */
	/* @end */
	
	/* @group Footer */
		.body_footer {
			background: url(/images/footer.png) no-repeat center 20px;
			height: 160px;
		} 
		.footer {
			line-height: 18px;
			color: #000;
			font-size: 12px;
			padding: 45px 15px 0 15px;
			width: 904px;
		}
		.footer a {
			border: none;
			text-decoration: underline;
		}
		.footer span.phone {
			font-weight: bold;
			font-size: 14px;
		}
		.footer a:hover {
			text-decoration: none;
		}
		.footer .right a {
			margin: 0 10px 0 0;
			border: none;
		}
	/* @end */
	
/* @end */

/* @group Inside Layout */
	.crumbs {
		font-size: 10px;
		color: #b7a188;
	}
	.crumbs a {
		color: #b7a188;
		border: none;
		text-decoration: underline;
	}
	/* @group Left Column */
		.left_inside {
			width: 173px;
			padding: 0 15px;
		}
		.left_inside .zag {
			padding-top: 0;
		}
		.left-menu {
			margin: 0 5px 30px 0;
		}
		.left-menu li {
			list-style: none;
			margin: 0 0 10px 0;
			line-height: 15px;
		}
		.left-menu li a {
			font-size: 12px;
		}
		.left-menu li a.active {
			border: none;
			cursor: default;
		}
		.left-menu li ul {
			margin: 5px 0 10px 0;
		}
		.left-menu li ul li {
			line-height: 13px;
			margin: 0 0 2px 0;
		}
		.left-menu li ul li a {
			font-size: 12px;
			color: #50a3df;
			border: none;
			text-indent: 12px;
			background: url(/images/left-arrow.png) 0 5px no-repeat;
			display: block;
			_display: inline-block;
		}
		.left-menu li ul li a:hover {
			text-decoration: underline;
		}
		.left-menu li ul li a.active {
			background: url(/images/left-arrow-active.png) 0 5px no-repeat;
			text-decoration: underline;
			color: #6e4333;
		}
	/* @end */
	
	/* @group Right Column */
		.right_inside {
			width: 230px;
		}
		.right_inside .top {
			background: url(/images/inside.jpg) no-repeat center 50px;
			position: relative;
			margin: 0 -40px 0 -10px;
			height: 280px;
			padding: 0 40px 0 10px;
		}
		.right_inside .top .phone {
			font-size: 15px;
			color: #ae4119;
			float: right;
			text-align: right;	
		}
		.right_inside .top .phone span {
			font-size: 25px;
			color: #361103;
		}
		.right_inside .top .phone a {
			font-size: 13px;
			margin: 0;
			font-weight: normal;
			border-bottom: 1px dotted #ae4119;
			display: inline;
		}
		.right_column .works {
			text-align: center;
			padding: 0 0 20px 30px;
		}
		/* @group Form */
			.inside_form {
				display: block;
				width: 200px;
				padding: 0 0 0 30px;
			}
			.inside_form input,
			.inside_form select {
				margin: 3px 0 7px 0;
				width: 198px;
				height: 17px;
				border: 1px solid #b3b3b3;			
			}
			.inside_form select {
				height: 19px;
			}
			.inside_form textarea {
				border: 1px solid #b3b3b3;
				width: 198px;
				margin-top: 3px;
				height: 64px;
				font-family: Tahoma;
				overflow: auto;
			}
			.inside_form .fileinputs {
				position: relative;
			}
			.inside_form .fake_file {
				position: absolute;
				-moz-opacity: 0;
				opacity: 0;
				filter: alpha(opacity: 0);
				opacity: 0;	
				cursor: pointer;
			}
			.inside_form .fail {
				width: 138px;
			}
			.inside_form img {
				margin: 3px 0 0;
				cursor: pointer;
			}
			.inside_form .inside_submit {
				width: 75px;
				height: 25px;
				background-color: #ae4119;
				color: white;
				cursor: pointer;
				font-family: Tahoma;
				font-size: 10px;
				border: none;
			}	
			.ajax_form {
				color: #432114;
				font-size: 10px;
				padding: 0 0 0 30px;
				margin: 10px -50px 30px 0;
				width: 230px;
				position: relative;
				overflow: hidden;
				zoom: 1;
			}
			
			.ajax_form .add span,
			.ajax_form #r_headers span {
				display: block;
				padding: 7px 0 2px;
				
			}
			.ajax_form span.tabs-label {
				display: block;
				padding: 7px 0 5px;
			}
			.ajax_form #r_headers {
				width: 240px;
				padding: 0 0 30px;
				height: 100px;
				display: inline;
			}
			.ajax_form #r_headers .he-2 {
				padding: 2px 5px;
				float: left;
				clear: left;
			}
			#y_header {
				float: left;
				margin: 2px 0 0;
			}
			.ajax_form .tabs {
				padding: 0 0 3px 0;
			}
			.ajax_form .density {
				padding: 2px 0 3px 0;
			}
			.ajax_form .density span {
				display: block;
				padding: 5px 0 7px 0;
			}
			.ajax_form .tabs input,
			.ajax_form .density input {
				display: none;
			}
			.ajax_form .tabs label,
			.ajax_form .density label {
				border-bottom: 1px dashed #b03a2f;
				cursor: pointer;
				padding: 5px 0 0;
				margin: 0 7px 0 7px;
				font-size: 14px;
			}
			.ajax_form .tabs label.active,
			.ajax_form .density label.active {
				color: #fff;
				background: #ae4119;
				border: none;
				padding: 5px 7px;
				margin: 0;
				cursor: default;
			}
			.ajax_form .tabs label.active {
				font-size: 16px;
			}
			.ajax_form .add {
				float: left;
				width: 70px;
				padding: 0 0 10px;
			}
			.ajax_form .add label {
				float: left;
			}
			.ajax_form .add label {
				padding: 0 0 0 2px;
				font-size: 12px;
			}
			.ajax_form .add .qt {
				width: 50px;
				margin: 0 5px 0 0;
			}
			.ajax_form .add .color {
				width: 75px;
				margin: 0 5px 0 0;
			}
			.ajax_form .add .back {
				width: 50px;
			}
			.ajax_form .submit {
				font-size: 15px;
				color: #ae4119;
				border-bottom: 1px dotted #ae4119;
				float: left;
				margin: 30px 10px 0 0;
				padding: 0;
				clear: both;
				width: 80px;
			} 
			.ajax_form .submit:hover {
				border-bottom: 1px solid #fff;
			}
			.ajax_form .result {
				color: #432114;
				font-family: Arial;
				font-size: 30px;
				white-space: nowrap;
				line-height: 35px;
				display: block;
				margin: 5px 0 0;
				clear: left;
			}
		/* @end */
	/* @end */
	
	/* @group Center Column */
		.center_inside {
			margin: 0 265px 0 190px;
			padding: 0 15px 0 30px;
		}
		.center_inside li {margin-left: 0px;}
	/* @end */
	
	
	/* @group Contact */
		.center_contact {
			margin: 0 0 0 190px;
			padding: 0 15px;
		}
	/* @end */
	
	/* @group Bottom */
	.bottom {
		padding: 25px 0 0;
	}
	/* @end */
/* @end */

/* @group Works */
	.center_works {
		float: right;
		width: 699px;
	}
	.center_works .left {
		margin: 0 42px 10px 0;
	}
	.center_works .left a,
	.center_works .right a  {
		display: block;
		text-decoration: none;
		border: none;
		font-weight: bold;
		margin: 10px 0 0;		
		width: 198px;
	}
	.center_works .left img,
	.center_works .right img {
		border: 6px solid #e7e7e7;
	}
	.all-works {
		display: block;
		height: 250px;
		position: absolute;
		right: 30px;
		text-indent: -9000px;
		top: 50px;
		width: 275px;
		border: none;
	}
	.all-works-inside {
		bottom: 15px;
		display: block;
		height: 210px;
		position: absolute;
		right: 15px;
		text-indent: -9000px;
		width: 240px;
	}
/* @end */

/* @group Additional */
	#hintbox { 
		position:absolute; 
		top: 0; 
		background-color: lightyellow; 
		width: 150px; 
		padding: 3px; 
		border: 1px solid #787878; 
		font: normal 11px Verdana; 
		line-height: 18px; 
		z-index:100; 
		border-right: 2px solid #787878; 
		border-bottom: 2px solid #787878; 
		visibility: hidden; 
	}
	a.hintanchor { 
		padding-left: 8px; 
		padding-right: 8px;  
		font-size: 12px; 
		color: #395182; 
		text-decoration: none; 
		vertical-align: middle; 
	}
	a.hintanchor:hover { 
		padding-left: 8px; 
		padding-right: 8px; 
		font-size: 12px; 
		color: #395182; 
		text-decoration: underline;
	}
	#file_hint {
		font-size:12px;
		cursor:pointer	
	}
	.highslide-controls a {
		border: none;
	}
	.highslide-controls ul li {
		list-style: none;
		margin: 0;
	}
	/* @group Pager */
	.pages {
		margin: 15px 0 0;
		text-align: right;
	}
	.pages a {
		cursor: pointer;
		padding: 3px 0 0;
		margin: 0 3px 0 3px;
		font-size: 12px;
	}
	.pages a.now {
		color: #fff;
		background: #ae4119;
		border: none;
		padding: 3px 5px;
		margin: 0 5px 0 0;
		cursor: default;
	}
	/* @end */
	.work_navi {
		text-align: center;
		font-weight: bold;
		margin: 25px 0 0;
	}
	.work_navi a {
		margin: 0 30px 0 0;
	}
	.work_preview {
		text-align: center;
		margin: 7px 0;
	}
	.work_preview img,
	.work_preview a {
		border: none;
	}
	.info {
		margin: 0 0 0 50px;
		font-style: italic;
	}
	.work_all {
		font-size: 12px;
		font-weight: bold;
	}
/* @end */


/* LOADING-BOX */
#loading-box {display: none; font-family: Verdana; font-size: 12px; height:50px; padding:10px; text-align:center; background:#fff; border:1px solid #000; position: absolute; z-index: 100; }
#loading-box a {text-decoration: none; font-weight: bold; }
#loading-text {font-weight:bold; color: #000; text-align: center; padding-bottom: 7px;}

.order-form label {
	float: left;
	width: 165px;
}
.order-form input,
.order-form textarea {
	width: 255px;
	border: 1px solid #7f9db9;
	padding: 3px;
	background: #fff url(/img/field.png) repeat-x 0 0;
}
.order-form textarea {
	height: 100px;
}
.order-form label span,
p.tip span {
	color: #f00;
}
.order-form .field {
	float: left;
	width: 100%;
	padding: 3px 0;
}
.order-form .checkboxes,
.order-form .im2 {
	margin: 0 0 0 0px;
}
p.tip {
	
	margin: 0 0 0 165px;
	padding: 25px 0 0;
	color: #999;
	font-size: 11px !important;
}
.order-form .checkboxes label {
	display: inline;
	width: auto;
	float: none;
	font-size: 11px;
}
.order-form .checkboxes input {
	width: auto;
	border: none;
	background: none;
}
.order-form .checkboxes .column {
	float: left;
	padding: 0 20px 0 0;
}