/* Layout */
body {background:#333; margin:0px; padding:0px;}
#wrap {background:#000; width:840px; margin:auto;}
#masthead {background:url(images/gradient.gif) no-repeat bottom; width:800px; border-bottom: 4px double #CC9; margin:auto}
#content_container {background:#003; width:800px; margin:auto;}
#wide_column {width:400px; float:left; padding:20px;}
#narrow_column {width:320px; float:left; padding:20px;}
#full_column {width:760px; padding:20px;}
#footer {background:#003; width:800px; height:75px; border-top:4px double #CC9; margin:auto; padding-top:20px;}


/* Masthead */
#navigation {background:url(images/dvd.png) no-repeat bottom left; _background:url(images/dvd2.png) no-repeat bottom left; height:500px;}
#masthead img {border:none;}
#logo {width:200px; float:left; padding:5px;}
#top_nav {width:570px; float:left; padding:5px; margin-top:15px; border-bottom: 4px double #CC9; text-align:right; font:12px Arial, Helvetica, sans-serif;}
#top_nav img {margin: 0px 3px 0px 20px;}
#top_nav a:link, #top_nav a:active, #top_nav a:visited {color:#003; text-decoration:none; font-weight:bold;}
#top_nav a:hover, #top_nav a:focus {color:#ff9; font-weight:bold;}

#main_nav {clear:both;}
#main_nav ul {margin-left:395px; *margin-left:425px;}
#main_nav li {list-style:none; display:block; height:50px; width:200px; margin-bottom:15px; _margin-bottom:8px; line-height:13px;}
#main_nav a:link, #main_nav a:active, #main_nav a:visited {display:block; width:200px; height:50px; padding-left:50px; padding-top:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#main_nav a:hover, #main_nav a:focus {padding-left:60px;}
#main_nav .nav_description {font-weight:normal; font-style:italic; font-size:12px; color:#FF9;}

#main_nav li.aboutus {background: url(images/aboutus.png) no-repeat; _background: url(images/aboutus.gif) no-repeat;} 
#main_nav li.aboutus:hover {background: url(images/aboutus-h.png) no-repeat;} 
#main_nav li.whydvd {background: url(images/whydvd.png) no-repeat; _background: url(images/whydvd.gif) no-repeat; margin-left:40px;} 
#main_nav li.whydvd:hover {background: url(images/whydvd-h.png) no-repeat;} 
#main_nav li.services {background: url(images/services.png) no-repeat; _background: url(images/services.gif) no-repeat; margin-left:70px;} 
#main_nav li.services:hover {background: url(images/services-h.png) no-repeat;}
#main_nav li.ordering {background: url(images/ordering.png) no-repeat; _background: url(images/ordering.gif) no-repeat; margin-left:90px;} 
#main_nav li.ordering:hover {background: url(images/ordering-h.png) no-repeat;} 
#main_nav li.pricing {background: url(images/pricing.png) no-repeat; _background: url(images/pricing.gif) no-repeat; margin-left:90px;} 
#main_nav li.pricing:hover {background: url(images/pricing-h.png) no-repeat;} 
#main_nav li.contactus {background: url(images/contactus.png) no-repeat; _background: url(images/contactus.gif) no-repeat; margin-left:70px;} 
#main_nav li.contactus:hover {background: url(images/contactus-h.png) no-repeat;} 
#main_nav li.legal {background: url(images/legal.png) no-repeat; _background: url(images/legal.gif) no-repeat;margin-left:70px;} 
#main_nav li.legal:hover {background: url(images/legal-h.png) no-repeat;} 


/* Content */
h1 {font: bold 24px Arial, Helvetica, sans-serif; color:#FFF; margin-top:0px;}
h2 {font: normal 14px Arial, Helvetica, sans-serif; font-style:italic; color:#FF9; margin-top: -15px;}
h2.formats {font: normal 14px Arial, Helvetica, sans-serif; font-style:italic; color:#FF9; margin-top: 25px;}
h3 {font: bold 12px Verdana, Geneva, sans-serif; color: #960; margin:20px 0px 10px 0px;}
#content_container p {font: normal 12px Verdana, Geneva, sans-serif; color:#CCC; margin:0px 0px 10px 0px;}
#content_container ul.hyperlinked_list li {list-style:none; display:block; font:normal 13px Verdana, Geneva, sans-serif; color:#FC0; border-bottom:1px dotted #CC9; padding:5px; margin:0px 40px 0px -40px;}
#content_container ul.ordinary_list li {list-style:none; display:block; font:normal 13px Verdana, Geneva, sans-serif; color:#FFF; border-bottom:1px dotted #CC9; padding:5px; margin:0px 40px 0px -40px;}
#content_container a:link, #content_container a:active, #content_container a:visited {color:#FC0; text-decoration:none;}
#content_container a:hover, #content_container a:focus {font-weight:bold;}
#content_container div.hr {background:#C90; color:#C90; height:1px; margin:15px 0px; line-height:1px; overflow:hidden;}
div.graphic_DIV {text-align:center;}
img.graphics {border: 4px double #CC9;}
img.spaced {margin:5px;}


/*Form */
form {margin-top:20px;}
form label {display:block; width:100px; float:left}
form .text {width:200px;}
form .textarea {width:275px; height:150px;}
form input#Submit {margin-left:100px;}

/* Footer */
#footer p {font: normal 11px Arial, Helvetica, sans-serif; color:#ccc; text-align:center;}
#footer a:link, #footer a:visited, #footer a:active {text-decoration:underlined; color:#ccc; font-size:12px; margin:0px 3px;}
#footer a:hover, #footer a:focus {color:#ff9;}