@font-face {
    font-family: 'Tw Cen MT Condensed';
    src: url('/fonts/TwCenMT-Condensed.woff2') format('woff2'),
        url('/fonts/TwCenMT-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {	margin: 60px 30px 0px; font-family: 'Tw Cen MT Condensed', sans-serif; background-image: url("bg3.png"); background-repeat: repeat-y; background-position:center; background-color: rgb(38, 38, 38);}
.maincontainer {	margin: 0px auto; width: 900px; }

.right {	width: 770px; float: right;}
.headhome {	width: 720px; height: 100px; background-image: url("header5.png"); background-repeat: no-repeat;}
.maincontent {	width: 580px; color: black; line-height: 21px; font-family: 'Tw Cen MT Condensed', sans-serif; font-size: 30px;}
.subtitle {	width: 540px; height: 35px; color: rgb(137, 137, 137); font-family: sans-serif; font-size: 12px; font-weight: bold; display: block;}
.subleft {	width: 140px; float: left;}
.subright {	width: 140px; float: right;}
.footer {	width: 540px; color: rgb(177, 177, 177); line-height: 21px; padding-top: 50px; clear: both; font-family: 'Tw Cen MT Condensed', sans-serif; font-size: 20px; display: block;}

.img { margin: 0 5px 20px 0; float: left; padding: 10px 0px;}
.gallery table { margin: 0 5px 20px 0; float: left; }

.navigation {	width: 100px; float: left;margin-top: 120px;}

ul {	list-style: none; margin: 0px;margin-left:-50px}
li {	list-style: none; font-family: 'Tw Cen MT Condensed', agency, Arial Narrow Bold, arial narrow,sans-serif; font-size: 26px; margin-bottom: 16px; }
li.wk {	list-style: none; font-family: 'Tw Cen MT Condensed', agency, Arial Narrow Bold, arial narrow; font-size: 26px; margin-left: -40px;}

h1 {	color: black; line-height: 26px; font-family: 'Tw Cen MT Condensed', sans-serif, arial; font-size: 24px;}
h2 {	color: black; line-height: 26px; font-family: 'Tw Cen MT Condensed', sans-serif, arial; font-size: 22px;}
h3 {	color: black; line-height: 26px; font-family: 'Tw Cen MT Condensed', sans-serif, arial; font-size: 20px;}

p {color: black; line-height: 24px; font-family: Trebuchet MS, helvetica, arial, sans-serif; font-size: 16px;}
blockquote {	padding: 1px 2px; color: black; line-height: 24px; font-family: Trebuchet MS, helvetica, arial, sans-serif; font-size: 14px;}


a {color:#000000}
a.onpage,a:hover {	color: #FFFFFF; text-decoration: none; background-color:#000000;}

a.alt:link {	color: black; text-decoration: none;}
a.alt:hover {	color: rgb(0, 0, 0); text-decoration: none;}

.valid {	padding: 0px; width: 121px; height: 29px; display: block; background-image: url("bg3.png"); background-repeat: no-repeat;}
.valid:hover {	background-position: 0px -29px; display: block; background-color: rgb(38, 38, 38);}

.workdisplay {	width: 540px; padding-top: 25px; clear: both; display: block; min-height: 100px; background-image: url("bg.png"); background-repeat: repeat-x;}
.breadcrumb {	width: 540px; padding-top: 25px; clear: both; display: block; min-height: 100px; background-image: url("bg.png"); background-repeat: repeat-x;}

.composer						{width:170px; float:left; margin:10px;;}
.composer a img			{border-bottom:5px solid rgba(236, 236, 236, 0.5)}
.composer a:hover img	{border-bottom:5px solid black}
.composer a 					{padding:none; margin:none; text-decoration:none;}
.composername				{ text-align:center; padding:10px 0px; height:60px; background-color:rgba(236, 236, 236, 0.5); }

.example{border:1px solid black; display:inline}