/* reset */

* {
margin: 0;
padding: 0;
}


/* Hidden Elements */
div#headerhandheld { 
  display : none; 
}



/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
background: #73008C;
color: #555;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}


/* layout */
#wrapper {
width: 960px;
margin: 0 auto;
background-color: #DEE5F2;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9FCF7), to(#B2B2FF));
background: -moz-linear-gradient(top, #F9FCF7 0%, #B2B2FF 100%);
border: 2px solid #333;

/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;

}



header {

margin-top: 10px;

}



#main {

margin: 0 auto;
color: #444;
font-size: 16px;
line-height: 1.2em;

}



footer {

padding: 0 20px;

color: #333;

clear: both;

margin: 40px 10px 0 10px;

}



/* basics */



h1,h2,h3,h4,h5,h6,h2Cassette,h2jam {

font-weight: bold;

clear: both;

color: #73008C;

}



a {

color:#555;

}



a:hover {

color: #555;

}

	

p {

margin-bottom: 18px;

}



p_small {

line-height: 00px;

margin-bottom: 0px;

font-size: 10px;

}



li {

padding-left: 5px;

}







ulindent {

margin-left: 10px;

text-indent: 0px;

}



ul2 {

list-style-position:inside;



}



olindent {

margin-left: 10px;

text-indent: 0px;

list-style: decimal inside;

}





indentli {

padding-left: 5px;

margin-left: 15px;

}



hr {

display: block;

position: relative;

padding: 0;

margin: 8px auto;

width: 100%;

clear: both;

border: none;

border-top: 1px solid #555;

border-bottom: 1px solid #555;

font-size: 3px;

line-height: 0;

overflow: visible;

}



/* nav */



nav .menu {

width: 100%;

font-size: 16px;

font-weight: bold;

}



nav .menu ul {

list-style: none;

margin: 10;

text-align: center;

}



nav .menu ul li {

display: inline;

position: relative;

}



nav .menu ul li a {

border-right: 1px #555 solid;

color: #555;

padding: 0 9px;

line-height: 10px;

text-decoration: none;

}



nav .menu ul li a:hover {

text-decoration: underline;

}



/* headermenu */



headermenu {

margin-top: 00px;

}



headermenu h1 {

font-size: 36px;

margin-left: 10px;

float: left;

}



headermenu h1 a {

color: #1E469B;

font-weight: bold;

text-decoration: none;

text-shadow: 0px 2px 3px #777;

}



headermenu h2 {

float: left;

clear: right;

margin-left: 10px;

color: #777;

padding-top: 08px;

}



/* casette */



cassette {

margin-top: 00px;

font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;



}



h1cassette {

font-size: 16px;

clear: both;

color: #000000;

margin-bottom: 18px;

line-height: .5em;

}



cassette h1 a {

color: #1E469B;

font-weight: bold;

text-decoration: none;

text-shadow: 0px 2px 3px #777;

}



cassette h2 {



float: left;

clear: right;

margin-left: 10px;

color: #777;

padding-top: 08px;



}



cassette h4 {

float: left;

clear: right;

margin-left: 60px;

margin-top: 8px;

color: #777;

}



cassette h2 a {

color: #1E469B;

font-weight: bold;

text-decoration: none;

text-shadow: 0px 2px 3px #777;

}



cassette p {

margin-bottom: 01px;

line-height: .5em;



}





/* greeting */



#greeting {

padding-top: 20px;

}



#greeting h2 {

display: inline;

font-size: 20px;

color: #73008C;

}



#greeting p {

font-size: 16px;

}



#greeting img {

border: none;

/* curved border radius */

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

-webkit-box-shadow: 3px 3px 7px #777;

-moz-box-shadow: 3px 3px 7px #777;

}



.learnmore {

display: block;

background-color: #73008C;

padding: 5px 10px;

float: left;

/* curved border radius */

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

}



.learnmore a {

color: #ddd;

font-size: 16px;

font-weight: bold;

text-decoration: none;

}



/* main content */



#main {

margin: 0 10px;

}



#main h1, h2, h2Cassette, h3, h4, h5, h6, h2jam {
color: #73008C;
margin: 0 0 20px 0;
line-height: 1.5em;

}



#main h2Cassette {
font-size: 22px;
margin: 0 0px 20px 0px;
}



#main h3 {
border-bottom: 1px #555 solid;
font-size: 20px;
}

#main h2jam {
font-size: 26px;
}

#infoboxes {

margin: 30px 0;

}



#infoboxleft {

float: left;

width: 300px;

}



#infoboxcassette {

float: left;

width: 300px;

background-image:url('images/300_TDK MA-R-1982 B.jpg');

background-repeat:no-repeat;

}



#infoboxmid {

float: left;

width: 300px;

margin-left: 20px;

}



#infoboxright {

float: right;

width: 300px;

margin-left: 20px;

}



#infoboxleft23 {

float: left;

width: 600px;

margin-left: 20px;

}



#infoboxright23 {

float: right;

width: 600px;

margin-left: 20px;

}



#infoboxlefthome {

float: left;

width: 620px;

margin-left: 0px;

}





#infoboxleftpicture {

float: left;

width: 375px;

margin-left: 0px;

}

#infoboxrightpicture450 {

float: right;
width: 450px;
margin-left: 0px;

}


#infoboxleftsetlist {

float: left;
width: 380px;
margin-left: 10px;

}


#infoboxrightsetlist {

float: left;

width: 320px;

margin-left: 10px;

}



#infoboxmiddlethome {

float: left;

width: 300px;

margin-left: 20px;

}



#infoboxrighthome {

float: left;

width: 220px;

margin-left: 10px;

}



#homeborder

{

padding:0px;

border:0px;

}





blockquote {

padding-left: 40px;

background: transparent url(images/openquotes.png) no-repeat;

font-style: italic;

}



#contentsummary {

margin-top: 20px;

float: left;

width: 940px;

}



.alignleft,

img.alignleft {

display: inline;

float: left;

margin-right: 24px;

margin-top: 4px;

}



.alignright,

img.alignright {

display: inline;

float: right;

margin-left: 24px;

margin-top: 4px;

}



.aligncenter,

img.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignleft, img.alignright, img.aligncenter {

margin-bottom: 12px;

}



/* footer */



footer p {

text-align: right;

padding-right: 20px;

}



.clearall {

clear: both;

}