@charset "utf-8";
/* CSS by Jack Rugile - http://jackrugile.com */
/* CSS reset by Eric Meyer - http://meyerweb.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

body {
	background: #777 url('images/bg.jpg');	
	color: #555;
	font: normal 100% 'Droid Sans', Helvetica, Arial, sans-serif;
	line-height: 25px;
}

h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: 'Crimson Text', 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
}

h2 {
	font-size: 32px;
	margin: 0 0 13px 0;
}

h4 {
	font-size: 32px;
	margin: 0 0 13px 0;
	text-align: center;
}

#order {
	clear: both;
	margin: 0 auto 30px;
	width: 320px;
}

#email-order {
	clear: both;
	display: block;
	margin: 0 auto 15px;
	width: 300px;
}

#submit-order {
	background: #c94444 url('images/pattern-bg.jpg');
	clear: both;
	color: #fff;
	display: block;
	height: 40px;
	margin: 0 auto;
	width: 200px;
		text-shadow: 0 1px 1px #333;
}

#submit-order:hover {
	background: #d05e5e url('images/pattern-bg-hover.jpg');
	cursor: pointer;
}

p {
	font-size: 16px;
}

strong {
	font-weight: bold;	
}

hr {
	background: url('images/hr.png') no-repeat;
	clear: both;
	border: none;
	height: 21px;
	margin: 0 auto;
	width: 957px;	
}

#container {
	background: #e5e4e1 url('images/container-bg.jpg');
	margin: 0 auto;
	padding: 0 0 40px 0;
	position: relative;
	width: 1040px;	
		box-shadow: 0 0 15px #333;
		-moz-box-shadow: 0 -15px 15px #333;
		-webkit-box-shadow: 0 0 15px #333;
}

#header {
	background: url('images/header-bg.jpg') no-repeat;
	height: 220px;
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	text-align: center;
	width: 1040px;
}

	#header #vintage {
		position: absolute;
		top: 15px;
		left: 230px;
	}
	
#navigation {
	margin: 0 auto 30px;
	height: 43px;
	width: 870px;
}

	#navigation ul {
		list-style-type: none;	
	}
	
		#navigation ul li {
			float: left;
			margin: 0 15px 0 0;
		}
		
		#navigation ul li.last {
			margin: 0;
		}
	
			#navigation ul li a {
				background: url('images/nav-sprite.png') top left;
				display: block;
				height: 43px;
				text-indent: -9000px;
				width: 162px;
			}
			
				#navigation ul li a:link.home, #navigation ul li a:visited.home { background-position: 0px 0px; }
				#navigation ul li a:hover.home { background-position: 0px 129px; }
				#navigation ul li a:active.home { background-position: 0px 43px; }
				#navigation ul li a:link.home.current, #navigation ul li a:visited.home.current { background-position: 0px 86px; }
				
				#navigation ul li a:link.buy-one, #navigation ul li a:visited.buy-one { background-position: 648px 0px; }
				#navigation ul li a:hover.buy-one { background-position: 648px 129px; }
				#navigation ul li a:active.buy-one { background-position: 648px 43px; }
				#navigation ul li a:link.buy-one.current, #navigation ul li a:visited.buy-one.current { background-position: 648px 86px; }
				
				#navigation ul li a:link.gallery, #navigation ul li a:visited.gallery { background-position: 486px 0px; }
				#navigation ul li a:hover.gallery { background-position: 486px 129px; }
				#navigation ul li a:active.gallery { background-position: 486px 43px; }
				#navigation ul li a:link.gallery.current, #navigation ul li a:visited.gallery.current { background-position: 486px 86px; }
				
				#navigation ul li a:link.history, #navigation ul li a:visited.history { background-position: 324px 0px; }
				#navigation ul li a:hover.history { background-position: 324px 129px; }
				#navigation ul li a:active.history { background-position: 324px 43px; }
				#navigation ul li a:link.history.current, #navigation ul li a:visited.history.current { background-position: 324px 86px; }
				
				#navigation ul li a:link.contact, #navigation ul li a:visited.contact { background-position: 162px 0px; }
				#navigation ul li a:hover.contact { background-position: 162px 129px; }
				#navigation ul li a:active.contact { background-position: 162px 43px; }
				#navigation ul li a:link.contact.current, #navigation ul li a:visited.contact.current { background-position: 162px 86px; }
		
#content {
	width: 960px;
	padding: 0 40px;
}
	
	#content p {
		margin: 0 0 20px 0;	
	}

#photo1 {
	float: left;
	height: 410px;
	margin: 0 15px 30px 0;
	width: 310px;
}

#photo2 {
	float: left;
	height: 410px;
	margin: 0 15px 30px 0;
	width: 310px;
}

#photo3 {
	float: left;
	height: 410px;
	margin: 0 0 30px 0;
	width: 310px;
}

#column1 {
	float: left;
	margin: 0 40px 30px 0;
	width: 460px;
}

#column2 {
	float: left;
	margin: 0;
	width: 460px;
}

#footer {
	clear: both;
	margin: 20px 0 0 0;
	text-align: center;
}

	#footer p {
		color: #666;
		font-size: 14px;
		padding	: 15px 0;
	}
	
#call-to-action {
	clear: both;
	position: relative;
	left: -22px;
}

#gallery {
	margin: 0 0 30px 0;	
}

#gallery .image {
	background: #fff;
	margin: 0 15px 16px 0;
	padding: 10px;
		box-shadow: 0 3px 3px #ccc;
		-moz-box-shadow: 0 3px 3px #ccc;
		-webkit-box-shadow: 0 3px 3px #ccc;
}

#gallery .last {
	margin: 0 0 16px 0;
}

#specs1, #specs2, #specs3 {
	background: #fff;
	float: left;
	height: 370px;
	margin: 0 15px 30px 0;
	padding: 15px;
	width: 280px;	
		box-shadow: 0 3px 3px #ccc;
		-moz-box-shadow: 0 3px 3px #ccc;
		-webkit-box-shadow: 0 3px 3px #ccc;
}

#specs3 {
	margin: 0 0 30px 0;	
}

#content ul {
	list-style-image: url('images/list.png');	
	margin: 0 0 0 20px; 
}

#content ul li {
	font-size: 14px;
	margin: 0 0 5px 0;	
}

#contact {
	margin: 0 auto;
	width: 600px;	
}

label {
	display: block;	
}

input, textarea {
	background: #fff;
	border: 1px solid #aaa;
	font: normal 100% 'Droid Sans', Helvetica, Arial, sans-serif;
	margin: 0 0 15px 0;
	padding: 5px;
	resize: none;
		box-shadow: 0 3px 3px #ccc;
		-moz-box-shadow: 0 3px 3px #ccc;
		-webkit-box-shadow: 0 3px 3px #ccc;
}

input {
	height: 20px;
	width: 600px;	
}

textarea {
	height: 250px;
	overflow: auto;
	width: 600px;	
}

#submit {
	background: #c94444 url('images/pattern-bg.jpg');
	color: #fff;
	display: block;
	height: 40px;
	margin: 0 auto;
	width: 200px;
		text-shadow: 0 1px 1px #333;
}

#submit:hover {
	background: #d05e5e url('images/pattern-bg-hover.jpg');
	cursor: pointer;
}


input:focus, textarea:focus {
		box-shadow: inset 0 3px 3px #ccc;
		-moz-box-shadow: inset 0 3px 3px #ccc;
		-webkit-box-shadow: inset 0 3px 3px #ccc;
}

.center {
	clear: both;
	display: block;
	margin: 0 auto 30px;
}	

.right {
	background: #fff;
	float: right;
	margin: 0 0 20px 0;
	padding: 10px;
		box-shadow: 0 3px 3px #ccc;
		-moz-box-shadow: 0 3px 3px #ccc;
		-webkit-box-shadow: 0 3px 3px #ccc;
}

#footer .disclaimer {
	width: 500px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
}

#footer a:link, #footer a:visited  {
	border-bottom: 1px dotted #aaa;
	color: #c84242;
	text-decoration: none;
}

#footer a:active, #footer a:hover  {
	border-bottom: 1px solid #aaa;
	color: #cf5b5b;
}

.clear { clear: both; }