/* Make sure to use background-color: xxx and color: xxx in background rule, because different browsers use different rules */
/* The following has the html for older browers like Opera */


* {
	margin: 0;
}

html, body	{
				text-align: center;  
				font-family:  "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;
				font-size: 100%; 
				color: #000000; 
				margin: 0; 	
				padding: 0;		
				width: 100%;
				height: 100%;
				background-image: url(bg.png);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px

}
#container {
				width: 100%;
				height: 100%;

				padding: 0;
float: none;
margin: auto;
background-image: url(bg.png);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px

			
}


.wrapper {
	width: 80%;
	background-color: white;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}


#banner {
				text-align: center;
				width: 80%;
				margin: 0 auto;
				overflow: hidden;	
}
#content {
			float: left;
			position: relative;
			text-align: left;
			margin: 20px 0 40px 0;
			width: 100%;
			background: white; background-color: white;
			 padding: 0 0 0px 0;
			 }

#pcb	{  float: left;
			margin: 25px 0px 0px 20px;
			padding: 0;
}

#text-home	{float: left;
			width: 60%;
			margin: 10px 10px 10px 35px;
			padding: 0;
			font-family:   "trebuchet ms", verdana, geneva,  arial, helvetica, sans-serif;
			font-size: 115%;

}

#text-profile{float: left;
			width: 77%;
			margin: 10px 0px 10px 35px;
			padding: 0;
			font-family:   "trebuchet ms", verdana, geneva,  arial, helvetica, sans-serif;
			font-size: 100%;

}

#text-contact{float: left;
			width: 77%;
			margin: 10px 0px 10px 35px;
			padding: 0;
			font-family:   "trebuchet ms", verdana, geneva,  arial, helvetica, sans-serif;
			font-size: 100%;

}


#text-quote{float: left;
			width: 80%;
			min-height: 100%;
			margin: 10px 0px 90px 35px;
			padding: 0;
			font-family:   "trebuchet ms", verdana, geneva,  arial, helvetica, sans-serif;
			font-size: 100%;

}



#index-en-fr-content	{
			float: left;
			text-align: center;
			width: 110%;
			margin: 0px 0px 10px 0px;
			padding: 0 0 0px 0;
			font-family:   "trebuchet ms", verdana, geneva,  arial, helvetica, sans-serif;
			font-size: 105%;
}

#man-en-fr-content	{
			float: left;
			text-align: center;
			width: 100%;
			margin: 0px 0px 10px 0px;
			padding: 0 0 0px 0;
			font-family:   "trebuchet ms", verdana, geneva,  arial, helvetica, sans-serif;
			font-size: 105%;

}


#eng-fr	{float: left;
			margin: 35px 0 20px 20px;
			font-size: 120%;
			font-weight: bold;
			color: black;
						
	}
	
#marquee-text  {float: left;
			width: 95%;
			font-size: 130%;
			color: #877a49;
			margin-top: 2em;
			margin-bottom: 0px;
			padding-bottom: 0px;
			
			}
			
#manufacturers-logos	{	width: 100%;
 							margin-left: auto ;
  							margin-right: auto;		
  							margin: 0px;				
  							text-align:left;

}

.manufacturers-logos	{float: center;
						margin-top: 20px; padding-bottom: 20px;
						border-bottom: ridge 2px #356766;
						margin-left: auto;
						margin-right: auto;

}
			
			
/* Heading Styles */

h1	{
				font-family:  "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;
				text-align: left; 
				font-weight: bold; 
				font-size: 120%; 
				color: #356766;
				margin-left:-.1em; margin-right:0; margin-top:-.1em; margin-bottom:0; 
				padding-left: 2px; padding-right:0; padding-top:.3em; padding-bottom:.5em; 
	}

h2	{
				font-family:  "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;
				text-align: left; 
				font-size: 100%; 
				color: black;
				font-weight: bold; 
 				margin: 0 0 -8px 0; 
 				padding-left: 5px; 
}

p	{
				font-family:  "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;
				text-align: left; 
				font-size: 90%; 
				color: black; 
				font-weight: normal;
				padding: 0px 0px 2px 10px; 
				margin-top: .5em; 
				margin-right: 8px; 
				margin-bottom: 0em;
				line-height: 1.25;
}
img.floatLeft { 
    float: right; 
    margin: 4px; 
}



ul	{			margin-top: .5em; 
				list-style: disc; 
				font-size: 95%; 
				text-align: left;
}
ul li	{
				margin-bottom: .5em;
				line-height: 140%;
}

ul.links	{	
				margin-top: 0.30em;
				margin-bottom: 0.30em;
				margin-left: 20px;
				list-style: square;
				font-size: 95%;
}

ul.links li	{
				margin-bottom: 0;
}

ul.links a	{
				text-decoration: none;
				font-weight: normal;
				color: navy;
}


.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 

.clearfix	{
min-height:80%;   height:auto !important;
}

/* Internet Explorer */ * html .clearfix {  height: 80%;}


#header {
				position: relative;
				width: 100%;
				background: white; background-color: white;
				margin: 0;
				padding: 0;
}

.footer {	margin-left: auto;
			margin-right: auto;
			height: 40px; /* .push must be the same height as .footer */
			width: 79%;
			font-size: 65%;
			text-align: right;
			padding-right: 10px;
			background-color: white;
			color: gray;
			border-top: solid 1px #356766;
}

.push {
	height: 40px; /* .push must be the same height as .footer */

}





#nav {
				float: left;
				position:relative;
				top: 0;
				left: 0;
				width:  90%;
				background-color: #366a68; background: #366a68;
				border: .1em solid #9bcd9a;
				padding: 0px;
				margin: 0px 0 0px 2em;
				overflow:hidden;
} 

#nav ul	{margin: 4px 7px 4px 7px;
		padding: 0;
		text-align: center;
		line-height: 30px;
		font-family:  "trebuchet ms", verdana, geneva, arial, helvetica, sans-serif;
		color: white;
		font-size: 90%;
		white-space: nowrap;

}

#nav li  {display: inline;
		list-style-type: none;
	}

body#current a#menu-current, body#home a#menu-home, body#profile a#menu-profile, body#contact a#menu-contact, body#quote a#menu-quote, body#manufacturers a#menu-manufacturers {font-weight: bold; font-style: italic; font-size: 105%;	}



#nav li a {
			display: inline;
			list-style-type: none;
			text-align: center;			
			color: white;
			border-right: 1px solid #9bcd9a;
			text-decoration: none;
			font-weight: 599;
			margin: 2px 5px 2px 5px;
			padding-right: 15px;
			padding-left: 10px;
}



#nav lia:link		{color: white;

}

#nav lia:visited	{color: white;

}

hr {
text-align: center;
width: 95%;
height: 0; 
border: 0; 
border-top: 1px solid #366a68; 
margin-top: -10px;

}