.menu
{
	float: left;
	height: 42px;
	width: 756px;
	margin-top: 15px;
	z-index: 10000;
}
.about-button, .services-button, .team-button, .testimonials-button, .community-button, .careers-button, .articles-button, .publications-button, .contact-button
{
	height: 42px;
	float: left;
	background-image: url(../images/kli-inside-pages-painting-menu.jpg);
}


.about-button {background-position: 0px 0px; width: 56px;}
.services-button {background-position: -56px 0px; width: 50px;}
.team-button {background-position: -106px 0px; width: 57px;}
.testimonials-button {background-position: -163px 0px; width: 72px;}
.community-button{background-position: -235px 0px; width: 67px;}
.careers-button {background-position: -302px 0px; width: 48px;}
.articles-button{background-position: -350px 0px; width: 48px;}
.contact-button {background-position: -398px 0px; width: 358px;}

.about-button:hover {background-position: 0px 42px; width: 56px;}
.services-button:hover {background-position: -56px 42px; width: 50px;}
.team-button:hover {background-position: -106px 42px; width: 57px;}
.testimonials-button:hover {background-position: -163px 42px; width: 72px;}
.community-button:hover{background-position: -235px 42px; width: 67px;}
.careers-button:hover {background-position: -302px 42px; width: 48px;}
.articles-button:hover{background-position: -350px 42px; width: 48px;}
.contact-button:hover {background-position: -398px 42px; width: 358px;}


ul#about {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#about li a {
	display: block;
	font-weight: bold;
	background:#fdfbfb;
	color: #000000;
	opacity: .9;
}

ul#about li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#about li {
	float: left;
	position: relative;
	width: 56px;
	margin-bottom: -1px;
	text-align: left;
}


ul#services {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

ul#services li a {
	display: block;
	font-weight: bold;
	background:#fdf9fa;
	color: #000000;
	opacity: .9;
}

ul#services li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#services li {
	float: left;
	position: relative;
	width: 50px;
	margin-bottom: -1px;
	text-align: left;
}

ul#team {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#team {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

ul#team li a {
	display: block;
	font-weight: bold;
	background:#f9f2f3;
	color: #000000;
	opacity: .9;
}

ul#team li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#team li {
	float: left;
	position: relative;
	width: 57px;
	margin-bottom: -1px;
	text-align: left;
}

ul#testimonials li {
	float: left;
	position: relative;
	width: 72px;
	text-align: left;
}

ul#testimonials {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#testimonials li a {
	display: block;
	font-weight: bold;
	background:#6B6B6B;
	color: #000000;
	opacity: .9;
}

ul#testimonials li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#testimonials li {
	float: left;
	position: relative;
	width: 72px;
	margin-bottom: -1px;
	text-align: left;
}

ul#community {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#community li a {
	display: block;
	font-weight: bold;
	background:#f7edee;
	color: #000000;
	opacity: .9;
}

ul#community li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#community li {
	float: left;
	position: relative;
	width: 67px;
	margin-bottom: -1px;
	text-align: left;
}


ul#careers {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#careers li a {
	display: block;
	font-weight: bold;
	background:#f6eaec;
	color: #000000;
	opacity: .9;
}

ul#careers li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#careers li {
	float: left;
	position: relative;
	width: 48px;
	margin-bottom: -1px;
	text-align: left;
}

ul#articles {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#articles li a {
	display: block;
	font-weight: bold;
	background:#f3e4e7;
	color: #000000;
	opacity: .9;
}

ul#articles li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#articles li {
	float: left;
	position: relative;
	width: 48px;
	margin-bottom: -1px;
	text-align: left;
}

ul#publications {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

ul#publications li a {
	display: block;
	font-weight: bold;
	background:#f2dfe3;
	color: #000000;
	opacity: .9;
}

ul#publications li a:hover{
	background:#ebcfd4;
	color:#000000;
	}
	
ul#publications li {
	float: left;
	position: relative;
	width: 71px;
	margin-bottom: -1px;
	text-align: left;
}

ul#contact {
	list-style: none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


ul#contact li a {
	display: block;
	font-weight: bold;
	background:#6B6B6B;
	color: #000000;
	opacity: .9;
}

ul#contact li a:hover{
	background:#d39297;
	color:#000000;
	}
	
ul#contact li {
	float: left;
	position: relative;
	width: 71px;
	margin-bottom: -1px;
	text-align: left;
}


li ul {
	list-style: none;
	display: none;
	position: relative;
	padding: 1px 0 10px 0;
}

ul#about li ul.sub li a{
	font-weight: normal;
	width:160px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;
	z-index: 2;
}

ul#services li ul.sub li a{
	font-weight: normal;
	width:190px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;
}

ul#team li ul.sub li a{
	font-weight: normal;
	width:160px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;	
}

ul#testimonials li ul.sub li a{
	font-weight: normal;
	width:175px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc; 	
}

ul#community li ul.sub li a{
	font-weight: normal;
	width:160px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc; 	
}

ul#careers li ul.sub li a{
	font-weight: normal;
	width:160px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;
}

ul#articles li ul.sub li a{
	font-weight: normal;
	width:190px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;
}

ul#publications li ul.sub li a{
	font-weight: normal;
	width:190px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;
}

ul#contact li ul.sub li a{
	font-weight: normal;
	width:175px;
	text-decoration: none;
	padding:10px;
	margin-top: 0px;
	border:1px solid #ccc;	
}

li:hover ul, li.over ul {
	display: block;
}

*{
	margin: 0;
	padding: 0;
	border: 0;
}
#wrapper
{
    width:962px;   
    margin:0 auto;
}

#layout
{
	width:972px;
	position:relative;
	background-color:#FFFFFF;
	margin-top: 10px;
}


/* header starts from here */


#header
{
	width:982px;
	height:72px;
	left: auto;
}
#logo
{
	width:962px;
	height:72px;
	left: inherit;	
	/* header ends here */



/* bodycontainer starts from here */


}
#bodycontainer
{
width:972px;
height:auto;
clear:both;
}

#flashheader
{
width:972px;
height:318px;
}
#welcomecontainer
{
width:972px;
height:auto;
}
