﻿html {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#5d7d99;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}
body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#5d7d99;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}
img {
	border:0;
}
h1 { 
	font:1.75em 'Trebuchet MS',serif; 
	color:#555555;
	margin:0.25em 0;
}
h2 {
	font:1.55em 'Trebuchet MS',serif; 
	color:#555555;
	margin:0.25em 0;
}
h3 {
	font:1.25em 'Trebuchet MS',serif; 
	color:#555555;
	margin:0.25em 0;
}
h4 {
	font:1.0em Verdana; 
	color:#555555;
	margin:0.25em 0;
}
h5 {
	font:0.85em Verdana; 
	color:#555555;
	margin:0.25em 0;
}
h6 {
	font:0.7em Verdana; 
	color:#555555;
	margin:0.25em 0;
}

a {
	color:gray;
}
a:hover {
	color:#394c5d;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}
div#topmenu {
	width:735px;
	height:35px;
	background:white;
	margin-left:20px;
}
span.topmenu {
	border-right: 0;
	margin:0px;
	padding:0px;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:775px;
	background:#666666 url('/images/bg.gif');
	min-height:100%; /* real browsers */
}

* html #container
{
	height: 100%;
}

div#header {
	padding:0;
	background:#759cbf url('/images/header.jpg');
	background-repeat:no-repeat;
	border-bottom:1px solid #000000;
	width:735px;
	margin-left:auto;
	margin-right:auto;
	height:92px;
}
div.contact {
	width:727px;
	height:25px;
	margin-left:20px; 
	padding:3px 0 0 8px;
	font-style:normal;
	font-variant:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	border-bottom:1px black solid;
	color:white;
	background-color:#5d7d99;
	background-color:#759CBF;
	text-align:center; 
}
div.contact span {
	color:yellow;
	font-weight:bold;
}
div.contact span:hover {
	color:#394c5d;
}
div.contact a {
	text-decoration:none;
}
div#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
}
div#content {
	position:relative;
	padding:10px 10px 230px 10px; /* bottom padding for footer */
	width:715px;
	margin:0 auto;
	background:white;
}
div#content p {
	text-align:justify;
	color:#555555;
	padding:1em 1em 1em 1em; 
	font-size:medium;
}
div#ss-wrapper p {
	text-align:left;
	padding:0 0 0 1em;
	margin:0;
	color:white;
	font-size:8pt;
	background-color:#333;
}
div#ss-wrapper h3 {
	text-align:left;
	padding:.5em 0 0 1em;
	margin:0;
	color:white;
	font-size:8pt;
	background-color:#333;
}
div.showcase {
	position:relative; 
	float:left;
	margin:	10px 10px 10px 10px;
	border:1px gray dotted;
	width:170px;
	height:240px;
	text-align:center;
	background:#CBDBF2;
}
div.showcase a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	cursor:pointer;
}
div.showcase > img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
div.showcase span {
	position:absolute;
	bottom:10px;
	left:10px;
	width:150px;
	height:20px;
	text-align:center;
	background:white;
	padding:5px 0 3px 0;
	border:1px silver solid;
}
div#sc_wrapper, div#piece_wrapper { 
	position:relative;
	width:700px;
	margin:0 auto;
}
div#sc_wrapper {
	text-align:center;
}
div#piece_wrapper hr {
	color:white;
	background:white;
	width:90%;
	border:0;
	height:1px;
}
div.sc_piece {
	display:table-cell;
	position:relative; 
	float:left;
	margin:	10px 15px 10px 15px;
	border:1px gray dotted;
	width:200px;
	height:260px;
	line-height:190px;
	text-align:center;
	background:#CBDBF2;
}
div.sc_piece a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	cursor:pointer;
}
div.sc_piece img {
	vertical-align:middle;
	font-size:10pt;
}
div.sc_piece span {
	display:table-cell;
	position:absolute;
	bottom:10px;
	left:10px;
	width:180px;
	height:40px;
	line-height:normal;
	text-align:center;
	background:white;
	padding:5px 0 0 0;
	border:1px silver solid;
	opacity: 0.60;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
}
div#piece {
	width:500px;
	position:relative;
	float:left;
	text-align:center;
	border:gray 1px solid;
	padding-top:35px;
	background:#CBDBF2;
}
div#piece_text {
	float:right;
	text-align:justify;
	width:180px;
	font-size:11pt;
}
div.other_piece {
	width:260px;
	margin:20px auto 20px auto ;
	border:#bbcce3 4px double;
	background:#CBDBF2
}
div#op_wrapper {
	width:300px;
	background:white;
	border:silver 1px solid;
	margin:0 auto;
	text-align:center;
}
div.other_piece a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	cursor:pointer;
	text-decoration:none;
	padding: 0 0 10px 0;
}
span.extra_caption {
	color:#96A6BA;
	background:#D0DFF3;
	border:#BFCDE4 double 3px;
	padding:5px;
}
span.extra_caption:hover {
	color:gray;
}
div#op_caption {
	background:inherit;
	width:300px;
	margin:0 auto;
	border:1px #bbcce3 solid;
	padding:5px;
}
div#op_caption span {
	display:block;
	color:#91a2b6;
	background:#d0def3;
	border:1px #bbcce3 solid; 
	font-family:'Trebuchet MS'; 
	font-size:14pt;
	padding:3px;
}
.img-shadow {
	float:left;
	background: url('/images/shadowAlpha.png') no-repeat bottom right !important;
	background: url('/images/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	} 
div#hours {
	text-align:center;
	width:100%;
	height:100px;
	clear:both;
	padding:20px 0 0 0;
	margin-bottom:40px;
}
#previous, #to_gallery, #next {
	position:absolute;
	width:116px;
	height:32px;
	top:5px;
	left:5px;
	margin:0;
	padding:0;
}
#to_gallery {
	left:192px;
}
#next {
	left:379px;
}
.kitchen, .showroom {
	position:relative;
	float:left;
	width:270px;
	margin: 0 0 0 25px;
}
.kitchen-text, .showroom-text {
	float:right;
	width: 265px;
	text-align:justify;
	margin: 0 25px 0 0;
}
div#hours > div {
	width:270px;
	margin:0 auto;
	border:4px silver double;
	text-align:center;
	padding:10px;
	font-size:11pt;
	font-weight:normal;
	color:gray;
}
div#footer {
	position:absolute;
	width:735px;
	height:175px;
	bottom:0; /* stick to bottom */
	background:#394c5d;
	border-top:1px solid #000000;
	margin:0 20px 0 20px;
	padding-bottom:5px;
	text-align:center;
	color:#31414f;
	overflow:hidden;
}
#footer h1 {
	font-weight:bold;
	font-size:18pt;
	line-height:19pt;
	text-align:center;
	width:550px;
	color:#31414f;
	margin:0;
}
#footer a:link, #footer a:visited {  
	text-decoration:none;
	color:#31414f;
} 
#footer a:hover, #footer a:active {
	text-decoration:none;
	color:#759CBF;
}
#footer-text {
	color:white;
	font-size:12pt;
	text-align:justify;
	width:548px;
	margin:2px 0 2px 5px;
}
#footer-text a:link, #footer-text a:link, #footer-text a:visited, #footer-title a:link, #footer-title a:visited {
	color:white;
	text-decoration:none;
}
#footer-text a:hover, #footer-text a:active, #footer-title a:hover, #footer-title a:active {
	color:#759CBF;
	text-decoration:none;
}
#copyright {
	font-size:8pt;
	color:#759CBF;
	line-height:normal;
	font-weight:bold;
}
.shadow-spacer {
	height:15px;
	width:400px;
	clear:both;
}

