@import url(../css/reset.css);
@import url(http://fonts.googleapis.com/css?family=Lobster|Didact+Gothic&subset=latin,latin-ext);

html, body {
	background: url('../gfx/bg.png') #21231e;
	font-size: 13px;
	color: #333333;
	font-family: verdana, tahoma, arial;
	/**/
	#slider {
	  width: 279px;
	  height: 347px;
	  /*background: url('../slider/s1.jpg') no-repeat 0 0;*/
	  float: left;
	  overflow: hidden;
	  /**/
	  .slides_container {
		  width: 279px;
		  height: 347px;	  
	  }
    }
	.clr {
		display: block		!important;
		clear: both			!important;
		width: 0px			!important;
		height: 0px			!important;
		line-height: 0px	!important;
		background: none	!important;
		font-size: 0px		!important;
	}
	b, strong {
		font-weight: bold;
	}
	.bg_header {
		background: url('../gfx/bg_header.png') repeat-x 0 0 #e0dfda;
		height: 455px;
	}
	.bg_content {
		background-color: #ffffff;
		padding: 10px 0px 10px 0px;
	}
	table {
		/**/
		width: 425px;
		tbody {
			/**/
			tr {
				/**/
				td {
					font-size: 12px;
					word-wrap: break-word;
					padding: 5px;
					border: 1px solid #D3B86A;
					color: #78693E;
				}
				td.header {
					font-size: 10px;
					background-color: #E9DBB3;
					font-weight: bold;
					text-align: center;
				}
			}
		}
	}
	/**/
	.holder {
		width: 100%;
		position: relative;
		/**/
		.container {
			width: 749px;
			position: relative;
			left: 50%;
			margin-left: -374px;
			/**/
			#header {
				width:
				height: 455px;
				/**/
				.logo {
					width: 193px;
					height: 156px;
					margin: 0px 0px 0px 10px;
					position: absolute;
					background: url('../gfx/logo.png') no-repeat 0 0;
					/**/
					a {
						display: block;
						width: 100%;
						height: 156px;
					}
				}
				.floral {
					width: 246px;
					height: 268px;
					background: url('../gfx/floral_header.png') no-repeat 0 0;
					position: absolute;
					margin-left: 503px;
				}
				.photo {
					background: url('../gfx/photo.jpg') no-repeat 10px 8px #ffffff;
					width: 735px;
					height: 300px;
					margin: 140px 0px 0px 7px;
					position: absolute;
				}
				.photo_s_l {
					width: 7px;
					height: 300px;
					background: url('../gfx/photo_s.png') no-repeat 0 0;
					position: absolute;
					margin: 138px 0px 0px 1px;
				}
				.photo_s_r {
					width: 7px;
					height: 300px;
					background: url('../gfx/photo_s.png') no-repeat -7px 0;
					position: absolute;
					margin: 138px 0px 0px 741px;				
				}
				.menu {
					position: absolute;
					margin: 95px 0px 0px 235px;
					/**/
					li {
						float: left;
						padding: 0px 5px 0px 5px;
						font-family: 'Didact Gothic', sans-serif;
						color: #51464a;
						font-size: 18px;
						/**/
						a {
							color: #51464a;
							font-weight: bold;
							text-decoration: none;
							&:hover {
								text-decoration: underline;
							}
						}					
					}
				}
			}
			#content {
				padding: 0px 17px 0px 17px;
				width: 425px;
				float: left;
				/**/
				.content {
					/**/
					h1 {
						font-size: 35px;
						color: #51464a;
						font-family: 'Lobster', cursive;
						font-weight: 400;
						background: url('../gfx/h1_end.jpg') no-repeat right 20px;
						display: inline;
						padding: 0px 40px 0px 0px;
					}
					ul {
						list-style-type: circle;
						margin-left: 25px;
					}
					.contact_form {
						margin-top: 20px;
						/**/
						label, input, textarea {
							display: block;
							float: left;
						}
						label {
							width: 150px;
							margin-bottom: 10px;
							font-size: 11px;
							font-weight: bold;
							color: #84837F;
						}
						input[type="text"], textarea {
							width: 250px;
							border: 1px solid #84837F;
							font-size: 11px;
							font-family: verdana;
							padding: 2px;
						}
						textarea {
							height: 150px;
						}
						input[type="submit"] {
							width: 257px;
							margin-top: 10px;
							background-color: #2C2E29;
							border: 0px;
							padding: 5px;
							color: #ffffff;
							font-size: 11px;
							
						}
					}
				}
				.content_img {
					float: left;
				}
			}
			#footer {
				/**/
				.floral {
					width: 191px;
					height: 151px;
					background: url('../gfx/floral_footer.png') no-repeat 0 0;
					position: absolute;
					margin-left: 285px;				
					z-index: 1;
				}
				.address {
					padding: 10px 0px 0px 0px;
					color: #ffffff;
					font-size: 11px;
				}
				.menu {
					position: absolute;
					margin: 28px 0px 0px 380px;
					z-index: 2;
					/**/
					li {
						float: left;
						padding: 0px 5px 0px 5px;
						color: #ffffff;
						font-size: 11px;
						/**/
						a {
							color: #ffffff;
							text-decoration: none;
							&:hover {
								text-decoration: underline;
							}
						}					
					}
				}			
			}
		}
	}
}