* {
	color: #FFFFAA;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
body {
	background-color: #500000;
	padding: 0px;
	margin: 1ex;
	min-width: 110ex;
}
#topnav {
	background-color: #990000;
	margin: 0ex 0ex 1ex 0ex;
	padding: 0.5ex 1ex;
}
#mdcontainer img {
	position: absolute;
	top: 11px;
	left: 278px;
	height: 1.25ex;
	margin: 0px;
	padding: 0px;
}
#mdcontainer {
	color: #FFFFAA;
}
h1 {
	color: #FFFFAA;
	margin: 0.3ex 0.3ex 0.8ex 0.3ex;
	padding: 0px;
	font-size: 36px;
}
h2 {
	font-size: 24px;
	font-weight: bold;
}
#toplogo {
	float: left;
	margin: 0ex 1ex 0ex 0ex;
	padding: 0ex 1ex 0ex 0ex;
}
img {
	margin: 0.2ex 1ex;
	padding: 0ex;
	border: none;
}
span.center {
  text-align: center;
}
ul#navbar {
	background-color: #FFFFAA;
	margin: 0.3ex 1ex;
	padding: 1ex;
}
ul#navbar li {
	background-color: #990000;
	color: #FFFFAA;
	margin: -0.3ex 0.6ex;
	padding: 0.3ex 0.75ex;
	border: 0.15ex outset #FFFFAA;
	display: inline-block;
	font-size: 95%;
}
ul#navbar li:hover {
	background-color: #FFFFAA;
	color: #990000;
	border: 0.15ex inset #990000;
	cursor: pointer;
}
ul#navbar li a{
	color: #FFFFAA;
	text-decoration: none;
}
ul#navbar li:hover>a {
	color: #990000;
	font-style: normal;
}
ul#navbar li img {
  margin: 0px 2.5px 0px -2.5px;
  padding: 0px;
  border: none;
  position: relative;
  top: 0.4ex;
  height: 2ex;
  width: 2ex;
}
ul#navbar li ul {
  display: none;
  position: absolute;
  margin: 0.45ex -10ex;
  padding: 0.6ex 0.3ex 0.3ex 0.3ex;
  background-color: #FFFFAA;
  z-index: 99;
}
ul#navbar li:hover ul, ul#navbar li ul:hover {
  display: block;
}
ul#navbar li ul li {
  margin: 0.3ex;
}
a:hover, a:hover span {
	color: #FFFFAA;
	text-decoration: underline;
}
a, a span {
	text-decoration: none;
	color: #E0D000;
}
div.main {
	margin: 0.3ex;
	padding: 0ex 0.3ex 1ex 0ex;
	border-right: 0.2ex solid #E0D000;
}
body>
/*Internet Explorer Hack*/
div.main {
	width: 74%;
}
div.advertbar {
	margin: 0.3ex 0.4% 0.3ex 1%;
	padding: 0ex 0ex 1ex 1%;
	width: 23%;
	float: right;
}
.main > p, .main > h2, .main > h3, .main > ul {
	margin: 1.5ex 0.3ex;;
	padding: 0ex;
}
.main p em {
  color: #E0D000;
}
.main ul {
  list-style-position: inside;
}
.advertbar p {
	margin: 4ex 1.25ex 4ex 0ex;
	padding: 0.5ex;
	padding-left: 1ex;
	background-color: #990000;
	font-size: 85%;
  border-top-left-radius: 2ex;
  -moz-border-radius-topleft: 2ex;
  -webkit-border-top-left-radius: 2ex;
  overflow: hidden;
}
.advertbar p a img {
  margin-bottom: 0.5ex;
  border: none;
  max-height: 16ex;
  max-width: 9.5ex;
  float: right;
}
.advertbar a:hover img, a:hover img.floatright {
  border: none;
}
.floatright {
  border: none;
  float: right;
  margin: 1ex 1ex 3ex 3ex;
}
img[src="images/davidvideos.png"] {
  border: none;
}
p#enter {
	float: left;
	clear: left;
}
.mainvideo {
	width: 59ex;
	height: 45ex;
	margin: 2ex 0.25ex;
	padding: 0ex;
	background-color: #500000;
}
span.quoteauthor {
	display: block;
	text-align: right;
	margin: 0.3ex 2ex 2ex 2ex;
	padding: 0ex;
	font-style: italic;
}
h4 {
	margin: 0ex 0ex 0.5ex 0ex;
	padding: 0ex;
	font-weight: bolder;
	color: #FFFFAA;
	font-size: 16px;
}
h3 {
	margin: 0.6ex 0ex;
	padding: 0ex;
	font-weight: normal;
	font-size: 20px;
}
div.footer {
	border-top: solid 0.2ex #E0D000;
	margin: 7ex auto 0ex auto;
	width: 35%;
	padding: 2ex 0ex;
	text-align: center;
	font-size: smaller;
}
.footer p {
	margin: 0.2ex 0ex;
	padding: 0ex;
	color: #E0D000;
}
.gallery img {
	max-width: 15ex;
	max-height: 15ex;
	margin: 0.25ex;
	padding: 0ex;
}

a img {
	border: 0.5ex solid #500000;
}

a img:hover, div.sample span:hover img {
	border: 0.5ex solid #FFFFAA;
}

#bigview {
	margin: 2ex;
	padding: 0ex;
}
ul.sample {
	list-style-image: url('images/bullet.png');
	margin: 0.3ex 3ex;
	padding: 0ex;
}
.sample li {
	margin: 0ex;
	padding: 0ex;
}

#bigplayer, #bigplayere {
width: 66%;
height: 45ex;
position: relative;
left: 3ex;
padding: 0px;
margin: 0px;
}

#bigplayerContainer {
height: 45ex;
}

.audioplayer {
width: 0ex;
height: 1ex;
}

div.sample span {
  width: 20ex;
  /*height: 25ex;*/
  padding: 1ex 1.3ex;
  margin: 0ex;
  text-align: center;
  vertical-align:top;
/*In order to put the text description beneath the video
(works by limiting the width so the text "runs onto next line"
when it reaches the end of container*/
  display: table-cell;
/*But Internet Explorer doesn't like this,
however since Explorer supports inline-block, its much easier!*/
  display: inline-block;
  }
div.sample span img {
  width: 100%;
  cursor: pointer;
  border: 0.5ex solid #500000;
}

form ul {
	list-style-type: none;
	margin: 0ex;
	padding: 0ex;
	clear: left;
}
form {
	border: solid 3px #FFFFAA;
	background-color: #602020;
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
  border-radius: 1ex;
	padding: 2ex;
	margin-left: 2ex;
	margin-right: 2ex;
	margin-top: 7ex;
	clear: left;
}
#customerDetails {
	margin-top: 2ex;
}
#customerDetails li {
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 0ex;
	margin-left: 0ex;
	margin-right: 0ex;
}
#customerDetails input {
	position: absolute;
	left: 240px;
}
ul.gallery li {
	padding: 0.5ex;
	margin: 0ex;
  display: block;
	float: left;
	width: 30ex;
	height: 30ex;
	text-align: center;
}
form div {
	clear: left;
}
input {
	color: #500000;
}
span.description {
	font-size: 12px;
}
ul.gallery img {
	cursor: pointer;
}
span.title {
	color: #E0D000;
	cursor: pointer;
}
input[type="text"] {
	background-color: #FFFFAA;
}
span.quantity {
	text-align: left;
	font-size: smaller;
	display: block;
}
.small {
	max-width: 10ex;
	max-height: 10ex;
}
ul.confirm {
	list-style-type: none;
	margin: 3ex;
	padding: 0ex;
	clear: left;
	/*
  How does it look without the columns?
  -moz-column-count: 2;
  -webkit-column-count: 2;
	column-count: 2;*/
}
ul.confirm li {
	display: block;
	margin: 0ex;
	padding: 0.4ex 0.1ex;
}
ul.confirm li img { vertical-align: middle;}
li span {
	display: block;
}