@charset "utf-8";
/* CSS Document */
/* Designed for accessibiliy/compatibility/aesthetic - created by Jeffrey Olchovy - Imperial Software Systems */

/* Reset */

html, body { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
div { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style-type:none; }
blockquote { padding: 0 10px 0 10px; margin: 0; }

/* Sequentially moving down the page for styling layout */

/* Basic Body and Header */
/* add diagonal striped head with drop shadow to top of every page */
body {
	background-color:#d6c8c4;
	background-image:url(images/r_header.png);
	background-repeat:repeat-x;
	background-position:left top;
	font-size:62.5%;
	
}
#piping {
	background-color:transparent;
	background-image:url(images/r_pipe.png);
	background-repeat:repeat-x;
	background-position:bottom;
	display:block;
	height:215px;
	z-index:2;
}
#wrapper {
	display:block;
	width:888px;
	height:800px;
	margin:0 auto 0 auto;
	overflow:hidden;
	
	
}
#wrapper.extend {
	height:1000px;
}

/* Image Replacement Technique */
/* Gilder Levin Ryznar Jacoubsen IR statements
I added a hide class with needs to get placed on a span
in order to replace an image without making it a link
tese */

	.replace { 
		position:relative;
		overflow:hidden;
		margin:0;
		top:11px;
		padding:0;
		font-size:12px; 	/* Choose a 
         font-size here that will keep 
         the headline small enough to fit
						   completely under the span. */
		}
		
	.replace em {
		display:block;
		position:absolute;
		top:0px; 
		
		}
		
	.hide {
		visibility:hidden;
	}

/* General IR statements for IE5.x mac only */

* html>body	.replace { 
		position: static;
		overflow: visible;
		font-size: 10px;
         /* Since overflow: hidden doesn't
						   work with ie5.x/mac, we choose a
						   font-size here that will keep
						   the headline small enough to fit
						   completely under the span.*/
  }
* html>body	.replace em  { 
		position: static;
  }
* html>body	.replace a {
		text-decoration: none; /* ie5.0-5.1.x/mac 
         must have this value or the underline
						   shows through the image. */
  }

/* header syles */

#sitename, #sitename em {
		position:relative;
		width:266px;
		height:195px;
		background:url(images/r_sitename.png) top left no-repeat;
		top:-3px;
		cursor:pointer;
		z-index:2;
}
		
* html>body #sitename em {			/* for ie5.x/mac only */
		margin-left:50px;
		margin-bottom:-150px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
}

#photos {
	display:block;
	width:617px;
	height:191px;
	background:transparent url(images/r_top.png) top left no-repeat;
	position:relative;
	left:267px;
	top:-193px;
}

/* main styles */

#main {
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:transparent;
	background-image:url(images/r_band.png);
	background-repeat:repeat-y;
	position:relative;
	top:-178px;
	z-index:1;
		
}
#main.extend {
	height:1000px;
}
#band {
	display:block;
	position:absolute;
	width:306px;
	height:323px;
	background-color:transparent;
	background-image:url(images/r_bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	top:225px;
	
}

#content {
	
	height:565px;
	width:560px;
	position:relative;
	left:267px;
	margin:10px 10px 30px 33px;
	
}
#content.extend {
	height:700px;
}

/* text and type */
#content h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	text-align:center;
	color:#fff;
	font-weight:bold;
	letter-spacing:.1em;
	margin-top:-3px;
}
#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	line-height:1.8em;
	text-align:center;
	color:#905541;
	font-style:italic;
	font-weight:normal;
}
#content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	line-height:1.3em;
	color:#000;
	margin-top:3px;
	margin-bottom:2px;
	margin-left:15px;
	margin-right:5px;
}
#content p + p {
	margin-top:15px;
}
#content .smaller {
	font-size:1.1em;
}
strong {
	font-weight:normal;
}
ul#menu {
	list-style-type:none;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	line-height:1.4em;
	width:296px;
	margin-left:15px;
	position:absolute;
	top:-215px;
	
}
ul#menu li {
	display:inline;
	list-style-type:none;
	margin-right:15px;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	padding:0 0 0 13px;
	line-height:1.3em;
}
ul#menu li a {
	color:#414a61;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:6px solid #be7c5f;
	text-decoration:none;
}
ul#menu li a:hover {
	border-bottom:6px solid #414a61;
	color:#fff;
}
address {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	position:absolute;
	top:-182px;
	left:40px;
}
p.quote {
	width:165px;
	height:auto;
	background-image:url(images/r_quote.gif);
	background-repeat:no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height:1.4em;
	margin-left:25px;
	padding-left:34px;
	padding-top:6px;
	position:absolute;
	top:-59px;
	color:#fff;
}
	
#gallery {
	margin:15px 0 0 15px;
}


#gallery_h1, #gallery_h1 em {
		position:relative;
		width:320px;
		height:36px;
		background:url(images/r_gallery_h.gif) top left no-repeat;
		cursor:default;
		z-index:2;
		margin-left:auto;
		margin-right:auto;
		
}
		
* html>body #gallery_h1 em {			/* for ie5.x/mac only */
		margin-left:50px;
		margin-bottom:-36px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
}
#contact_h1, #contact_h1 em {
		position:relative;
		width:320px;
		height:36px;
		background:url(images/r_contact_h.gif) top left no-repeat;
		cursor:default;
		z-index:2;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:7px;
		
}
		
* html>body #contact_h1 em {			/* for ie5.x/mac only */
		margin-left:50px;
		margin-bottom:-36px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
}
#services_h1, #services_h1 em {
		position:relative;
		width:320px;
		height:36px;
		background:url(images/r_services_h.gif) top left no-repeat;
		cursor:default;
		z-index:2;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:7px;
		
}
		
* html>body #services_h1 em {			/* for ie5.x/mac only */
		margin-left:50px;
		margin-bottom:-36px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
}
#gutters_h1, #gutters_h1 em {
		position:relative;
		width:320px;
		height:36px;
		background:url(images/r_gutters_h.gif) top left no-repeat;
		cursor:default;
		z-index:2;
		margin-left:auto;
		margin-right:auto;
		
		margin-bottom:3px;
		
}
		
* html>body #gutters_h1 em {			/* for ie5.x/mac only */
		margin-left:50px;
		margin-bottom:-36px;	/* Required to bring text
							   underneath image. Use the negative
							   height of the image here.*/
}

/* footer style */
#footer_wrapper {
	width:100%;
	height:65px;
	display:block;
	overflow:hidden;
	background-color:#414a61;
	border-top:2px solid #16181f;
}
#footer {
	position:relative;
	margin:0 auto 0 auto;
}
p.copy {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:1.2em;
	line-height:1.2em;
	float:left;
	margin-left:15px;
	padding-top:10px;
}
p.text_links {
	color:#fff;
	float:right;
	margin-right:15px;
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}
p.text_links a {
	font-size:1.2em;
	line-height:1.2em;
	color:#fff;
	text-decoration:none;
	padding-left:2px;
		
}
p.text_links a:hover {
	text-decoration:underline;
}
table {
	text-align:center;
	width:520px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#eee;
	margin:15px auto 15px auto;
	background-color:#414a61;
	border:2px solid #333;
	border-collapse:collapse;
}
td {
	border:1px solid #aaa;
}
td.label {
	text-align:right;
	width:230px;
	border:none;
	padding-right:5px;
	
}
td.label_long {
	width:230px;
	text-align:right;
	border:none;
	padding-right:5px;
}
td.data {
	text-align:left;
	border:none;
	
}
table a {
	color:#aaa;
}
.true {
	font-weight:bold;
}
form {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
}
form fieldset#feedback_fieldset p {
	font-size:1.0em;
	margin-bottom:7px;
	
}
fieldset {
	width:500px;
	margin:0 auto 0 auto;
	border-color:#333;
	padding-left:7px;
	padding-right:7px;
	
}
legend {
	color:#414a61;
	font-weight:bold;
}
input.feedback {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	margin-bottom:5px;
	vertical-align:middle;
}
textarea#comments {
	margin-bottom:5px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#form_buttons {
	text-align:center;
	margin-top:5px;
}
input.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
img.ad {
	float:right;
	padding-top:5px;
	padding-left:7px;
	margin-bottom:15px;
}
#callout {
	background-image:url(images/r_callout.gif);
	background-repeat:no-repeat;
	width:325px;
	height:110px;
	margin-left:65px;
}

p.call_tag {
	position:static;
	width:300px;
	padding-left:100px;
	padding-bottom:25px;
	padding-top:10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
}
p#features_tag, p#accessories_tag {
	text-align:center;
	margin-left:-15px;
}
p.call_tag strong {
	font-weight:bold;
}
#features_box {
	border:2px solid #333;
	background-color:#eee;
	padding:10px;
	width:350px;
	padding-bottom:50px;
	margin:0 auto 0 auto;
}
ul.features {
	
}
.right {
	position:relative;
	float:right;
	top:-73px;
}
ul.features li {
	width:120px;
	line-height:1.2em;
	margin-left:15px;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style-type:circle;
}
ul.right li {
	width:150px;
	margin-right:15px;
}
#accessories_box {
	position:relative;
	top:-15px;
	margin:0 auto 0 auto;
	width:auto;
	
}
ul.accessories {
	text-align:center;
	margin-left:15px;
	
}
ul.accessories li {
	float:left;
	width:150px;
	line-height:1.2em;
	margin-left:15px;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style-type:circle;
	color:#414a61;
	font-weight:bold;
}
.clear {
	clear:both;
}