body{
margin: 0px;
padding: 0px;
background: #E2E2E2;
width: 100%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
#main{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
background: url(../images/trillenium_background.jpg);
}
#trilleniummusiccompanylogo{
margin: 0px;
padding: 0px;
width: 670px;
height: 138px;
background: url(../images/trillenium_music_company.jpg);
}
#trilleniummusiccompanylogo img{
border: 0px;
width: 670px;
height: 138px;
}
h1{
position: absolute;
margin-left: -5000px;
margin-top: -6000px;
padding: 0px;
width: 0px;
cursor: pointer;
text-align: left;
}
h2{
position: absolute;
margin-left: -5000px;
margin-top: -5000px;
padding: 0px;
width: 0px;
cursor: pointer;
text-align: left;
}
h3{
position: absolute;
margin-left: -5000px;
margin-top: -4000px;
padding: 0px;
width: 0px;
cursor: pointer;
text-align: left;
}
h4{
position: absolute;
margin-left: -5000px;
margin-top: -3000px;
padding: 0px;
width: 0px;
cursor: pointer;
text-align: left;
}
h5{
position: absolute;
margin-left: -5000px;
margin-top: -2000px;
padding: 0px;
width: 0px;
cursor: pointer;
text-align: left;
}
h6{
position: absolute;
margin-left: -5000px;
margin-top: -1000px;
padding: 0px;
width: 0px;
cursor: pointer;
text-align: left;
}
#mainlinks{
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
border: 0px;
font-size: 14px;
color: #000000;
font-weight: bold;
}
#mainlinks a{
color: #404F8A;
font-weight: bold;
text-decoration: none;
}
#mainlinks a:hover{
color: #404F8A;
font-weight: bold;
text-decoration: underline;
}
#pagetitle{
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 600px;
border: 0px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #840000;
}
#topline{
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
height: 10px;
border: 0px;
}
#topline img{
width: 670px;
height: 10px;
border: 0px;
}
#hometoptext{
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 500px;
border: 0px;
font-size: 16px;
}
#hometoptext span.trillenium{
font-family: "Palatino Linotype";
font-size: 20px;
font-weight: bold;
}
#hometoptext span.tunbridge{
font-family: Helvetica;
font-size: 18px;
font-weight: bold;
}
#hometext{
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 590px;
border: 0px;
text-align: justify;
}
#content{
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 615px;
border: 0px;
text-align: left;
color: #404F8A;
font-size: 12px;
}
#content a.red{
color: #840000;
text-decoration: underline;
}
#content span.datechanged{
color: #000000;
font-style: italic;
font-size: 10px;
}
.linkcenter{
text-align: center;
font-size: 14px;
}
.linkcenter a{
color: #840000;
text-decoration: underline;
}
.break{
clear: both;
line-height: 30px;
text-align: center;
font-size: 16px;
}
.center{
line-height: 30px;
text-align: center;
font-size: 16px;
color: #840000;
}
.center a{
font-size: 14px;
color: #840000;
text-decoration: none;
}
.center a:hover{
font-size: 14px;
color: #840000;
text-decoration: underline;
}
.centersmall{
font-style: italic;
text-align: center;
font-size: 12px;
}
.inside{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 600px;
}
.instrument{
line-height: 20px;
float: left;
width: 300px;
font-size: 11px;
}
.instrument a{
color: #404F8A;
font-weight: bold;
text-decoration: none;
}
.instrument a:hover{
color: #404F8A;
font-weight: bold;
text-decoration: underline;
}
.search{
line-height: 20px;
float: left;
width: 200px;
font-size: 11px;
}
.search a{
color: #404F8A;
font-weight: bold;
text-decoration: none;
}
.search a:hover{
color: #404F8A;
font-weight: bold;
text-decoration: underline;
}
.composition{
margin: 0px;
margin-left: 55px;
line-height: 20px;
text-align: left;
width: 500px;
font-size: 12px;
}
.composition a{
color: #404F8A;
font-weight: bold;
text-decoration: none;
}
.composition a:hover{
color: #404F8A;
font-weight: bold;
text-decoration: underline;
}
.composer{
line-height: 20px;
float: left;
width: 300px;
font-size: 11px;
}
.composer a{
color: #404F8A;
font-weight: bold;
text-decoration: none;
}
.composer a:hover{
color: #404F8A;
font-weight: bold;
text-decoration: underline;
}
.contactcenter{
text-align: center;
}
#contactus{
margin: 0px;
margin-top: 20px;
margin-left: 7px;
padding: 0px;
width: 600px;
text-align: right;
}
#contactus input.text{
width: 175px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
#contactus input.submit{
width: 300px;
height: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align:center
}
#contactus textarea{
width: 300px;
height: 75px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.contactfloat{
float: left;
line-height: 20px;
width: 300px;
text-align: right;
}
.contactfloat span.red{
color: #850000;
}
.contactclear{
clear: both;
}
#bottomline{
clear: both;
margin: 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
height: 10px;
border: 0px;
}
#bottomline img{
width: 670px;
height: 10px;
border: 0px;
}
#footerspace{
clear: both;
margin: 0px;
padding: 0px;
width: 670px;
height: 20px;
line-height: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1px;
}
#footer{
clear: both;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
height: 218px;
text-align: center;
background: url(../images/trillenium_footer.jpg) no-repeat;
}
#footerdesign{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
height: 100px;
text-align: center;
}
#footerdesign img{
border: 0px;
width: 670px;
height: 100px;
}
#footertext{
margin: 0px;
padding: 0px;
padding-top: 9px;
font-size: 16px;
font-weight: bold;
}
#footertext a{
color: #FFFFFF;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}
#footertext a:hover{
color: #00FFFF;
text-decoration: underline;
font-size: 16px;
font-weight: bold;
}
#maintrillenium{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 619px;
height: 801px;
font-family: "Palatino Linotype";
}
#maintrillenium a{
width: 181px;
height: 30px;
font-size: 0px;
white-space: nowrap;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
}
#maintrillenium img{
width: 619px;
height: 801px;
border: 0px;
}
#maintrillenium div.divtrillenium{
position: absolute;
margin: 0px;
margin-top: -779px;
margin-left: 60px;
padding: 0px;
width: 499px;
text-align: center;
}
#maintrillenium div.divtrillenium span.catalognumber{
font-size: 18px;
font-weight: bold;
}
#maintrillenium div.divtrillenium span.trilleniumcomposerfirstname{
font-size: 52px;
font-weight: bold;
color: #840000;
}
#maintrillenium div.divtrillenium span.trilleniumcomposerlastname{
font-size: 56px;
font-weight: bold;
color: #840000;
}
#maintrillenium div.divtrillenium span.title{
font-size: 48px;
font-weight: bold;
color: #840000;
}
#maintrillenium div.divtrillenium span.original{
font-size: 18px;
font-weight: normal;
font-style: italic;
}
#maintrillenium div.divtrillenium span.secondaryby{
font-size: 20px;
font-weight: bold;
}
#maintrillenium div.divtrillenium span.instrumentation{
font-size: 20px;
font-weight: bold;
}
#maintrillenium div.divtrillenium span.comments{
font-size: 16px;
font-weight: normal;
}
#maintunbridge{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 619px;
height: 801px;
font-family: Helvetica;
}
#maintunbridge a{
width: 181px;
height: 30px;
font-size: 0px;
white-space: nowrap;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
}
#maintunbridge img{
width: 619px;
height: 801px;
border: 0px;
}
#maintunbridge div.divtunbridge{
position: absolute;
margin: 0px;
margin-top: -796px;
margin-left: 60px;
padding: 0px;
width: 499px;
text-align: center;
}
#maintunbridge div.divtunbridge span.catalognumber{
font-size: 18px;
font-weight: bold;
}
#maintunbridge div.divtunbridge span.title{
font-size: 72px;
font-weight: bold;
color: #404F8A;
}
#maintunbridge div.divtunbridge span.original{
font-size: 18px;
font-weight: normal;
font-style: italic;
color: #404F8A;
}
#maintunbridge div.divtunbridge span.tunbridgecomposer{
font-size: 24px;
font-weight: bold;
color: #404F8A;
}
#maintunbridge div.divtunbridge span.secondaryby{
font-size: 20px;
font-weight: bold;
}
#maintunbridge div.divtunbridge span.instrumentation{
font-size: 16px;
font-weight: normal;
}
#maintunbridge div.divtunbridge span.comments{
font-size: 16px;
font-weight: normal;
}
#totalwebfusion{
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 0px;
width: 670px;
text-align: center;
color: #1D1D1D;
}
#totalwebfusion a{
color: #1D1D1D;
text-decoration: none;
}
#totalwebfusion a:hover{
color: #1D1D1D;
text-decoration: underline;
}
#w3c{
margin: 0px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 670px;
text-align: center;
}
#w3c img{
border: 0px;
width: 88px;
height: 31px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
