/*
5Jan2008 Quality Stainless
23Jan2010 rev. contact, printfooter appears in print only
*/

/* Body */
* {margin:0; padding:0;}
body {background:#474d59 url(images/bodybg.gif) top left repeat-x; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}

#contact {display: none;}
#wrap {width:960px; background-color:#fff; color:#555; padding:10px; margin:10px auto 0 auto; text-align:left; border:1px solid #555;}
#top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em;}
#top p {margin:2px; padding:0;}
#top a {color:#eee; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#header {text-align:left; padding:0; margin:0 0 10px 0;}
#sitetitle {
	background-image:url(images/q.gif);
	background-repeat:no-repeat;
	width:360px; 
	float:left;}
#sitetitle h1 {
	font-weight: 700;  /* blue banner */
	font-size:2em; 
	letter-spacing:-2px; 
	line-height:0.9em; 
	margin:15px 0 10px 70px; 
	padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#sitetitle p {
	margin:9px 0 20px 75px; /* gray sub-head */
	padding:0; 
	letter-spacing:-1px; 
	font-size:1.4em; 
	color:#777;}

/* Main menu is a definition list*/

#mainmenu {float:right; width:580px; margin:0;}
dl.nav {
	width:235px; /* Width of Definition List columns */
	float:left; 
	margin: 0 0px 5px 50px;
	} 
dl.nav dt {
	border-bottom:1px solid #aaa; /* definition term */
	padding:0; 
	font-weight:700; 
	margin:0; 
	color:#777;
	} 
dl.nav dt a {font-weight:700; color:#777;}
dl.nav dt a:hover {color:#222;} /* dark gray text on rollover */
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;} /* grey underlines */
dl.nav dd a {
	font-weight:400; 
	padding:1px 0 1px 5px; 
	color:#4d699d; 
	display:block; 
	width:222px; /* space for definition */
	} 
dl.nav dd a:hover {color:#222; background:#f4f4f4;} /* light gray b.g. on rollover */

/* YOU-ARE-HERE = current */

/* Headline tags */
h2, h3, h4 {margin:0 0 14px; padding-bottom:5px; color:#666; font-weight:700;}

/* Content */
#content {float:left; text-align:left; width:700px; margin:10px 0 0 0;;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
#content h3 {font-size:1.4em; letter-spacing:-1px;}
#content h2 a, #content h3 a {font-weight:700;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}

/* Sidebar */
#sidebar {text-align:left; margin:5px 0 0 718px; width:220px; padding:10px; background:#f0f0f0; border:1px solid #ccc;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar a {font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}

#sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {
	font-size:0.9em; 
	padding:1px 0 1px 5px;
	width:203px; 
	letter-spacing:0;
	background-color:#FFF;  /* unlinked appearance */
	}
#sidebar ul.sidemenu ul li a {
	margin-left: -5px;
	background-color:#F0F0F0;}
  

/* Testimonial  */
#testimonial p{
	font-size:.8em; /* left aligned */
	margin-bottom: -2px;
	}
#testimonialsignature p{font-weight:800; margin:0 10px 0 0; text-align:right;}
#testimonialsignature a {font-weight:800; text-align:right;}

/* Footer */
#printfooter {display: none;}
#footer {clear:both; font-size:0.9em; width:960px; line-height:1.5em; color:#ccc;  margin: 5px auto 10px auto; padding:0;}
#footer p {margin:0; padding:0;}
#footer a {color:#ddd; border-bottom: 1px dotted #aaa;}
#footer a:hover {color:#eee; text-decoration:none; border-bottom:1px dotted #fff;}

/* Links */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
a img {border:0;}

/* Various classes */
.left {float:left; width:49%; text-align:left;}
.right {float:right; width:49%; text-align:right;}
.textleft {text-align:left;} /*image captions */
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:1px;}
.blue {margin: 0 0 4px 0;color:#4d699d; clear:both; height:2px;}
.hide {display:none;}

.youarehere {
	color:#222; 
	background:#f4f4f4;} /* light gray b.g dark gray text top navigation*/

.photoright {
	background:#fff;
	float:right;  
	margin:0 15px 4px 15px;
	border:1px solid #bababa;
	margin:6px 18px 2px 5px;
	padding:2px;
	}

.photoleft {
	background:#fff;
	float:left;
	margin:0 15px 4px 0;
	border:1px solid #bababa;
	margin:6px 18px 2px 5px;
	padding:2px;
	}