@import url('reset.css');

html, body, form, fieldset {
	font-family: Arial, sans-serif;
	font-size: 13px;
}

body {
	background: #FFF url(images/background.gif) 0 0 repeat-y;
}

h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #C43E1A;
}

h1, h2, h3 {
	margin-bottom: 10px;
}

h1, h2 {
	font-size: 12px;
	text-transform: uppercase;
}
div.h_2 {
font-size: 12px;
text-transform: uppercase;
color: #C43E1A;
font-weight:bold;
margin-bottom: 10px;
}

div.h_3 {
color: #C43E1A;
font-weight:bold;
margin-bottom: 10px;
}

p {
	margin-bottom: 15px;
}

	p strong {
		font-weight: bold;
	}

a {
	font-weight: bold;
	text-decoration: none;
	color: #285A85;
}

	a:hover {
		text-decoration: underline;
	}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
}

#container {
	position: absolute;
	top: 0; 
	left: 0;
	width: 950px;
	padding: 0 0 55px 0;
}

	#header, #subheader, #main, #footer {
		width: 950px;
	}

	#header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		height: 48px;
		background: transparent url(images/header-background.gif) left top repeat-x;
	}

		#header .note {
			width: 135px;
			height: 28px;
			margin: 8px 0 0 30px;
			background: transparent url(images/header-note-text.gif) left top no-repeat;
			text-indent: -10000px;
		}

		#header .main-navigation {
			position: absolute;
			bottom: 0;
			left: 0;
			margin-left: 230px;
			background: #FFF url(images/header-navigation-background.gif) left bottom no-repeat;
		}

			#header .main-navigation li {
				float: left;
			}

				#header .main-navigation li a {
					display: block;
					color: #FFF;
				}

					#header .main-navigation li a span {
						display: block;
						padding: 7px 20px;
						background: transparent url(images/header-background.gif) left bottom repeat-x;
					}

				#header .main-navigation li a.active {
					text-decoration: none;
				}

				#header .main-navigation li a.active,
				#header .main-navigation li a.active-clickable {
					color: #C43E1A;
					background: transparent url(images/active-header-nav-left.gif) left top no-repeat;
				}

					#header .main-navigation li a.active span,
					#header .main-navigation li a.active-clickable span {
						background: transparent url(images/active-header-nav-right.gif) right top no-repeat;
					}

	#main {
		margin-top: 310px;
		padding: 50px 0 60px 0;
		background: #FFF url(images/wave-bottom.gif) left bottom no-repeat;
	}

		#content, 
		#main .inner-navigation, 
		#main .doctor-info {
			position: relative;
			z-index: 3;
		}
		
		#content {
			float: right;
			width: 700px;
			margin-top: 30px;
		}

			#content .column {
				float: left;
				width: 340px;
				margin-right: 10px;
			}

			#content .section {
				margin-bottom: 30px;
			}

			#content .gallery-holder {
				padding: 0;
				margin: 0;
				list-style: none;
			}

				#content .gallery-holder li {
					float: left;
					margin: 0 20px 0 0;
					padding: 10px 0;
					text-align: left;
				}

				#content .gallery-holder li a img {
					border: none;
				}

			#content p {
				margin-right: 10px;
			}

			#content ul, 
			#content ol {
				margin: 10px 0;
				padding-left: 15px;
			}

			#content ul {
				list-style-type: disc;
			}

			#content ol {
				list-style-type: decimal;
			}

				#content li {
					margin-left: 15px;
				}

			#content dt {
				margin-bottom: 10px;
				font-weight: bold;
			}

				.main-page-container #content dt {
					margin-bottom: 5px;
				}

				#content .news-holder dt {
					margin: 20px 0 10px 0;
				}

			#content dd {
				margin-bottom: 15px;
			}

				#content dd img {
					display: block;
					margin: 10px 0;
				}

				#content .contacts .note {
					margin-top: 10px;
				}

				.contacts-map {
					float: left;
					width: 340px;
					height: 300px;
					margin-right: 10px;
					overflow: hidden;
				}

			.main-page-container .lower {
				margin-top: 30px;
			}

			.main-page-container .gallery-link-holder {
				display: block;
				width: 243px;
				height:240px;
				background: transparent url(images/gallery-link-bg.jpg) 0 0 no-repeat;
			}

				.main-page-container .gallery-link-holder a {
					display: block;
					padding: 195px 0 30px 0;
					font-weight: normal;
					text-align: center;
					color: #29292B;
				}

				.main-page-container .gallery-link-holder a:hover {
					text-decoration: none;
				}

		#subheader {
			position: absolute;
			top: 48px;
			left: 0;
			z-index: 3;
			height: 334px;
			background: #FFF url(images/global-subheader-background.gif) left top no-repeat;
		}

		.main-page-container #subheader  {
			background-color: transparent;
		}

		.procedures-page-body #subheader  {
			background: #FFF url(images/surgeries-subheader-background.gif) left top no-repeat;
		}

			#subheader h2, 
			#subheader ul {
				margin-bottom: 10px;
			}

				#subheader li {
					padding-left: 15px;
					background: transparent url(images/subheader-list-marker.gif) 1px 8px no-repeat;
				}

					#subheader li a {
						font-size: 11px;
					}

			#subheader .surgical-methods,
			#subheader .non-surgical-methods, 
			#subheader .consulting {
				position: absolute;
			}

			.procedures-page-body #subheader .surgical-methods, 
			.procedures-page-body #subheader .non-surgical-methods {
				top: 25px;
				width: 275px;
			}

			.procedures-page-body #subheader .surgical-methods {
				left: 240px;
			}

			.procedures-page-body #subheader .non-surgical-methods {
				left: 660px;
			}

			.ordinary-page-body #subheader .surgical-methods,
			.ordinary-page-body #subheader .non-surgical-methods, 
			.ordinary-page-body #subheader .consulting {
				width: 410px;
				left: 265px;
			}

			.ordinary-page-body #subheader .surgical-methods {
				top: 95px;
			}

			.ordinary-page-body #subheader .non-surgical-methods {
				top: 160px;
			}

			.ordinary-page-body #subheader .consulting {
				top: 225px;
			}

			.ordinary-page-body #subheader h3 {
				margin-bottom: 3px;
				font-style: italic;
			}

			#subheader .welcome-note {
				width: 500px;
				margin: 30px 0 0 250px;
				font-weight: bold;
				font-style: italic;
				font-size: 16px;
				line-height: 25px;
				color: #2D4264;
				text-align: center;
			}

		#main .inner-navigation, 
		#main .doctor-info {
			margin-bottom: 40px;
		}
		
		#main .inner-navigation {
			width: 230px;
		}

			#main .inner-navigation li {
				padding: 1px 0 1px 10px;
				border-bottom: 1px dashed #E3F6F9;
			}

			#main .inner-navigation li.last {
				border: none;
			}

				#main .inner-navigation li a {
					display: block;
					font-size: 12px;
					line-height: 22px;
				}

				#main .inner-navigation li a.active {
					text-decoration: none;
				}

				#main .inner-navigation li a.active,
				#main .inner-navigation li a.active-clickable {
					background: #B7E8F5 url(images/active-inner-nav-arrow.gif) 10px 9px no-repeat;
				}

					#main .inner-navigation li a.active span,
					#main .inner-navigation li a.active-clickable span {
						background: transparent url(images/active-inner-nav-left.gif) left center no-repeat;
					}

						#main .inner-navigation li a.active span span,
						#main .inner-navigation li a.active-clickable span span {
							background: transparent url(images/active-inner-nav-right.gif) right center no-repeat;
						}

				#main .inner-navigation li.last a {
					color: #D48646;
				}

					#main .inner-navigation li a span {
						display: block;
					}

						#main .inner-navigation li a span span {
							padding: 0 20px;
						}

		#main .doctor-info {
			width: 190px;
			margin-left: 30px;
		}

		.main-page-container .doctor-info {
			margin-top: 50px;
		}

			.doctor-info h2 {
				margin-bottom: 5px;
				text-transform: uppercase;
			}

			.doctor-info .surname {
				margin-top: 5px;
				text-transform: uppercase;
			}

			.doctor-info .surname,
			.doctor-info .full-name {
				font-weight: bold;
				color: #285A85;
			}

			.doctor-info .full-name {
				margin: 3px 0;
			}

			.doctor-info .position {
				margin: 5px 0 10px 0;
			}
		
			.doctor-info .position, 
			.doctor-info .phone, 
			.doctor-info .email{
				font-size: 11px;
			}

	#footer {
		position: absolute;
		left: 0;
		bottom: 10px;
		background: transparent url(images/logo-girl.gif) 870px bottom no-repeat;
	}

		#copyright {
			width: 120px;
			margin: 30px 0 15px 10px;
			font-size: 12px;
		}

			#copyright .created-by {
				padding-left: 13px;
			}

		#footer .main-navigation {
			position: absolute;
			top: 40px;
			left: 0;
			margin-left: 250px;
		}

			#footer .main-navigation li {
				display: inline;
			}

				#footer .main-navigation li a {
					margin-right: 25px;
					font-weight: normal;
					font-size: 11px;
				}

				#footer .main-navigation li a.active {
					text-decoration: none;
				}
				
	#logo {
		position: absolute;
		top: 90px; 
		left: 10px;
		z-index: 100;
		width: 207px;
		height: 159px;
		text-indent: -10000px;
		background: transparent url(images/logo.gif) top left no-repeat;
	}

	#mainPageWave, 
	#mainPageWave .top, 
	#mainPageWave .bottom {
		position: absolute;
		left: 0;
		width: 100%;
		height: 380px;
	}
	
	#mainPageWave {
		position: absolute;
		left: 0; top: 312px;
		z-index: 1;
		background: #FFF url(images/background.gif) 0 0 repeat-y;
	}

		#mainPageWave .top {
			top: 0;
			background: transparent url(images/wave-middle-top.jpg) top left no-repeat;
		}

		#mainPageWave .bottom {
			bottom: 0;
			background: transparent url(images/wave-middle-bottom.jpg) bottom left no-repeat;
		}

/* TEMPORARY */

.main-page-container .doctor-info {
	margin-top: 110px;
}
.warning { padding:5px; width:215px; text-align:center; border:1px solid red; margin:5px;}
.nomarg { margin-top:0px;}
.usertable { padding:0; margin:0; background:#cfc;}
.usertable td, .usertable th { text-align:center; padding:3px; border:1px solid #bdf0bd;}
.usertable td { background:#e5ffe5;}
.usertable th { background:#cfc;}
td.cent { text-align:left; background:#ff9;}
tr.final { background:#ffb26b;}
tr.final td { background:none;}