@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0}

body		{background:#c8c8c8 url(../images/top-background.jpg) repeat-x;color:#333;font:11px "Arial", "Tahoma", "MS Sans Serif", sans-serif}

a			{text-decoration:none;outline:none;color:#CC0000}
a:hover		{text-decoration:underline}
a:active	{color:#ccc}

ul,ol		{margin:0 0 5px 25px;padding:0;	color:#CC0000;}
ol li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:decimal}
ul li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style-image: url(../images/arrow-white.gif)}
ul li a:hover{list-style-image: url(../images/arrow-grey.gif)}
img			{border-style: none;}

h1			{
	margin:10px 0;
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
}
h2			{margin:0px 5px 1px 5px;padding:0;font:16px "trebuchet MS";color:#666666;background: #D8D8D8 url(../images/nav-hover.jpg) repeat-x top left}
h3			{margin:22px 0 11px;padding:0;font-size:20px;color:#666}
h4			{margin:5px 0;padding:0;font-size:16px;color:#666}
h5			{margin:5px 0;padding:0;font:16px "trebuchet MS";color:#CC0000}
h6			{margin:5px 0;padding:0;font-size:12px;color:#333}

p			{font-size:14px;color:#666;line-height:18px;text-align:justify;padding: 0 0 5px 5px;}

blockquote	{margin:3px 0 12px;	padding:0 0 0 25px;	font:12px Georgia, "Times New Roman", Times, serif;	color:#666666;	line-height:18px;text-align:justify;	font-style:italic;	background:url(images/quote.png) no-repeat}

hr			{margin-bottom:10px;border:none;border-bottom:1px solid #eee;background:none;height:1px}


/* Page Structure ------------------------- */
#ornament	 {background: url(../images/header-ornament-left.png) 10% 123px no-repeat;}
#ornament2	 {background: url(../images/header-ornament-right.png) 90% 123px no-repeat;}
#wrap 		{
	width: 800px;
	margin:0 auto;
	background-color: #FFFFFF;
	background-image: url(../images/logo-medallion.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#innerwrap	{background:url(../images/sidebar-fade-left.jpg) 0px 0px repeat-y}
#wrapIndex	{width: 800px;margin: 0 auto;background:#ffffff}
.gutter 	{padding: 5px;}
.gutterFooter {padding: 15px}
#innerwrap 	{float:left}
#content 	{float: left; width:520px}
#contentHome {padding: 0px 220px 5px 200px;} 
#contentHome h2 {padding: 50px 0px 0px 0px;}
#subhead	{background-color:#E8E8E8;width: 100%;}
#sidebarHome {width: 180px;float:left;/*border-right: 1px dotted #CCCCCC;*/font-size: 60%;/*background:url(../images/sidebar.jpg) repeat-x bottom left*/}
#contentRight {float: right; width: 180; /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
}

#sidebar 	{width: 180px;	margin-top:124px;	float:left;/*background:url(../images/sidebar-fade-left.jpg) repeat-y top left*/}
#footer 	{background: #CC0000 url(../images/footer.gif) no-repeat; clear:both}

#subhead h2 {margin-top: 40px;padding: 0px 0px 0px 30px; color: #666666;}

/* Horizontal Nav bar ---------------------------*/
.nav {float: right;width: 100%;margin: 0;padding: 125px 0 0 0px;color:#fff;list-style: none;}
.nav li {float: left;margin: 0;	padding: 0; list-style:none; font:14px "trebuchet MS"}
.nav a {float: left;display: block;margin: 0 1px 0 0;	padding: 3px 17px;color: #333;text-decoration: none;background: #D8D8D8 url(../images/nav-normal.jpg) repeat-x top left;border: #d8d8d8 1px solid;border-bottom:#ccc 1px solid}
/*.nav li a {float: left;display: block;	margin: 0 1px 0 0;	padding: 3px 17px;color: #333;text-decoration: none;	border: 1px solid #d8d8d8;	background: # url(../images/nav-normal.jpg) repeat-x top left;}*/
.nav li a:hover {color: #CC0000;	/*padding-bottom: 5px;border-color: #727377;*/	background: #fff url(../images/nav-hover.jpg) repeat-x bottom left;}

/* Horizontal Nav bar ON INDEX PAGE ---------------------------*/
.index-nav {float: right;width: 100%;margin: 0;	padding: 0px 0 0 0px;color:#fff;list-style: none;}
.index-nav li {float: left;margin: 0;	padding: 0; list-style:none; font:14px "trebuchet MS"}
.index-nav a {float: left;display: block;margin: 0 1px 0 0;	padding: 3px 17px;color: #333;text-decoration: none;background: #D8D8D8 url(../images/nav-normal.jpg) repeat-x top left;border: #d8d8d8 1px solid;border-bottom:#ccc 1px solid}
.index-nav li a:hover {color: #CC0000;	/*padding-bottom: 5px;border-color: #727377;*/	background: #fff url(../images/nav-hover.jpg) repeat-x bottom left;}
/* Content ----------------------------------- */
#content h1			{ padding: 50px 0 5px 5px;font-size: 1.8em;	color: #797979;	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;}
.Pic-top-left 		{padding: 0px;margin-top: 0px; }
.Float-text-left 	{float: left; padding: 0 5px 0 0; font-size: 110%}
#textHome			{padding-top: 20px;}

/* Sidebar ----------------------------------------------------------------*/
.sidebar-in		{margin:5px 5px 5px 5px;}
.sidebar-in li	{list-style:none;display:block; margin: 0px;text-transform: uppercase; padding: 1px 1px 0px;}
.sidebar-indent li {display:block;list-style:none;margin:0;padding:0 0 2px}
.sidebar-indent li a {text-transform: none; padding: 1px 1px 0px 12px;display:block;margin:0;background:url(../images/arrow-white.gif)no-repeat left center;color:#797979;}
.sidebar-indent li a:hover {margin:0;background:url(../images/arrow-grey.gif)no-repeat left center;display:block;color:#CC0000}
.category 		{/*background: #E8E8E8;*/}

/* Product pages -----------------------------------*/
dl.feature {margin: 10px;	padding: 10px 0px 5px;	}
dl.feature dt {	margin: 0 0 .5em 0;	font-family: "trebuchet MS";font-size: 120%;color: #666666;}
dl.feature dt img {float: left;	margin: 0 15px 0 0;	padding: 0 4px 4px 0;}
dl.feature dd {margin-left: 0%;	line-height: 1.5em;	color: #585858;	padding-bottom: 10px; font-size: 1.2em}
dl.feature:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;	}

/* Map on contact page --------------------------------*/
.alignright	{float:right}

/* Stripy tables ------------------------------ */
.tableStripy {/*margin-left: 140px;*/	background-color:#E8E8E8; padding: 1px; border:#E2E2E2 dotted 1px; width:45%}
.tableStripy tr {border:#E2E2E2 dotted 1px;}
.tableStripy th {background-color: #CCCCCC; padding: 5px}
.tableStripy td {padding: 5px}
.alt {background-color: #E2E2E2;}

/* Quote table ---------------------------------- */
.tableQuoteOuter {margin-left: 50px;background-color:#F9F9F9;border: 2px dotted #E8E8E8;}
.tableQuote td {padding: 5px;vertical-align: top;}

/* Contact Form ----------------------------------------------------------------*/
.clearfix			{clear:both; font-size:12px;font-weight:700}
.contactform		{overflow:hidden;font-size:12px; width:550px}
.contactform .textarea,.contactform .input		
					{border:1px solid #ccc;padding:2px;font-size:12px}
.textarea:hover,.input:hover
					{background:#ebebeb}
.contactright .button
					{margin:0 0 0 140px !important;padding:4px}
.contactleft		{width:20%;text-align:left;clear:both;float:left;display:inline;padding:4px;margin:5px 0;font-weight:700}
.contactright		{width:70%;text-align:left;float:left;display:inline;padding:4px;margin:5px 0}
.notification		{margin:15px;border-top:1px solid #693;border-bottom:1px solid #693;padding:10px 20px;background:#FFC}
.contactLeftColumn	{float:left; width:50%;display:inline}
.contactRightColumn	{float:left; width:50%;display:inline}



/* Anomalies ---------------------------------- */
.topspace {padding-top: 50px;}
body#quote nav.tquote a,body#contact nav.tcontact a, body#gallery ul.nav. a.tgallery,  {color: #999999;background-color:#FFFFFF;}

/* Footer ------------------------------------- */
.white-text {color:#FFFFFF}
