@charset "utf-8";
/*	
	"ArtiHome" Main Styles
	Version: 16.04.2010
	
	Structure
	-------------------------------------------------
	1. base style
	
	2. main wrap
	
	3. header

	4. main block
		- side bar
		- content
			- path
			- text
			- photo
	
	5. footer
	
	6. oreder project Form
	
	7. contact info style
	
	8. price and project style
	
*/

/*1. base style ------------------------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em,  img, strong, sub, sup, b, u, i,  dl, dt, dd, ul, li, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol{
	vertical-align: baseline;
	background: transparent;
}
html {
font-size: 100.01%;
}

body {
line-height: 1;
background: url(../images/main-back.gif) repeat;
color: #999999;/*#939598;*/
text-align: left;
font: 12px Arial,  sans-serif;
padding: 0px 0;
}

ul {
list-style: none; 
}

:focus {
outline: 0;
}


a {
color: #999999;
text-decoration: none;
}

input[type="text"], input[type="password"] {
font-size: 100%;
padding: 0;
}

textarea {
font: 100% Arial,  sans-serif;
padding: 0;
}


/*2. main wrap -------------------------------------------------------------------------*/

.mainWrap {
	width: 954px;
	margin: 0 auto;
	background: url(../images/main-wrap-back.gif) repeat-y;
}

/*3. header ----------------------------------------------------------------------------*/

.header {
		text-transform: lowercase;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #.999999;
		font-weight: ;
	height: 129px;
	width: 954px;
	background: url(../images/header-back.gif) repeat-x;
	position: relative;
}

	.header h1 {
		width: 248px;
		height: 43px;
		background: url(../images/header-logo.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		left: 0px;
		top: 20px;
	}
	
	
	
	.header ul {
		width: 954px;
		height: 19px;
		position: absolute;
		top: 89px;
		left: 0px;
		text-align: left;
		overflow: hidden;
		padding-top: 7px;
	}
	
	.header ul li {
		display: inline;
		margin: 0px 20px 0px 0px;
	}                                    h 
	
	.header ul li a {
		text-transform: lowercase;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #999999;
		font-weight: ;
		text-decoration: none;
	}
	
	.header ul li a:hover {
		color: #81372c;
	}
	
/*4. main block ------------------------------------------------------------------------*/

.mainBlock {
	height: 100%;
	padding-bottom: 0;
	position: relative;
}

	.mainBlockSideBar {
		width: 207px;
		height: 100%;
		float: left;
		background: #f8f8f8;
		position: relative;
	}
	
			.mainBlockSideBar h2 {
			width: 208px;
			height: 10px;
			background: url(../images/sidebar-header-back.gif) no-repeat;
			color: #f8f8f8;
			text-transform: lowercase;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 12px;
			text-align: center;
			padding-top: 0px;
	
	}
		
		.mainBlockSideBar ul {
			text-transform: lowercase;
			font-size: 12px;
			color: #81372c;
			margin: 22px 0 0 0px;
		}
		
		.mainBlockSideBar ul li {
			margin-bottom: 8px;
			position: relative;
			padding-left: 10px;
		}
		
		.mainBlockSideBar ul li:before,
		.mainBlockSideBarMarker {
			position: absolute;
			top: 6px;
			left: 0;
			display: block;
			width: 5px;
			height: 5px;
			content: "";
			background: #81372c;
			overflow: hidden;
		}
		
		.mainBlockSideBar ul li span {
			color: #6c8cc7;
			cursor: default;
		}
		
		.mainBlockSideBar ul li a {
		}
		
		.mainBlockSideBar ul li a:hover {
			text-decoration: none;
		}

	.mainBlockContent {
		width: 747px;
		margin-left: 0px;
		float: left; 
		background: #fff;
		position: relative;
	}
	
		.mainBlock hr {
			display: block;
			width: 747px;
			border: none;
			border-bottom: 4px solid #f8f8f8;
			position: absolute;
			top: 100%;
			left: 207px;
			margin-top: -4px;
		}
		
		.mainBlockContent img {
			padding: 9px;
			border: 1px solid #fff;
		}
		
		.mainBlockContentPath {
			height: 24px;
			color: #f8f8f8;
			background: url(../images/content-header-back.gif) repeat-x;
			padding: 10px 10px 0 16px;
		}
		
			.mainBlockContentPath li {
				height: 13px;
				float: left;
				border-bottom: 1px solid #f8f8f8;
				cursor: default;
			}
				
			.mainBlockContentPath li:before {
				content: ": ";
				padding-left: 4px;
			}
				
			.mainBlockContentPath li:first-child:before,
			.mainBlockContentPath li.first-child:before {
				content: "";
				padding: 0;
			}
				
			.mainBlockContentPath li a {
				color: #f8f8f8;
				text-decoration: none;
			}
				
			.mainBlockContentPath li a:hover {
				text-decoration: underline;
				color: #f8f8f8;
			}
		
		.mainBlockContentText {
			padding: 16px 16px 16px 16px;
		}
		
			.mainBlockContentText p {
				margin-bottom: 14px;
			}
			
			.mainBlockContentText img {
				margin-right: 10px;
				margin-bottom: 5px;
			}
		
		.mainBlockContentPhoto {
			text-align: center;
			margin: 30px 0 23px 0;
		}
		
			.mainBlockContentPhoto li {
				display: inline;
				margin: 0 9px;
			}
			
			.mainBlockContentPhoto li img {
				padding-bottom: 9px;
			}

.mainBlock:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/*5. footer ----------------------------------------------------------------------------*/

.footer {
	height: 95px;
	background: url(../images/footer-back.gif) repeat-x;
	position: relative;
}

	.footer ul {
		width: 956px;
		position: absolute;
		top: 18px;
		left: 0;
		text-transform: lowercase;
		text-align: right;
		overflow: hidden;
	}
	
	.footer ul li {
		height: 4px;
		display: inline;
		border-left: 1px solid #999999;
		padding: 0 2px 0 5px;
	}
	
	.footer ul li:first-child,
	.footer ul li.first-child {
		border: none;
	}
	
	.footer ul li a {
		text-decoration: none;
		color: #999999;
	}
	
	.footer ul li a:hover {
		color: #898989;
	}


/*6. oreder project Form ----------------------------------------------------------------------------*/

.orederProject{
	zoom:1;
	padding: 16px 0 17px 0;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#292826;
}
.orederProject:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.orederProject label{
	display:block;
	font-style:italic;
	margin-bottom: 7px;
	width:415px;
}
.orederProject input[type=text]{
	padding: 6px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#292826;
	font-size:14px;
	border: 1px solid #fff;
	background: #fff;
	height: 17px;
	width: 405px;
	display:block;
	margin-bottom: 9px;
}
.orederProject ul label {
	font-style:normal;
	width:auto;
}
.orederProject ul li {
	zoom:1;
}
.orederProject ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.orederProject ul {
	padding-top: 5px;
}
.orederProject input[type=radio]{
	padding: 0;
	width:14px;
	height:14px;
	float:left;
	margin: 1px 16px 0 2px;
}
.orederProject textarea{
	padding: 0 0 0 5px ;
	font-family:Arial, Helvetica, sans-serif;
	color:#292826;
	font-size:14px;
	border: 1px solid #fff;
	background: #f0f0ee;
	height: 113px;
	width: 410px;
	display:block;
	margin-bottom: 9px;
}
.orederProject input[type=submit]{
	display:block;
	width: 154px;
	height: 30px;
	font-size:16px;
	color:#fff;
	border: 1px solid #8b6767;
	background: #922626;
	margin-top: 30px; 
	cursor:pointer;
	font-weight:bold;
}
.orederProject input[type=submit]::-moz-focus-inner { 
	padding:0;
	border:0
}
	
	
/*7. contact info style ----------------------------------------------------------------------------*/

.contactInfoBlock{
	padding-top:17px;
	color:#282423;
	padding-bottom:40px;
}
.contactInfoBlock h2{
	color:#922626;
	font-style:italic;
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 18px;
}
.contactInfoBlock ul{
	padding-bottom: 15px;
	font-style:italic;
	font-size:13px;
}
.contactInfoBlock ul a{
	text-decoration:none;
	color:#282423;
	font-size:12px;
}
.contactInfoBlock ul a:hover{
	color:#922626;
}
.contactInfoBlock p{
	font-size:12px;
	line-height: 18px;
}
.contactInfoBlock p a{
	text-decoration:underline;
	color:#282423;
}
.contactInfoBlock p a:hover{
	text-decoration:none;
}

/*8. price and project style ------------------------------------------------------------------------*/

.priceWrap{
	margin: 10px 0 0 0 ;
	padding-bottom: 20px;
}
.priceWrap h2{
	background: #922626;
	height: 28px;
	text-align:center;
	color:#fff;
	font-size: 16px;
	line-height: 28px;
}
.priceWrap .titleRow{
	background: #c3c3c1;
	height: 28px;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #969696;
	border-top: 1px solid #969696;
	font-size: 14px;
	line-height: 28px;
	font-weight:bold;
	margin-bottom: 8px; 
}
.priceWrap .titleRow span{
	float:left;
	border-right: 1px solid #969696;
	height: 28px;
	text-align:center;
	width: 30px;
	overflow: hidden;
}
.priceWrap .titleRow strong{
	float:left;
	border-right: 1px solid #969696;
	height: 28px;
	text-align:center;
	width: 496px;
	overflow: hidden;
}
.priceWrap .titleRow div{
	float:left;
	border-right: 1px solid #969696;
	height: 28px;
	text-align:center;
	width: 92px;
	overflow: hidden;
}

.priceWrap .titleItemRow{
	background: #f0f0ee;
	height: 28px;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #969696;
	border-top: 1px solid #969696;
	font-size: 14px;
	line-height: 28px;
	font-weight:bold;
	margin-bottom: 8px; 
}
.priceWrap .titleItemRow span{
	float:left;
	border-right: 1px solid #969696;
	height: 28px;
	text-align:center;
	width: 30px;
	overflow: hidden;
}
.priceWrap .titleItemRow strong{
	float:left;
	border-right: 1px solid #969696;
	height: 28px;
	text-indent: 6px; 
	width: 496px;
	overflow: hidden;
}
.priceWrap .titleItemRow div{
	float:left;
	border-right: 1px solid #969696;
	height: 28px;
	text-align:center;
	width: 92px;
	overflow: hidden;
}
.priceWrap ul{
	width: 535px;
	padding-bottom: 15px;
}
.priceWrap ul li{
	padding-left:30px;
	margin-bottom: 10px;
	position:relative;
	zoom:1;
}
.priceWrap ul li:before{
   background-color:#292929;
   width:4px;
   height:1px;
   content:"";
   position:absolute;
   top: 49%;
   left: 13px;
   overflow:hidden;
}
.listMarkerBackColor{
   background-color:#292929;
   width:4px;
   height:1px;
   font-size:1px;
   display:block;
   position:absolute;
   top: 49%;
   left: 13px;
   color:#fff;
}
div.doubleLine{
	line-height: 14px;
	font-size:13px;
}
.priceWrap ul li{
	margin-top:10px;
	//z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = "<div class='listMarkerBackColor'>&nbsp;</div> " + this.innerHTML) 
}