.label {font-size: small; text-align: right; display: block; font-weight:bold;}
.input {font-size: small; text-align: left; display: block; font-weight:normal;}

body {font-family: Arial, Helvetica, sans-serif;margin:0;padding: 0;}
.highlight {width:550px; background-color:#F2F0EA;}
.highlight p{padding:10px; margin-left:20px; text-align:left;}
#header {
	margin:0 auto;
	padding: 0;	
	overflow: hidden;
	width: 960px;
	height: 120px;
}
#header #logo {float: left;	width: 500px;}	
#header #logo img {border: 0;}
#header ul {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;	
	width: 730px;
}
#header ul li {
	list-style-type: none;
	float: left;	
	margin: 0;
	padding: 0;
	width: 121px;
}
#header ul li.selected a span {background: url("images/menu3.gif");}
#header ul li.selected a {background: url("images/menu3.gif");}
#header ul li a:hover span {background: url("images/menu3.gif");}
#header ul li a:hover {background: url("images/menu3.gif");}
#header ul li a span {background: url("images/menu3.gif");}
#header ul li a {background: url("images/menu3.gif");}
#header ul li a { 
	background-position: 10px 0; 
	color: #2a4f5e;
	display: block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: center;	
	text-decoration: none;
	text-transform: uppercase;
} 
#header ul li a span{ background-position: -70px 0; display: block;	margin: 0;padding: 0 10px 0 0;} 
#header ul li a:hover { background-position: -186px -37px; color: #346b84;text-shadow: none;} 
#header ul li a:hover span { background-position: -70px -37px; } 
#header ul li.selected a{ background-position: 10px 36px; color: #fff;text-shadow: none;} 
#header ul li.selected a span{ background-position: -70px -74px; } 

#body {margin: 0;padding: 0;min-width: 960px;}
#body .header {background: url("images/harlequind_design_studio_banner.png.html") repeat-x bottom center;	margin: 0 0 30px 0;}
#body .header div {
	background: url("images/man.jpg.html") no-repeat bottom right;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	width: 960px;	
}
#body .header div div {
	background: none;	
	margin: 0;
	padding: 0 0 0 13px;
	height: 200px;
	width: 490px;
}
#body .header div h3 {
	color: #2a4f5e;	
	font-size: 20px;
	line-height: 30px;
	margin: 18px 0 0 0;
	padding: 0;
	text-shadow: 1px 1px 1px #fff;
}
#body .header div h3 span {display: block;font-size: 25px;}
#body .header div h3 a {color: #2a4f5e;text-decoration: none;}
#body .header div h3 a:hover {color: #507685;}
#body .header div p {
	color: #507685;
	font-size: 14px;
	line-height: 24px;
	margin: 12px 0 6px 0;
	padding: 0;	
	text-shadow: 1px 1px 1px #fff;
}
#body .header div p a {color: #507685;	}
#body .header div p a:hover {color: #2a4f5e;}
#body .header ul {overflow: hidden;margin: 0;padding: 49px 0 0;}
#body .header ul li {float: left;list-style: none;padding: 0 5px;}
#body .body {
	border: 1px solid #e0e0e0;
	margin: 0 auto 34px auto;
	overflow: hidden;
	padding: 0 2px;
	width: 954px;
}	
#body .body div {float: left;}
#body .body .section {
	background: url("images/bg-section.gif") repeat-x top left;
	height: 193px;
	margin: 0;
	padding: 35px 0 0 40px;
	width: 186px;	
}
#body .body .section img {display: block;}
#body .body .section a {
	color: #2a4f5e;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 145px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 145px;
}	
#body .body .section a:hover {color: #507685;}
#body .body .section img {border: 0;}

#body .secondary {margin: 20px auto; width: 960px;}
#body .secondary img {border:0;}

#body .secondary div {padding: 0;}
#body .secondary h1 {font-size: 20px; margin:16px 0 16px -10px; padding:0; color:#908878; text-transform:uppercase;}
#body .secondary h2 {color: #2a4f5e;font-size: 16px;font-weight: bold;margin: 0;padding: 0;	text-transform: uppercase;}
#body .secondary h2 a {color: #2a4f5e;}
#body .secondary p {color: #5d5d5d;font-size: 14px;line-height: 20px;margin: 10px 0 0;padding: 0;text-align: justify;width: 550px;}
#body .secondary p a {color: #5d5d5d;}
#body .secondary span a {color: #5d5d5d;font-size: 14px;}
#body .secondary p a:hover {color: #2a4f5e;}
#body .secondary li {color: #5D5D5D;font-size:14px;}

#body .body .article {
	background: url("images/bg-article.gif") no-repeat top center;
	overflow: hidden;
	padding: 19px 16px;
	width: 470px;	
}
#body .body .article img {
	border: 0;
	float: left;
	padding: 0 10px 0 0;
}	
#body .body .article h4 {
	color: #2a4f5e;
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0;
	padding: 0;	
}
#body .body .article h4 a {color: #2a4f5e;text-decoration: none;}
#body .body .article h4 a:hover {color: #507685;}
#body .body .article p {
	color: #2a4f5e;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;	
}
#body .body .article p a {color: #2a4f5e;}
#body .body .article p a:hover {color: #346b84;	}
#body .footer {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 15px 0;
	width: 960px;	
}
#body .footer div {
	float: left;	
	margin: 0;
	padding: 0;
}
#body .footer div ul {
	margin: 0;
	padding: 0;	
}
#body .footer div ul li {
	list-style: none;
	margin: 0 0 15px;
	padding: 0 0 15px;	
}
#body .footer h3 {
	color: #2a4f5e;
	font-size: 14px;
	line-height: 26px;
	margin: 0 0 12px 0;
	padding: 0;	
	text-align: justify;
	text-transform: uppercase;
}
#body .footer h3 a {
	color: #908878;	
	text-decoration: none;
	font-size:16px;
}
#body .footer h3 a:hover {
	color: #507685;	
}
#body .footer .section {
	padding: 0 10px;
	width: 530px;
}
#body .footer ul li {
	background: url("images/border-dashed.gif") repeat-x bottom left;	
}
#body .footer ul li a {
	color: #5d5d5d;	
}
#body .footer ul li:last-child {
	background: none;	
}
#body .footer li p {
	color: #5d5d5d;
	font-size: 14px;	
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: justify;
}
#body .footer li p a {
	color: #5d5d5d;	
	text-decoration: underline;
}
#body .footer li p a:hover {
	color: #aeaeae;	
}
#body .footer li span {
	color: #000;
	display: block;
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0 0;
	padding: 0;
}
#body .footer ul.news li p {
	background: url("images/bullets.gif") no-repeat 0 8px;
	padding: 0 0 0 15px;
}
#body .footer .featured {
	padding: 0 0 0 36px;
	width: 370px;	
}
#body .footer .featured ul li {
	overflow: hidden;	
}
#body .footer .featured img {
	border: 1px solid #dbddde;
	float: left;
	margin: 0 20px 0 0;	
	padding: 1px;
}
#body .footer .featured p {
	margin: 0;
	padding: 0;	
}
#body .footer .featured h3 {
	margin: 8px 0;
	padding: 8px 0;
	line-height:20px;
	font-size:16px;
	color:#908878;
}
#body h1 {
	color: #2a4f5e;
	font-size: 27px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;	
	text-indent: 10px;
	text-transform: uppercase;	
}

#bodyend {height:1px;}
#contentEnd { clear: both; height: 0;} /* fixes problems when content-left is larger than page content*/


#footer {
	background: #CCC9C0 url("images/bg-footer.gif") repeat-x top left;	
	margin: 0;
	min-width: 960px;
	padding: 0;
}
#footer div {
	margin: 0 auto;
	overflow: hidden;
	padding: 26px 0 0;	
	width: 960px;
}
#footer div div {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 230px;	
}
#footer div div h3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}
#footer div div ul li {
	margin: 0;
	list-style: none;
	padding: 0;	
	font-size: 14px;
	line-height: 22px;
	color: #000;	
}	
#footer div div ul li a {
	color: #878273;	
}	
#footer div div ul {
	margin: 0;
	list-style: none;
	padding: 0;	
}	
#footer div p {
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;	
	text-shadow: 1px 1px 1px #fff;
}