﻿/* Main Rules
----------------------------------------------- */
body { font: 0.75em/1.9em Arial, Helvetica, sans-serif; }

/* Important Default Rules
----------------------------------------------- */

* { margin: 0; padding: 0; }
ul, ol { list-style: none }
a img { border: none }
.clear { clear: both }
.hide { display: none }
body {
	text-align: center;
	padding-top: 10px;
	background: #d8d2d0 url(images/background-body.gif) top center repeat-x;
}



/* General Layout Styles
----------------------------------------------- */

.wrapper { 
	width: 740px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	background: url(images/background-wrapper.png) center repeat-y;
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background-wrapper.png',sizingMethod='scale');
}

.header {
	width: 770px; height: 114px;
	margin: -15px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(images/background-header.gif) center no-repeat;
	text-align: left;
}

.header  a {
	display: block;
	position: relative;
	top: 50px; left: 30px;
	background: url(images/logo.png) top left no-repeat;
	width: 207px; height: 47px;
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='image');
}
.header  a span { position: absolute; left: -1000em; top: -1000em; }

.headlet {
	height: 200px; width:740px;
	border-bottom: solid 1px #fff;
	background: #fff url(images/headlet-home.jpg) top left no-repeat;
	text-align: right;
}

.headletsub {
	height: 120px; width:740px;
	border-bottom: solid 1px #fff;
	background: #fff url(images/headlet-sub.jpg) top left no-repeat;
	text-align: right;
}
.flash{ float:right; margin-left:500px;}
.sub{ height: 120px; background: url(images/background-wrapper.png)) top left no-repeat; }



.main { overflow: hidden; background: url(images/background-navigation.png) top left repeat-y; }
/*
/* Navigation Styles
----------------------------------------------- */

#navigation { float: left; width: 245px; margin-right:1em;}

#navigation dt { display:none; }

#navigation li { border-bottom: solid 1px #fff; height:30px;  }

.content { margin-left: 247px; padding: 10px; }
.contentmmg { margin-left: 247px; padding: 10px; }
.footer {
	clear: both;
	width: 770px; height: 81px;
	margin: 0 auto;
	background: url(images/background-footer.png) center no-repeat;
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background-footer.png',sizingMethod='image');}
	
		
/* Content Rules
----------------------------------------------- */

/* Default Margins */
.content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content blockquote,
 .content form, #content label, #content ul, #content ol, #content dl, #content fieldset, #content address, #content input {
	margin-bottom: 1em;
}

.content p { margin-bottom: 2.2em; margin-left:0.5em; }


.content a { color: #525f61; text-decoration: underline; } 
.content a:hover { color: #283638;  } 

.contentmmg a { color: #525f61; text-decoration: underline; } 
.contentmmg a:hover { color: #283638;  } 

.content a.image { text-decoration: none; border: none; } 
.content a.image:hover { text-decoration: none; border: none; }

.content table {
	width: 470px;
	background: #d6d4ce;
	border: solid 1px #fff;
	border-collapse: collapse;
}

.contentmmg table {
	border: none;
	 text-align:center;
	border-collapse: collapse;
	margin-left:1em;
}

.contentmmg td:hover {
	border: none;
	background: #212121;
	border-collapse: collapse;
	margin-left:1em;
}

.content datalist{ margin-left:2em;}

.content table tr.alt { background: #e2e1dd; }

.content table td, .content table th { padding: 3px 10px; border: solid 1px #fff; }

.content table tr th {
	font: 1.25em/30px Georgia, Times, serif;
	text-align: left;
	color: #747f81;
}
.content table#productLinesTable tr.Datarow { height: 35px; }

/*
#content table#productLinesTable tr.dataRow td a {
	text-decoration: none;
	border: none;
	color: #000000;
}
#content table#productLinesTable tr.dataRow td a:hover { color: #283638; border-bottom: solid 1px #283638; }
*/
.content table#productLinesTable tr th {
	font: 1.25em/30px Georgia, Times, serif;
	text-align: left;
	color: #747f81;
}
.content table#productLinesTable tr.Datarow:hover, tr.highlight { background-color: #D3D5CD }
.content table#productLinesTable tr.alt:hover, tr.highlightAlt { background-color: #DEE3DF }

.content table a.button-view {
	/*cursor: pointer;
	position: relative;
	display: block;
	width: 58px; height: 30px;
	overflow: hidden;
	text-indent: -5000px;
	border: none;
	background: url(images/button-view.png) top left no-repeat;
	_background-image: none;*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button-view.png',sizingMethod='image');
}
/*
.content table#gvVendor tr.dataRow {  }
*/
/*
#content table#productLinesTable tr.dataRow td a {
	text-decoration: none;
	border: none;
	color: #000000;
}
#content table#productLinesTable tr.dataRow td a:hover { color: #283638; border-bottom: solid 1px #283638; }


.content #gvVendor tr.dataRow:hover, tr.highlight {  }
.content #gvVendor tr.alt:hover, tr.highlightAlt {  }

.content table a.button-view {
	cursor: pointer;
	position: relative;
	display: block;
	width: 58px; height: 30px;
	overflow: hidden;
	text-indent: -5000px;
	border: none;
	background: url(images/button-view.png) top left no-repeat;
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button-view.png',sizingMethod='image');
}

.gridalt{
    height: 35px;
    background: #d6d4ce;
}
.gridalt:hover{
    background-color: #D3D5CD;
}

.grid{
    background: #e2e1dd;
    height: 35px;
}
.grid:hover{
    background-color:#DEE3DF ;
}

.gridhead{
    padding: 3px 10px; border: solid 1px #fff;
}*/

/* Title Rules
----------------------------------------------- */

div#titlemain {
	display: block;
	margin-left: 247px;
	background: #656464 url(images/maintitle.png) left no-repeat;
}

div#titleabout {
	display: block;
	margin-left: 247px;
	background: #656464 url(images/mainabout.png) left no-repeat;
	padding-top:.3em;
	padding-bottom:.3em;
}

div#titlemultimedia {
	display: block;
	margin-left: 247px;
	background: #656464 url(images/mainmultimedia.png) left no-repeat;
	padding-top:.3em;
	padding-bottom:.3em;
}

div#titleproduct {
	display: block;
	margin-left: 247px;
	background: #708082 url(images/mainproduct.png) left no-repeat;
	padding-top:.3em;
	padding-bottom:.3em;
}

div#titlecontact {
	display: block;
	margin-left: 247px;
	background: #656464 url(images/maincontact.png) left no-repeat;
	padding-top:.3em;
	padding-bottom:.3em;
}

div#titlemain h2 {
	font: 1.2em/30px Georgia, Times, serif;
	color: #fff;
}


.sIFR-hasFlash div#titlemain h2 {
	position: relative;
	top: 7px;
	visibility: hidden;
	line-height: 1.2em;
}

.sIFR-hasFlash div#titlemain {
	height: 30px;
}
/* Footer Rules
----------------------------------------------- */

#footer p { position: absolute; left: -1000em; top: -1000em; }

/* sIFR Rules
----------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Layout styles used for the home page
----------------------------------------------- */	
#showroomTour {
	float: right;
	padding: 0 10px 10px 10px;
	}


/* Layout styles used for the directions page
----------------------------------------------- */
.directions{
	margin-left: 40px;
	list-style-type: disc;
	text-align: left;
	}

#map {
	border: 1px solid #656464;
	margin-right: 10px;
	padding: 0;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	width: 300px;
	height: 300px;
	}
	
#mapContainer {
	vertical-align: top;
	height: 300px;
	padding: 0;
	margin: 0;
	}


/* Layout styles used for the video page
----------------------------------------------- */	
#videoContainer {
	text-align: center;
	}
	

/* Layout styles used for the about us page
----------------------------------------------- */		
#showroomStaff_photo {
	float: right;
	padding: 0px 0px 5px 5px;
	}
	
	/* Layout styles used for the home page
----------------------------------------------- */	
.showroomTour {
	float: right;
	padding: 1em 10px 10px 10px; 
	}
	
	/* Layout styles used for the multimedia page
----------------------------------------------- */	
.imagetable{
    background-color:#e9e8e3; border: solid 0px #e9e8e3; margin-bottom:4em;
}
.gallery{
    width:380px; height:285px; padding-left:2em; padding-right:2em; 
}
.gallerycell{
 background-color:#212121; 
 text-align:center;
 width:300;
 padding-top:3em;
 padding-bottom: 3em;
 margin-bottom:2em;
}
.galleryImage{
     border:solid 3px #212121; 
}
.thumb{
     padding-top:7px;
     padding-bottom:5px;
     padding-left:7px;
     padding-right:7px;
}