html, body{
	margin:0px;
	padding:0px;
	height: 100%;
}
*{
	margin: 0px;
	padding: 0px;
}
img{
	display: block;
}
:focus{
	outline: none;
}
table tr td{
	vertical-align: top;
}
ul{
	list-style: none;
}
.clear{
	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
	}
a img{
	border:0px;
	}	

/* Here the main css*/	
body{
	background: url("../img/bg_body.jpg") center top #7b6076;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
}
#wrap{
	width: 100%;
	height: 1619px;
	background: url("../img/bg_wrap.jpg") center top;
	overflow:hidden;
	position:relative;
}
#main{
	height: 1619px;
	width: 1000px;
	margin: 0 auto;
}

#head{
	height: 187px;
	padding: 12px 0 0 29px;
	position:relative;
	color: #fff;
}
	#top-menu{
		position: absolute;
		top: 12px;
		left: 260px;
		height: 59px;
	}
		#top-menu ul{
			height: 59px;
			background: url("../img/menu-last.png") right bottom no-repeat;
			padding: 0 46px 0 0;
			float:left;
		}
		#top-menu ul.active{
			background: url("../img/menu-last-inner-active.png") right bottom no-repeat;
		}
			#top-menu ul li{
				height: 59px;
				float: left;
				/* background: url("../img/fff80.png"); */
				background: #f5e9f4;
				font-size: 17px;
				font-weight: 100;
				padding: 0 27px 0 6px;
				position: relative;
			}
				#top-menu ul li.first{
					padding-left: 35px;
				}
					#top-menu ul li.first .corner{
						display: none;
					}
				#top-menu ul li.last{
					padding-right: 0px;
					background: #f5e9f4;
				}
					#top-menu ul li.last .delimiter{
						display: none;
					}
				#top-menu ul li:hover{
					background: #b08da9;
					color: #fff;
				}
				#top-menu ul li a{
					text-decoration: none;
					position: relative;
					top: 19px;
					z-index:2;
				}
				#top-menu ul li span{
					color: #072e6d;
				}
				#top-menu ul li span.active{
					color: #fff;
				}
				#top-menu ul li .delimiter{
					position: absolute;
					right:0;
					top:0;
					width: 55px;
					height: 40px;
					background: url("../img/menu-li-full.gif") right top no-repeat;
				}
				#top-menu ul li .corner{
					position: absolute;
					left:0;
					bottom:0;
					width: 26px;
					height: 19px;
					background: none;
				}
				#top-menu ul li:hover .delimiter{
					background: url("../img/menu-li-line-active-index.gif") left top no-repeat;
				}
				#top-menu ul li .corneractive{
					height: 20px;
					width: 27px;
					background: url("../img/menu-li-corner-active-index.gif") left top no-repeat;
				}
				#top-menu ul li:hover .corner{
					background: url("../img/menu-li-corner-index.gif") 0px top no-repeat;
				}
				#top-menu ul li .prev{
					background: url("../img/menu-li-line-active-prev-index.gif") 0px top no-repeat;
				}
	
	#head h1{
		letter-spacing: 1px;
		font-size: 46px;
		position: absolute;
		right: 42px;
		bottom: 2px;
	}
	#head address{
		font-size: 22px;
		float: left;
		letter-spacing: 1px;
		padding: 0 9px 0 0;
		font-style: normal;
		}
	#head .contacts{
		font-size: 14px;
		margin: 19px 0 0 0;
	}
		#head .contacts span{
			float: left;
			border-left: 1px dotted #fff;
			padding: 0 0 0 8px;
		}
	
#content{
	line-height: 18px;
	position: relative;
}
#content h1{
	font-family: "Times New Roman";
	font-size: 26px;
	color: #000;
	font-weight: 100;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	clear: both;
}
#content a{
	color: #074687;
}

#pipes{
	width:295px;
	height: 665px;
	background: url("../img/pipes.png");
	position: absolute;
	right: 233px;
	top: -12px;
	z-index: 2;
}
#pipes-wrap{
	width:295px;
	height: 665px;
	position: absolute;
	right: 233px;
	top: -12px;
	z-index: 3;
}

#pipes-wrap div{
	display: none; 
}

#op-1{
	width: 31px;
	height: 10px;
	background: url("../img/op-1.png") left top no-repeat;
	position: absolute;
	left: 60px;
	top: 5px;
	z-index: 4;
}
#op-2{
	width: 20px;
	height: 38px;
	background: url("../img/op-2.png") left top no-repeat;
	position: absolute;
	left: -5px;
	top: 24px;
	z-index: 4;
}
#op-3{
	width: 13px;
	height: 26px;
	background: url("../img/op-3.png") left top no-repeat;
	position: absolute;
	left: 88px;
	top: 31px;
	z-index: 4;
}
#op-4, #op-6{
	width: 20px;
	height: 26px;
	background: url("../img/op-4.png") left top no-repeat;
	position: absolute;
	left: 40px;
	top: 48px;
	z-index: 4;
}
#op-5{
	width: 40px;
	height: 10px;
	background: url("../img/op-5.png") left top no-repeat;
	position: absolute;
	left: 70px;
	top: 107px;
	z-index: 4;
}
#op-7, #op-8{
	width: 115px;
	height: 62px;
	background: url("../img/op-78.png") left top no-repeat;
	position: absolute;
	left: 35px;
	top: 289px;
	z-index: 4;
}
#op-9{
	width: 34px;
	height: 122px;
	background: url("../img/op-9.png") left top no-repeat;
	position: absolute;
	left: 94px;
	top: 431px;
	z-index: 4;
}
#op-10{
	width: 28px;
	height: 102px;
	background: url("../img/op-10.png") left top no-repeat;
	position: absolute;
	left: 161px;
	top: 594px;
	z-index: 4;
}
#op-11{
	width: 39px;
	height: 28px;
	background: url("../img/op-11.png") left top no-repeat;
	position: absolute;
	left: 32px;
	top: 648px;
	z-index: 4;
}

#main-menu{
	position:absolute;
	top:0;
	right:0;
	height: 734px;
	width: 236px;
}
	#main-menu ul{
		position: relative;
		top:0;
	}
		#main-menu ul li{
			padding: 0 0 0 12px;
		}
			#main-menu ul li span{
				font-size: 18px;
				font-style: italic;
				line-height: 32px;
				color: #074687;
				cursor: pointer;
				background: url("../img/dotted.gif") left bottom repeat-x;
			}
			#main-menu ul li span:hover{
				color: #ff5a00;
				background: url("../img/dotted-active.gif") left bottom repeat-x;
			}
	#submenu-1{margin-top: 4px;}
	#submenu-2{margin-top: 39px;}
	#submenu-3{margin-top: 104px;}
	#submenu-4{margin-top: 101px;}

#longtitle{
	position:absolute;
	top:32px;
	right:32px;
	height: 734px;
	width: 249px;
	display: none;
}
	#longtitle div{
		display: none;
	}
	#longtitle h1{
		font-family: "Trebuchet MS";
		font-size: 24px;
	}
	#longtitle p{
		margin: 0 0 12px 0;
	}
	#longtitle ul{
		margin: 0 0 -4px 24px;
	}
	#longtitle a{
		font-size: 18px;
		line-height: 30px;
		display: block;
		margin: 0 0 0 22px;
		padding: 0 0 0 17px;
	}
		#longtitle ul li{
			padding: 0 0 0 15px;
			margin: 0 0 18px 0;
			background: url("../img/longtitle-li.gif") left 5px no-repeat;
		}
			#longtitle ul li a{
				margin: 0;
				padding:0;
				font-size: 13px;
				line-height: 18px;
			}
			#longtitle ul li a:hover{
				color: #fe8441;
			}
	
		#longtitle .read-more{
			background: url("../img/book-icon.gif") left 13px no-repeat;
		}
			#longtitle .read-more span{
				text-decoration: underline;
			}
			#longtitle .read-more:hover span{
				color: #fe8441;
			}
			
		#longtitle .winD{
			text-decoration: none;
			background: url("../img/arrow-up-icon.gif") 4px 10px no-repeat;
		}
			#longtitle .winD span{
				background: url("../img/dotted.gif") left bottom repeat-x;
			}
	
#doctor-panel{
	height: 734px;
	width: 339px;
	padding: 21px 0 0 32px;
}
	#doctor-panel h1 a:hover{
		color: #fe8441;
	}
	#doctor-panel dl{
		margin: 0 0 26px 0;
	}
		#doctor-panel dl dd{
			clear: both;
			margin: 0 0 8px 0;
			font-family: "Times New Roman", serif;
			font-size: 14px;
		}
		#doctor-panel dl dd img{
			float: left;
			padding: 10px 10px 10px 10px;
			border: 1px solid #fdfdfd;
			background: url("../img/fff40.png");
			margin: 0 14px 0 0;
		}
		#doctor-panel dl dd a{
			font-size: 18px;
			font-weight: 100;
		}
			#doctor-panel dl dd a.head{
				padding: 2px 0 4px 0;
				display: block;
				line-height: 21px;
			}
		#doctor-panel dl dd a:hover{
			color: #fe8441;
		}
		#doctor-panel dl dd p{
			margin: 0 !important;
			font-size: 14px;
		}
	#doctor-panel p{
		margin: 0 40px 24px 0;
		font-size: 15px;
	}

#panels{
	margin: 26px 0 0 0;
}
	#left-panel{
		width: 369px;
		float: left;
	}
	#right-panel{
		width: 321px;
		float: right;
	}
	.opacity-panel{
		padding: 28px 0 0 32px;
		background: url("../img/fff40.png");
	}
		.opacity-panel a{
			font-size: 14px;
		}
		#left-panel p{
			margin-right: 40px;
		}
		#right-panel p{
			margin-right: 46px;
		}
		.photo{
			height: 56px;
			padding: 19px 0 0 49px;
			background: url("../img/camera.png") left top no-repeat;
		}
		#content .photo a:hover{
			color: #fe8441;
		}
		.opinion{
			margin: 8px 0 0 0;
			height: 45px;
			padding: 9px 0 0 75px;
			margin-left: -18px;
			background: url("../img/paper-list.png") left top no-repeat;
		}
		#content .opinion a:hover{
			color: #fe8441;
		}
		

#footer{
	width: 1000px;
	height: 133px;
	margin: -133px auto 0 auto;
	position: relative;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #fff;
}
	#footer a{
		color: #fff;
		text-decoration: none;
	}
	#itech{
		position: absolute;
		right: 0;
		bottom: 0;
		height: 104px;
		width: 190px;

	}
		#itech img{
			float: right;
		}
		#itech #itech-link{
			height: 20px;
			line-height: 20px;
			margin: 0 15px 0 0;
		}
		#itech #itech-link1{
			height: 20px;
			line-height: 20px;
			margin: 0px 15px 0 0;
		}
		
	#footer .copyright{
		position: absolute;
		height: 56px;
		width: 371px;
		left:0;
		bottom:0;
	}
		#footer .copyright span{
			display: block;
			float: left;
			height: 56px;
			line-height: 56px;
		}
		#footer .copyright div{
			float: right;
			color: #ead9e7;
		}
		#footer .copyright address{
			font-style: normal;
			font-size: 22px;
		}
	#footer #search-form p{
		clear:both;
	}
	#footer #search-form p span{
		color: #a5cbfc;
		background: url("../img/dotted-small.gif") left bottom repeat-x;
		cursor: pointer;
	}
		#footer #search-form input{
			float: left;
			display: inline;
			cursor: default;
		}
		#footer #search-form input.text{
			margin: 2px 12px 0 0;
			padding: 0 4px;
			height: 20px;
			width: 260px;
			border: 1px solid #c3c3c3;
			border-bottom: 1px solid #ddd;
			background: url("../img/search-icon.gif") 4px 4px no-repeat #fff;
		}
		#footer #search-form input.focus{
			background: #fff;
		}