html {
overflow-y: scroll;
}

body {
background-color: #000000;
font-family: "georgia", serif;
}

h1 {
font-family: "trebuchet ms", sans;
margin-top: 0em;
margin-bottom: 0em;
margin-right: 10px;
margin-left: 10px;
}

h2 {
font-family: "trebuchet ms", sans;
margin-top: 0em;
margin-bottom: 0em;
margin-right: 10px;
margin-left: 10px;
}

h3 {
font-family: "trebuchet ms", sans;
margin-top: 0em;
margin-bottom: 0em;
margin-right: 10px;
margin-left: 10px;
}

h4 {
font-family: "trebuchet ms", sans;
margin-top: 0em;
margin-bottom: 0em;
margin-right: 10px;
margin-left: 10px;
}

h5 {
font-family: "trebuchet ms", sans;
margin-top: 0em;
margin-bottom: 0em;
margin-right: 10px;
margin-left: 10px;
}

h6 {
font-family: "trebuchet ms", sans;
margin-top: 0em;
margin-bottom: 0em;
margin-right: 10px;
margin-left: 10px;
}

img {
vertical-align: bottom;
}

object {
margin-top: 10px;
margin-bottom: 0em;
margin-right: 0em;
margin-left: 0em;
vertical align: bottom;
}

p {
font-family: "georgia", serif;
line-height: 125%;
text-indent: 3em;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 1em;
margin-right: 1em;
}

sup {
font-size: 75%;
}

ul {
line-height: 150%;
}

.body {
width: 1300px;
margin-right: auto;
margin-left: auto;
}

.out {
background-image:url('img/bg6.jpg');
background-color: #cccccc;
width: 1300px;
margin-right: auto;
margin-left: auto;
margin-top: 1px;
margin-bottom: 2px;
padding: 1px;
}

.outtext {
background-image:url('img/bg6.jpg');
background-color: #cccccc;
width: 1300px;
margin-right: auto;
margin-left: auto;
margin-top: 1px;
margin-bottom: 2px;
padding: 1px;
}

.outport {
background-image:url('img/bg6.jpg');
background-color: #cccccc;
width: 1320px;
margin-right: auto;
margin-left: auto;
margin-top: 1px;
margin-bottom: 2px;
padding: 1px;
}

.port {
padding-top: 10px;
padding-bottom: 10px;
border: none;
}


.discap {
text-align: left;
font-family: "trebuchet ms", sans;
font-size: smaller;
font-weight: bold;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 4px;
}

.center {
text-indent: 0em;
text-align: center;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0em;
}

.thumbpad {
padding: 1px;
border: none;
}

.right {
float: right;
margin-right: 10px;
margin-left: 10px;
margin-top: 0em;
margin-bottom: 0em;
text-indent: 0em;
}

.left {
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 0em;
margin-bottom: 0em;
text-indent: 0em;
}

.rightbutton {
float: right;
margin-right: 10px;
margin-left: 10px;
margin-top: 2px;
margin-bottom: 0em;
text-indent: 0em;
vertical-align: bottom;
}

.copynot {
font-size: 75%;
text-align: center;
text-indent: 0em;
text-transform: lowercase;
color: #ffffff;
}

.bigdisc {
background-image: url('img/bg5.jpg');
width: 1088px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
}

.vinyl {
float: right;
width: 544px;
padding: 0px;
margin: 0px;
border:0px;
text-align: center;
}


.compare {
margin-top: 10px;
margin-left: 0em;
margin-right: 0em;
}

.half {
margin: 0em;
width: 50%;
float: left;
}

half p {
margin: 0em;
}


.centerroller {
text-indent: 0em;
text-align: center;
margin-top: 0px;
margin-bottom: 0em;
height: 532px;
}

.portrollersm {
vertical-align: middle;
margin-top: 56px;
border: none;
}

.portrollerpan {
vertical-align: middle;
padding-top: 10px;
border: none;
}

.onpiccap {
position: relative; 
width: 100%;
margin: 0px;
padding: 0px;
border: none;
}

p.onpicleft { 
text-indent: 0px;
text-align: left;
position: absolute; 
bottom: 10px; 
left: 10px;
width: 100%; 
color: white; 
}

p.onpicright { 
text-indent: 0px;
text-align: left;
position: absolute; 
bottom: 10px; 
left: 655px;
width: 100%; 
color: white; 
}

p.onpicleft span { 
background: rgb(0, 0, 0); /* fallback color */
background: rgba(0, 0, 0, 0.4);
padding: 5px; 
}

p.onpicright span { 
background: rgb(0, 0, 0); /* fallback color */
background: rgba(0, 0, 0, 0.4);
padding: 5px; 
}

#zoomwhite {
width: 1280px;
height: 820px;
margin: 10px;
background-color: white;
background-image:url('http://www.dementlieu.com/img/zoom_bg_turtle.jpg');
}

#zoomblack {
width: 1280px;
height: 820px;
margin: 10px;
background-color: black;
}