/*
QMSoutsource
Design & Development: Spark3 Interactive http://www.spark3.com
Copyright 2006, QMSoutsource.com & Spark3 Interactive
*/

/***************************************
    BASIC ELEMENT STYLES : BEGIN
***************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #fff url(images/2006-bg-grad.jpg) top repeat-x;
	color: #333;
	margin: 0;
	padding: 0; 
	}
p {	margin: 0;	padding: 0;	}
a {	color: #820; }
a:hover { color: #a00; }
h1, h2, h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	}

/******** BASIC STYLES : END *********/

/***************************************
    HEADER, NAV & FOOTER STYLES : BEGIN
***************************************/
#logo {
	position: absolute;
	top: 0;
	left: 50px;
	}
#supernav {
	width: 100%;
	height: 70px;
	text-align: right;
	margin: 0;
	font-size: 1.3em;
	}
#supernav p {
	padding: 50px 30px 0 0;
	}
#supernav a { color: #666; margin: 0 10px; }
#supernav a:hover {	color: #000; }
#nav {
	background: url(images/2006-bg-nav.gif) repeat-x;
	width: 100%;
	height: 51px;
	text-align: right;
	}
#nav ul {
	margin-right: 30px;
	margin-top: 0px;
	margin-left: 195px; /*To keep from overlapping with logo */
	padding-top: 17px; /*To vertically center within nav bar */
	font-size: 1.4em;
	font-weight: bold;
	white-space: nowrap;
	list-style-type: none;
	}
#nav li {
	display: inline;
	margin-left: 10px;
	}
#nav a {
	border-bottom: 3px solid #ccc;
	text-decoration: none;
	color: #666;
	padding: 3px 0;
	}
#nav a:hover {
	border-bottom: 3px solid #A00000;
	background-color: #fff;
	color: #333;
	}
#footer {
	background-color: #ccc;
	width: 100%;
	height: 25px;
	clear: both;
	font-style: italic;
	text-align: center;
	color: #666;
	}
#footer p {
	padding-top: 7px; /*To vertically center within footer */
	}
/******** HEADER, NAV & FOOTER STYLES : END *********/

/***************************************
    CONTENT STYLES : BEGIN
***************************************/
#content {
	/*margin: 50px 50px 10px 50px;*/ /* Original margins */
	width: 85%;
	margin: 50px auto 30px auto;
	font-size: 1.2em;
	}
#content p {
	margin: 10px 20px;
	font-size: 1.2em;
	}
#content ul, #content ol { font-size: 1.2em; margin-left: 25px; }
#content ul li, #content ol li { line-height: 1.3em; } 
#content li ul, #content li ol { font-size: 0.9em; margin-left: 2px; } 
#content .barcode { width: 135px; text-align: center; margin: 0 5px 15px 15px; float: left; font-weight: bold; }
#content p.clear { clear: left; }

#contactTable { margin-left: 20px; }
#contactTable td, #contactTable th { vertical-align: top; }
#contactTable th { width: 100px; text-align: left; font-weight: normal; padding: 8px 5px 0 0; }
#contactTable input, #contactTable textarea { font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 25em; margin: 3px 0; }
#contactTable textarea { height: 6em; }
#contactTable .btn { width: 120px; margin-right: 15px; }
#contactTable .btn2 { font-weight: normal; color:#777; }

.introlist li {
	font-size: 1.3em;
	list-style: none;
	}
.introlist li ul li {
	font-size: 0.9em;
	list-style-type: square;
	margin-top: 7px;
	}
a.pagelink {
	font-weight: bold;
	font-size: 1.3em;
	padding-top: 50px;
	}
/******** CONTENT STYLES : END *********/

/***************************************
    SLIDING CONTENT STYLES : BEGIN
***************************************/
#featured-content {
	width: 784px;
	margin: 5px auto 50px auto;
	height: 550px;
	}
#featured-content .handheld {
	float: left;
	}
#featured-content .sliding {
	width: 322px;
	float: right;
	padding-top: 10px;
	background: url("images/2006-qms-deming_slidingbg.gif") repeat-y;
	}
#featured-content .sliding p {
	color: #444;
	font-size: 0.8em;
	text-align: left;
	margin-left: 30px;
	margin-right: 15px;
	margin-bottom: 10px;
	}

/******** SLIDING CONTENT STYLES : END *********/

/***************************************
    CONTENT SLIDER STYLES : BEGIN
***************************************/

.cslide_header {	/* Styles for Header of each section */
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width:322px;
	height: 51px;
	margin-bottom:2px;
	margin-top:2px;
	padding: 0;
	background: #76c547 url("images/2006-qms-deming_sliderbg.jpg") top right no-repeat;
	overflow:hidden;
	cursor:pointer;
}
.cslide_header img {
	margin-left: 30px;
	}
.cslide_contentbox {	/* Styles for Parent box of slide down content */
	width: 300px;
	text-align: left;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.cslide_content {	/* Style of Content that is slided down */
	padding: 10px 10px 10px 30px;
	font-size: 0.9em;	
	position: relative;
}
.cslide_content ul {
	margin-bottom: 0;
	padding-bottom: 0;
	}
/******** CONTENT SLIDER STYLES : END *********/

/***************************************
    MAIN PAGE STYLES : BEGIN
***************************************/

.front-column { width: 700px; margin: 0 auto; font-size: 0.9em; }
.front-column p { margin-left: 40px; }

/******** MAIN PAGE STYLES : END *********/


/***************************************
    MISC STYLES : BEGIN
***************************************/

.reflist li { list-style-type: none; font-style: italic; }
.reflist li ul li { font-style: normal; font-size: 0.9em; }

#pr { margin: 0 0 25px 0; padding: 0; }
#pr li { list-style-type: none; font-weight: bold; background: url(images/icon-page.gif) no-repeat 0 3px; padding-left: 20px; border-bottom: 1px solid #c0e2ee; }
#pr li a, #pr li a:visited { color: #333; text-decoration: none; }
#pr li a:hover, #pr li a:active { color: #a00; text-decoration: underline; }
#pr li ul { margin: 7px 0 10px 15px; padding: 0; }
#pr li li { font-weight: normal; background: none; border: none; }
#pr li li a, #pr li li a:visited { color: #820; text-decoration: underline; }
#pr li li a:hover, #pr li li a:active { color: #a00; }
.acrobat { width: 300px; font-size: 0.8em; background: url(images/icon-adobeacrobat.gif) no-repeat; padding: 5px 0 0 40px; margin-left: 25px; height: 40px; }



/******** MISC STYLES : END *********/