@charset "utf-8";
/* CSS Document */
@import url("pro-dropline.css");
@import url("flexcrollstyles.css");

body {
	background:#582c1f url(../images/bg.jpg) repeat;
	font:normal 12px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
	color:#6d6b5e;
}
	h1,h2,h3,h4,h5,h6 {
		font-family: "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
		color:#716f62;
	}
	.clear { clear:both; height:0px; margin:0; }
	.center { text-align:center; margin:0 auto; }
	.strong { font-weight:bold; }
	.em { font-style:italic; }
	.ul { text-decoration:underline; }
	.highlight { background: #fff99f; }
	.float-l { float:left; }
	.float-r { float:right; }
	.red { color:#b90101; }
	.black { color:#000; }
	.blue { color:#112448; }
	a { color: #6d6b5e; margin:0; -moz-user-select:text; }
	a:hover { text-decoration:none; }
	.hr-line { background:url(../images/hr.gif) no-repeat; width:585px; margin:0 auto 16px; height:1px; }
	.hide {
		background:none;
		font-size:1px;
		display:none;
		height:0;
		left:-9999px;
		overflow:hidden;
		position:absolute;
		top:-9999px;
		width:0;
		z-index:0;
		line-height:0px;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	#container {
		margin:0 auto;
		width:978px;
	}
		#header {
			background:url(../images/header.jpg) no-repeat;
			height:137px;
			width:978px;
		}
			#logo h1 {
				float:left;
				height:62px;
				left:34px;
				position:relative;
				text-indent:-9999px;
				top:45px;
				width:358px;
			}
				#logo h1 a {
					background:url(../images/logo.png) no-repeat;
					display:block;
					height:62px;
					width:358px;
				}
			#logo h5 {
				color:#716f62;
				float:left;
				font:normal 15px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
				left:50px;
				letter-spacing:2px;
				position:relative;
				top:76px;
			}
			#intro {
				height:494px;
				width:978px;
				z-index:1;
			}
			#content {
				background:#fff;
			}
				#content-left {
					width:695px;
				}
					#content-left {
						float:left;
					}
					#content-left .title {
						float:left;
						font:bold 28px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
						letter-spacing:-1px;
						margin:80px 0 0;
						width:108px;
						position:relative;
						left:0px;
						top:0px;
					}
/*						.headline {
							writing-mode: tb-rl;
							-webkit-transform: rotate(90deg); 
							-moz-transform: rotate(90deg);	
						}*/
						.title .headline {
							background:url(../images/bg-title.gif) no-repeat 0px 55px;
							display: block;
							writing-mode: tb-rl;
							-webkit-transform: rotate(90deg);	
							-moz-transform: rotate(90deg);
							position:absolute;
							right: 0;
							bottom: 9px;
							line-height:90px;
							padding:0 0px 90px;
						}
						*:first-child+html .title .headline { right: -500px; } /* IE7 positions element differently to IE6 & 8 */
						.title span:nth-child(1)
						{	left:-239px;
							right:-191px;
							bottom:-324px;
						}
					#content-left #main-content {
					    /* Typical fixed height and fixed width example */
						width: 550px;
						height: 409px;
						overflow: auto;
						/* IE overflow fix, position must be relative or absolute*/
						position: relative;
						/*background-color: #E7EADE;*/
						margin:45px 0 35px 0;
						padding:0px 15px 0px 0;
					}
						#content-left #main-content p {
							color:#6d6b5e;
							font:normal 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
							padding:0 0 18px;
							text-align:justify;
						}
						#content-left #main-content h4 {
							color:#6d6b5e;
							font:bold 16px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
							padding:0 0 18px;
						}
						.product {
							padding:0;
						}
							.product li {
								float:left;
								height:140px;
								margin:0 35px 0 0;
								width:141px;
							}
								.product li h5 {
									font:bold 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
									margin:0 0 2px;
								}
					#contact-form {
						background:url(../images/form-bg.jpg) no-repeat;
						color:#716f62;
						margin:10px 0 25px 0px;
					}
						#contact-form .info-wrap {
							width:360px;
							height:15px;
							margin:0 0 10px;
						}
						#contact-form .info-wrap label {
							width:150px;
							color:#716f62;
							font:normal 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
							margin:0 0 0 0px;
							padding:3px 0 0 0;
							float:left;
						}
						#contact-form .info-wrap .txt-field {
							background-color:#f3f3f2;
							font:normal 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
							width:190px;
							height:15px;
							padding:2px 2px 2px;
							border:solid 1px #c7c7c7;
							float:left;
						}
						#contact-form .info-wrap .textbox {
							background-color:#f3f3f2;
							font:normal 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
							width:190px;
							height:150px;
							padding:2px 2px 2px;
							border:solid 1px #c7c7c7;
							float:left;
						}
						#contact-form .button-wrap {
							width:250px;
							height:24px;
							margin:20px 0 0 50px;
						}
							#contact-form button {
								float:left;
								width:120px;
								height:24px;
								overflow:visible;
							}
							#contact-form button.link {
								color:#fff;
								font: bold 11px Georgia, "Times New Roman", Times, serif;
								display:block;
								margin:0 5px 0 0;
								padding:0;
								border:none;
								cursor:pointer;
								-moz-user-select: text;
							}
							#contact-form button.link.submit { background:url(../images/btn-submit.jpg) no-repeat; }
							#contact-form button.link.reset { background:url(../images/btn-reset.jpg) no-repeat; }
					#sidebar {
						background-color:#201e16;
						display:block;
						float:left;
						height:494px;
						width:283px;
					}
						.about1 { background:url(../images/img-about1.jpg) no-repeat; }
						.about2 { background:url(../images/img-about2.jpg) no-repeat; }
						.about3 { background:url(../images/img-about2.jpg) no-repeat; }
						.events1 { background:url(../images/img-events1.jpg) no-repeat; }
						.events2 { background:url(../images/img-events2.jpg) no-repeat; }
						.press1 { background:url(../images/img-press1.jpg) no-repeat; }
						.press2 { background:url(../images/img-press2.jpg) no-repeat; }
						.press3 { background:url(../images/img-press3.jpg) no-repeat; }
						.press4 { background:url(../images/img-press4.jpg) no-repeat; }
						.services1 { background:url(../images/img-services1.jpg) no-repeat; }
						.services2 { background:url(../images/img-services2.jpg) no-repeat; }
						.store1 { background:url(../images/img-store1.jpg) no-repeat; }
						.store2 { background:url(../images/img-store2.jpg) no-repeat; }
						.contact { background:url(../images/img-contact.jpg) no-repeat; }
			#panel-bottom {
				background:#1b1911 url(../images/footer.gif) repeat-x;
				clear:both;
				font:normal 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
				height:137px;
				letter-spacing:.75px;
				margin:0 0 3px;
				overflow:hidden;
				padding:30px 30px 0;
				width:918px;
			}
				#panel-bottom h3 {
					color:#716f62;
					font:bold 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
					letter-spacing:1.5px;
					text-transform:uppercase;
				}
				#subscribe {
					float:left;
					padding:5px 0;
					width:321px;
				}
				#grand {
					float:left;
					border:solid 1px #34301f;
					border-top:none;
					border-bottom:none;
					margin:0 25px;
					padding:5px 25px;
					width:243px;
				}
				#social {
					float:left;
					padding:5px 0;
					width:250px;
				}
					#social ul li{
						display:inline;
						height:35px;
						width:35px;
					}
					#social ul li a {
						float:left;
						display:block;
						height:35px;
						margin:10px 10px 0 0;
						text-indent:-9999px;
						width:35px;
					}
					#social ul li .facebook { height:35px; width:35px; background:url(../images/network-icons.gif) no-repeat left bottom; }
					#social ul li .blogger { height:35px; width:35px; background:url(../images/network-icons.gif) no-repeat -35px bottom; }
					#social ul li .ebay { height:35px; width:35px; background:url(../images/network-icons.gif) no-repeat -70px bottom; }
					#social ul li .facebook:hover { height:35px; width:35px; background:url(../images/network-icons.gif) no-repeat left top; }
					#social ul li .blogger:hover { height:35px; width:35px; background:url(../images/network-icons.gif) no-repeat -35px top; }
					#social ul li .ebay:hover { height:35px; width:35px; background:url(../images/network-icons.gif) no-repeat -70px top }

				#form-wrap {
					background:url(../images/form-bg.jpg) no-repeat;
					color:#716f62;
					margin:10px 0 0 0px;
				}
					.info-wrap {
						width:170px;
						height:15px;
						margin:0 0 10px;
					}
					.info-wrap label {
						width:50px;
						color:#716f62;
						font:bold 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
						margin:0 0 0 0px;
						padding:3px 0 0 0;
						float:left;
					}
					.info-wrap .txt-field {
						width:110px;
						height:15px;
						padding:2px 2px 2px;
						border:solid 1px #000;
						float:left;
					}
					#form-wrap .button-wrap {
						background-color:#1b1911;
						border:solid 1px #605e59;
						float:left;
						width:70px;
						height:42px;
						left:170px;
						margin:0px auto 5px;
						position:relative;
						top:-49px;
					}
						#form-wrap button {
							background-color:#1b1911;
							border:solid 1px #605e59;
							width:70px;
							height:42px;
							overflow:visible;
						}
						#form-wrap button.link {
							border:solid 1px #605e59;
							color:#716f62;
							display:block;
							font:bold 14px "Goudy Old Style", Garamond, "Big Caslon", Georgia, "Times New Roman", serif;
							margin:0;
							padding:0;
							border:none;
							cursor:pointer;
							-moz-user-select: text;
						}
						#form-wrap button.link:hover {
							background-color:#423e21;
						}