/*
Author: Jane Benson of Main Jane Designs LLC www.mainjane.com

Color Pallette:
burgundy: 4c1713
dk green: 003f2d
pale blue: daecf2
med blue: 598276
lt blue/green: abecd9
*/

* { /*zero-out the default margin and padding on all elements*/
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	color: #4c1713;
	font-size: 62.5%; /*set the font size to 10px default of 16px * 62.5 = 10px*/
	background: url(images/bgBody.jpg) #598276;
}

div#wrapper {
	width: 900px; /*set the width of the wrapper - must set width to center the div*/
	margin: 0 auto; /*center the div*/
	background:url(images/bgWrapper.jpg)
}

div#wrapper div#header {
	height: 119px;
	width: 693px;
	float:right;
	background-color: #daecf2;
	background:url(images/header.jpg) no-repeat;
	z-index:50;
	position: relative; 
}

div#wrapper div#header h1 {
	text-indent: -2000px;
	position: absolute;
	top: 0px;
	right: 0px;
}

/*-------/Navigation--------*/
div#wrapper div#navigation {
	background:url(/css/images/btnDown-2ndNav.jpg) #003f2d repeat-x;
	height:39px;
	width:693px;
	display:inline;
	float:left;
}

div#navigation ul li {
	display: inline;
	color:#daecf2;
	text-align:center;
}

div#wrapper div#navigation ul li a:link,
div#wrapper div#navigation ul li a:visited {
	font-size: 1.3em;
	background:url(/css/images/btnUp-2ndNav.jpg) #003f2d repeat-x;
	line-height: 1.31em;
	height:36px;
	text-align:center;
	color: #daecf2;
	border-right:#598276 1px inset;
	cursor: default;
	display:block;
	text-decoration:none;
	padding:2px 11px 2px 11px;
	float:left;
}

body#home-page div#wrapper div#navigation ul li a:link,
body#home-page div#wrapper div#navigation ul li a:visited {
	padding: 10px 71px 0 71px;
	height:29px;
	line-height: 1.31em;
}

div#wrapper div#navigation ul li a:hover {
	background:url(/css/images/btnDown-2ndNav.jpg) #003f2d repeat-x;
	height:35px;
	line-height: 1.31em;
	color: #abecd9;
	cursor: default;
	padding:2px 11px 0px 11px;
	float:left;
}

body#quality-page div#navigation ul li#quality a,
body#fast-page div#navigation ul li#fast a,
body#mat-page div#navigation ul li#mat a,
body#tech-page div#navigation ul li#techno a {
	color:#abecd9;
}

div#wrapper div#main-content {
	width: 693px;
	background-image:url(images/bgMainCont.jpg);
	background-color: #daecf2;
	float: right;
}

div#wrapper div#main-content div.divider {
	background-color:#4c1713;
	width:693px;
	line-height:3px;
	height:3px;
	margin:0;
	float:left;
	display:block;
}

div#wrapper div#main-content h2 {
	margin: 5px 20px 0 20px;
	padding: 0;
	font-size: 1.6em;
	line-height: 30px;
	letter-spacing: 0.1em;
	height: 75px;
	color:#003f2d;
	font-weight: bold;
	letter-spacing:.1em;
	text-align:center;
	background:url(images/q-gif.gif) bottom center no-repeat;
}

div#wrapper div#main-content h3 {
	padding: 5px 0 0 20px;
	line-height: 25px;
	letter-spacing: 0.1em;
	height: 25px;
	font-size: 1.5em;
	font-family:"Calisto MT", "Times New Roman", Times; 
}

div#wrapper div#main-content h3 a:link,
div#wrapper div#main-content h3 a:visited {
	color: #5f2624;
	text-decoration: none;	
}

div#wrapper div#main-content h3 a:hover,
div#wrapper div#main-content h3 a:focus {
	color: #fdfbe7;
	background-color: #5f2624;
	text-decoration: none;	
}

div#wrapper div#main-content p { 
	font-size: 1.4em; 
	line-height: 1.4; 
	margin: 0px 20px 0px 20px;
	color:#4c1713;
}

div#wrapper div#main-content p#xfirst_name,
div#wrapper div#main-content p#xlast_name,
div#wrapper div#main-content p#xcompany,
div#wrapper div#main-content p#xphone,
div#wrapper div#main-content p#xemail,
div#wrapper div#main-content p#xaddress1,
div#wrapper div#main-content p#xaddress2,
div#wrapper div#main-content p#xcity,
div#wrapper div#main-content p#xstate,
div#wrapper div#main-content p#xzip,
div#wrapper div#main-content p#xcountry,
div#wrapper div#main-content p#xproduct,
div#wrapper div#main-content p#xservice,
div#wrapper div#main-content p#xvol,
div#wrapper div#main-content p#xmarket,
div#wrapper div#main-content p#xotherDesc,
div#wrapper div#main-content p#xproduction,
div#wrapper div#main-content p#xprodStage,
div#wrapper div#main-content p#xmessg,
div#wrapper div#main-content div#xrecap { 
	font-size: 1.4em; 
	line-height: 1.4; 
	margin: 0px 20px 0px 20px;
	color:#daecf2;
	background-color:#CC3333;
}

div#wrapper div#main-content p span.emphasis{
	letter-spacing:.05em;
	font-size:1.1em;
	color:#4c1713;
}

div#wrapper div#main-content span.redFont{
	color:#CC3333;
	font-weight:bold;
}

div#wrapper div#main-content p.emphasisRed{
	letter-spacing: .1em;
	background-color:#003f2d;
	font-size:1.1em;
	line-height:1.4;
	width:220px;
	padding:20px;
}

div#wrapper div#main-content p a,
div#wrapper div#main-content p a:link{ 
	color: #003f2d;
	text-decoration:underline;
}

div#wrapper div#main-content p a:visited {
	color: #4c1713;
	text-decoration:underline;
}

div#wrapper div#main-content p a:hover,
div#wrapper div#main-content p a:focus { 
	color: #4c1713;
	text-decoration:none;
}

div#wrapper div#main-content p.mainCont {
	font-size: 1.4em; 
	letter-spacing:.1em;
	margin:10px 20px;
}

div#wrapper div#main-content ul.list li {
	font-size: 1.4em; 
	font-weight: normal;
	line-height: 1.4; 
	margin: 0px 20px 0px 35px;
	color:#4c1713;
}

div#wrapper div#main-content ul.list li a,
div#wrapper div#main-content ul.list li a:link{
	color:#003f2d;
	text-decoration:underline;
}

div#wrapper div#main-content ul.list li a:visited{
	color:#4c1713;
	text-decoration:underline;
}

div#wrapper div#main-content ul.list li a:hover,
div#wrapper div#main-content ul.list li a:focus {
	color:#003f2d;
	text-decoration:none;
}

div#wrapper div#main-content ol li.oList {
	margin: 5px 0 0 40px;
	font-family:"Calisto MT", "Times New Roman", Times; 
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.1em;
	display:list-item;
}

div#wrapper div#main-content ol li.oList ul.list li{
	margin: 5px 20px 0px 0px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em; 
	list-style: disc url(bullet.gif) inside;
	color:#4c1713;
}

div#wrapper div#main-content ul.list li ul li.smListItem {
	font-size:1em;
}

div#wrapper div#main-content img.rtImg {
	float:right; 
	border-color:#003f2d; 
	border:outset medium; 
	margin:0 10px 10px 10px;
}

div#wrapper div#main-content span.ctrImg img {
	text-align:center;
	border-color:#003f2d; 
	border:outset medium; 
	margin:10px 0px 10px 25px;
}

div#wrapper div#main-content img.lftImg {
	float:left; 
	border-color:#003f2d; 
	border:outset medium; 
	margin:10px 10px 10px 0px;
}


/*-------------slide show---------*/

div#slideShow {
	width:122px;
	height:74px;
	display:inline;
	margin: 22px 5px 23px 5px;
	float:right;
}

div#wrapper div#main-content table {
	border-collapse: collapse;
}

img.slide {
	height:74px;
	width: 122px;
}
/*-------------/slide show---------*/


/*---forms---*/

div#wrapper div#main-content .formStyle { 
	margin: 10px 20px 10px 20px;
	height: 1%; /*WIN IE needs help seeing as a block area */
}

div#wrapper div#main-content fieldset.formStyle legend.legend { 
	font-size: 1.4em;
	color: #4c1713; 
}


div#wrapper div#main-content fieldset.formStyle .formLeg { 
	background-color:#dae9ec;
	margin: 10px 20px 10px 20px;
}

div#wrapper div#main-content fieldset.formStyle .formLeg p label{ 
	font-size:1em;
}

div#wrapper div#main-content fieldset.formStyle form fieldset.formLeg p label.upMarg {
	margin:10px 0 5px 0;
	display:block;
	line-height:1;
}

.lftFloat {
	float:left; 
	margin-right:10px;
}

div#wrapper div#main-content fieldset.efieldset {
	font-size:1.5em;
	margin: 10px 20px 10px 20px;
	color:#CC3333;
}

div#wrapper div#main-content ul#error {
	margin: 10px 0 10px 30px;
}

div#wrapper div#main-content ul#error a,
div#wrapper div#main-content ul#error a:link {
	color:#CC3333;
}

div#wrapper div#main-content ul#error a:hover {
	text-decoration:none;
}

/*---------main navigation------*/

div ul#mainNav {
	background:url(images/btnSideNavPixy.jpg) repeat-y #4c1713 right top;
}

ul#mainNav {
	width: 207px;
	margin:0;
	position:absolute;
	color:#daecf2;
	font-family: Helvetica,Arial,sans-serif;
	font-size:1.4em;
}

ul#mainNav li{
	margin:0;
	list-style-type:none;
}

ul#mainNav li a:link, 
ul#mainNav li a:visited{
	width:187px;
	text-decoration:none;
	display:block;
	height: 30px; /*WIN IE needs help seeing as a block area */
	line-height:1.1em;
	letter-spacing:.02em;
	background:url(images/btnSideNavPixy.jpg) repeat-y #4c1713 left top;
	color:#daecf2;
	padding:5px 10px;
	border-bottom:1px #598276 inset;
}

ul#mainNav li a:hover {
	background:url(images/btnSideNavPixy.jpg) repeat-y #4c1713 right top;
	color:#abecd9;
}

/*---------active tabs - main navigation------*/
body#home-page ul#mainNav li#home a {
	background-position:top right;
	color:#abecd9;
}

body#quality-page ul#mainNav li#quality a {
	background-position:top right;
	color:#abecd9;
}

body#electro-page ul#mainNav li#electro a {
	background-position:top right;
	color:#abecd9;
}

body#repair-page ul#mainNav li#repair a {
	background-position:top right;
	color:#abecd9;
}

body#facil-page ul#mainNav li#facil a {
	background-position:top right;
	color:#abecd9;
}
body#hist-page ul#mainNav li#hist a {
	background-position:top right;
	color:#abecd9;
}

body#contact-page ul#mainNav li#contact a,
body#thank-page ul#mainNav li#contact a,
body#find-page ul#mainNav li#contact a,
body#request-page ul#mainNav li#contact a {
	background-position:top right;
	color:#abecd9;
}

/*---------/active tabs - main navigation------*/

/*---------/main navigation------*/

/*-------footer nav-----------*/	

div#wrapper div#footer p.addr {
	text-decoration:none;
	margin: 0 20px 10px 10px;
	text-align:center;
}

div#wrapper div#footer span.first {
	color:#f0f9f8;
	float:left;
}

div#wrapper div#footer {
	color:#daecf2;
	line-height: 30px;
	letter-spacing: 0.2em;
	height: 30px;
	font-size: 1em;
	list-style:none;
}

div#wrapper div#footer span#css a,
div#wrapper div#footer span#xhtml a{
	color:#598276;
	float:right;
/*	display:inline-block;
*/}

div#wrapper div#footer span#mainJane a{
	float:right;
/*	display:inline-block;
*/}

div#wrapper div#footer {
	background-color: #598276;
	background-image:url(images/footer.jpg);
	line-height: 2.4em;
	height: 2.4em;
	clear: both;
	font-size: 1.2em;
}

div#footer a { 
	color: #daecf2;
}

div#footer a:link,
div#footer a:visited {
	text-decoration: none;
}

div#footer li a:hover,
div#footer li a:active {
	background:#daecf2;
	color: #4c1713;
}

body#footer {
	clear: both;
}

/*-------/footer nav-----------*/	


