body {
	margin: 0;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1 {
	margin: 0;
	color: #78942D;
	font-size: 24px;
	letter-spacing: -1px;
	font-family: "Univers", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
}

ulh1white {
	margin: 0;
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: -1px;
	font-family: "Univers", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
}


h2 {
	margin: 0;
	color: #78942D;
	font-size: 20px;
	letter-spacing: -1px;
	font-family: "Univers", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
}

h3 {
	margin: 0;
	color: #78942D;
	font-size: 18px;
	letter-spacing: -1px;
	font-family: "Univers", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
}


h4 {
	margin: 0;
	color: #78942D;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: "Univers", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
}

h5 {
	margin: 0;
	color: #78942D;
	font-size: 14px;
	letter-spacing: 0px;
	font-family: "Univers", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
}


a, a:visited {color: #000f48; text-decoration: none;}
a:hover {color: #000f48; text-decoration: underline;}

a.on, a.on:visited {color: #000f48; text-decoration: underline;}
a.on:hover {color: #000f48; text-decoration: none;}

p {margin-top: 15px; margin-bottom: 0;}
p.small {line-height: 140%;}

.container {
	width: 980px;
	margin: 0 auto; 
}

.ul_small {line-height: 140%;}
.ul_left_small {line-height:140%;padding-left:0; margin-left:10px}
ul.outside {line-height: 140%;list-style-position: outside}



#header {
	background: url(../graphics/bg-header.gif) repeat-x;
	height: 83px;
}

	#header .container {
		width: 960px;
		height: 83px;
		padding: 0 10px;
	}
	
	#logo {
		width: 342px;
		height: 70px;
		float: left;
	}
	
		#logo a {
			width: 342px;
			height: 70px;
			display: block;
			background: url(../graphics/qal-logo8.gif) no-repeat;
		}
	
	#language {
		width: 200px;
		padding-top: 10px;
		text-align: right;
		font-size: 10px;
		float: right;
	}
	
#body {background: #f1f1f1;}
	
	#nav {
		padding: 8px 0 16px 0;
		text-align: left;
	}
	
		#nav ul {margin: 0; padding: 0; float: right;}
			#nav ul li {
				margin: 0 0 0 30px;
				padding: 0;
				list-style: none;
				float: left;
			}
	
	.content {
		width: auto;
		padding: 10px 20px;
		line-height: 20px;
		background: url(../graphics/bg-content.gif) repeat-y;
	}
	
		#subnav {
			width: 125px;
			float: left;
		}
		
			#subnav ul {margin: 0; padding: 0;}
				#subnav ul li {margin: 0; padding: 0 0 4px 0; list-style: none;}
				
				#subnav ul li a, #subnav ul li a:visited {
					width: 117px;
					height: 11px;
					padding: 3px 0 4px 8px;
					color: #ffffff;
					text-decoration: none;
					font-size: 11px;
					line-height: 11px;
					background: url(../graphics/bg-subnav.gif) no-repeat;
					display: block;
				}
				
				#subnav ul li a:hover, #subnav ul li a.on, #subnav ul li a.on:visited {
					color: #ffffff;
					text-decoration: none;
					background: url(../graphics/bg-subnav.gif) 0 -18px no-repeat;
				}
		
		
		#subnav ul.innovations {margin: 0; padding: 0;}
				#subnav ul.innovations li {margin: 0; padding: 0 0 0 6px; list-style: none;}
				
				#subnav ul.innovations li a, #subnav ul.innovations li a:visited {
					width: 117px;
					height: 4px;
					padding: 11px 11px 1px;
					color: #000000;
					text-decoration: none;
					font-size: 11px;
					line-height: 8px;
					background: url(../graphics/bg-subv.gif) no-repeat;
					display: block;
				}
				
				#subnav ul.innovations li a:hover, #subnav ul.innovations li a.on, #subnav ul.innovations li a.on:visited {
					color: #000000;
					text-decoration: none;
					background: url(../graphics/bg-suav.gif) 0 -18px no-repeat;
				}
		#sub-content {
			width: 800px;
			float: right;
		}
			.featured-product-container {
				width: auto;
				background: url(../graphics/bg-featured-product.gif) repeat-y;
			}
				.featured-product {
					width: 450px;
					height: 550px;
					border: 1px solid #8f8f8c;
					float: left;
					position: relative;
				}
				
				#imageContainer1 {
                height: 550px;
							}

				#imageContainer1 img {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
}
				
				.featured-product-text {
					width: 322px;
					padding: 40px 10px 0 10px;
					color: #ffffff;
					height: 500px;
					line-height: 24px;
					float: right;
				}
				
				.featured-product-text-small {
					width: 322px;
					padding: 40px 10px 0 10px;
					color: #ffffff;
					line-height: 12px;
					float: right;
				}

				
					.featured-product-text h1 {color: #FFFFFF;}


			.landing-page-container {
				width: auto;
				height: 200px;
				background: url(../graphics/bg-featured-product.gif) repeat-y;
			}
				.landing-page-image {
					width: 450px;
					height: 200px;
					border: 1px solid #8f8f8c;
					float: left;
					position: relative;
				}
				
		
				.landing-page-text {
					width: 322px;
					padding: 10px 10px 10px 10px;
					color: #ffffff;
					height: 200px;
					line-height: 24px;
					float: right;
				}
				
				.landing-page-text-small {
					width: 322px;
					padding: 40px 10px 0 10px;
					color: #ffffff;
					line-height: 12px;
					float: right;
				}

				.landing-page-text h1 {color: #FFFFFF;}
				.landing-page-text h3 {color: #FFFFFF;}

		.sensation-product-container {
				width: auto;
				background: url(../graphics/bg-sensation-product.gif) repeat-y;
			}
				.sensation-product {
					width: 168px;
					border: 1px solid #8f8f8c;
					float: left;
				}
				
				.sensation-product-text {
					width: 604px;
					padding: 40px 10px 0 10px;
					color: #ffffff;
					line-height: 24px;
					float: right;
				}
				
					.sensation-product-text h1 {color: #FFFFFF;}

#footer {
	background: url(../graphics/bg-footer.gif) repeat-x;
	padding-top: 32px;
	padding-bottom: 20px;
}

	#footer .container {
		width: 960px;
		padding: 0 10px;
		line-height: 15px;
		font-size: 10px;
	}

ul.list-inline {margin: 0; padding: 0; float: right;}
	ul.list-inline li {margin: 0; padding: 0 10px; list-style: none; float: left;}
	ul.list-inline li.first {padding-left: 0;}
	ul.list-inline li.last {padding-right: 0;}
	ul.list-inline li.divider {border-right: 1px solid #000;}

.content14 {font-size: 14px;}

.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top: 25px;}

.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.hide {display: none;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.framed-picture {
	width: auto;
	position: relative;
	padding: 0px;
	background: #ffffff;
	border: 1px solid #8f8f8c;
}

#imageContainer2 {
                height: 550px;
							}

				#imageContainer2 img {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
}

#imageContainer1 img {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
}