/*	Under Design - Digital Conversion Services CSS Layout
	Design & Code (c) 2008-2011 Andrew Davidson 
red CC0000 / green c4d68a / yellow F6F6D2
	----------------------------------------------------------- */

/* Load fonts - solves the Firefox cross-site bug  */
@font-face { font-family: 'Hefty';
src: url('http://www.undr.com/fonts/Hefty-Regular/heftyregular-webfont.eot');
src: local('Hefty'),
url('/fonts/Hefty-Regular/heftyregular-webfont.woff') format('woff'),
url('http://www.undr.com/fonts/Hefty-Regular/heftyregular-webfont.woff') format('woff'),
url('http://www.undr.com/fonts/Hefty-Regular/heftyregular-webfont.ttf') format('truetype'),
url('http://www.undr.com/fonts/Hefty-Regular/heftyregular-webfont.svg#HeftyRegular') format('svg'),
url('/fonts/Hefty-Regular/heftyregular-webfont.ttf') format('truetype'),
url('/fonts/Hefty-Regular/heftyregular-webfont.svg#HeftyRegular') format('svg');}

@font-face {
font-family: 'League Gothic';
src: url('http://www.undr.com/fonts/League_Gothic/League_Gothic.eot');
src: local('League Gothic'),
url('/fonts/League_Gothic/League_Gothic.woff') format('woff'),
url('http://www.undr.com/fonts/League_Gothic/League_Gothic.woff') format('woff'),
url('http://www.undr.com/fonts/League_Gothic/League_Gothic.ttf') format('truetype'),
url('http://www.undr.com/fonts/League_Gothic/League_Gothic.svg#LeagueGothic') format('svg'),
url('/fonts/League_Gothic/League_Gothic.ttf') format('truetype'),
url('/fonts/League_Gothic/League_Gothic.svg#LeagueGothic') format('svg');}

/* Global CSS Reset  ------------------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1em; }
ol,ul { list-style:none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-spacing: 0;  width: 100%; color: #000; }
caption,th,td { font-weight:normal; line-height:1.6em; }
tr {border-bottom: thin solid #600;}
td p, th p {font-size: 80%; line-height:1em;}

blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }

/* HTML Elements ------------------------------------------------------------------  */
body { background-color:#C00; font:16px/1.3em Helvetica, "Neue Helvetica", sans-serif; text-align:left; color:#FFF; }
acronym { border-bottom:1px dashed black; cursor:help; }
acronym:hover:after { content:" (" attr(title) ") "; }
abbr { border-bottom:1px dashed black; cursor:help; }
dl { margin:.25em; clear:both; }
.line { margin-top:1em; padding-top:.25em; border-top:thin dotted black; }
dt,dd.right { font-weight:bold; }
dt { float:left; padding-right:3em; }
dd { margin:0; }
dd.right { float:right; padding-left:1em; }
dd.definition { float:left; padding:0 3em; font:italic 100% Georgia,Times,sans-serif; }
img { margin:.25em; }
.legal { font-size:60%; line-height:1em; }
a { text-decoration:underline; color:#FFF; }
a:visited { text-decoration:underline; color:#F6F6D2; }
a:hover { text-decoration:none; color:#FFF; }

/* Page Layout
	----------------------------------------------------------------------- */
#container { width:800px; margin:0 auto; padding:10px 0 20px 0; display: block; clear: both;}
.box { overflow:auto; display:block; float:left; padding:15px 20px 10px; margin:0 20px 20px 0; width:340px; }
.widebox { overflow:auto; display:block; float:left; clear:both; padding:10px 20px; margin:0 20px 20px 0; width:760px; }
.widebox p { margin-top:1.5em; color:#300; }
#header p,.heavy { clear:both; width:85%; margin:.5em auto; font-size:130%; line-height:1.2em; color:#FFD; letter-spacing: -1px; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0;}
.heavy a,.heavy i,.heavy b { color:#FFF; }
#body { display:block; clear: both;}
.tab { color:#000; background:url(http://undr.com/digital_conversion/vhstodvd.us/pics/top_x_tab.gif) top left no-repeat #c4d68a; }
.order { color:#000; background:url(http://undr.com/digital_conversion/vhstodvd.us/pics/top_x_tab.gif) top left no-repeat #FD9; }
.box a, .widebox a { text-decoration:underline; color:#C00; }
.box a:visited, .widebox a:visited { text-decoration:underline; color:#000; }
.box a:hover, .widebox a:hover { text-decoration:none; color:#600; }
.box p { padding-top:10px; }
.box h3, .widebox h3 { font-family: 'League Gothic', Impact, sans-serif; font-size: 180%; line-height: 100%; font-style: normal;}
.box h3 span { letter-spacing: -2px; vertical-align: super; color:#fff; float:right; display:inline; font-family: 'Arial Black', sans-serif;  text-shadow: rgba(0, 0, 0, 1) 2px 2px 4px;}
#menu { width:800px; margin:0 auto; }

/* Footer Style
   ----------------------------------------------------------------------- */
#footer {display: block; background: url(http://undr.com/digital_conversion/pics/ragged_c00.gif) top left repeat-x #ccc; font-size: 1.2em; margin-top: 1em;}
#footer ul {list-style-type: none; display: block; text-align: center; margin: 20px auto;}
#footer ul li {list-style: none; display: inline; margin: 0 .25em; text-transform: uppercase;}
.footinside {width: 820px; margin: 0 auto; padding: .5em 0;}   
#footertable {margin: 1em auto; clear:both; text-align: left; }
#footertable td {vertical-align: top; padding: 0 10px;}
#footertable a {color: #000;}
#footertable a:hover {color: #333; text-decoration:none;}
.gothic, #footer h3, #footer h6 {font-family: 'League Gothic', Impact, sans-serif; letter-spacing: -1px;font-style: normal;}
#footer h3 {font-size: 1.4em; }
.gothic {font-size: 1.6em;  }
#footer h6 {font-size: 1.4em;}
.gothic li a {color: #C00; text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 0; text-decoration:none; line-height: .9em; }
.gothic li a:hover {color: #FFD; text-shadow: rgba(204, 0, 0, 1) 1px 1px 10px; text-decoration:none;}

.postcard {float: left; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; margin: 5px;}
.skew {-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);}
.yaw {-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);}
.gothic {margin: 0 0 5em 0; display: block;}
.gothic li {display: inline; float: left; padding: 0 1em;  text-align: center; line-height: 1.1em; font-size: 120%;}
.seo {display: none;}
table { border-spacing: 2px; border-collapse: separate; width: 800px; color: #000; }
.reeltable td {border-bottom: 2px dashed #900;}
.r2xrate {background: #f33;}
.r3xrate {background: #f66;}
.r4xrate {background: #f99;}
.tablehead, .note {background: #900; color: #fcc; }
.note h5 {color: #fc0;}
.alert {background: url('/pics/warningstripe_72_m.jpg') top left repeat-y #FC0; margin: 30px; padding: 10px 30px 10px 90px; display: block;}

/* Headings H1-H6  ------------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:bolder; line-height:normal; }
h1 { font-size:4.5em; font-weight:lighter; letter-spacing:-3px; clear:both; font-family: 'League Gothic', Impact, sans-serif; font-style: normal;}
h2 { margin:.5em auto; text-align:center; text-transform:uppercase; font-size:1em; clear:both; color:#FFF; font-family: 'Hefty', 'Arial Black', sans-serif; text-shadow: rgba(0, 0, 0, 1) 2px 2px 4px; letter-spacing: -2px; font-style: normal;}
h3 { padding-left:15px; font-size:1.4em; color:#000; margin-bottom:.25em; }
h4 { font-size:1.2em; }
h5 { font-size:.6em; margin:.5em auto; text-align:center; text-transform:uppercase; clear:both; color:#300; font-family: 'Hefty', 'Arial Black', sans-serif; letter-spacing: -1px; font-style: normal;}
h6 { font-size:.4em; }

/* Paragraph and Link Styles ---------------------------------------------------------------------------------  */
p { margin-bottom:.5em; padding:0; }
#content p { margin-bottom:1em; }
a { text-decoration:underline; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
:link[target=_blank],:visited[target=_blank],:link[target=_new],:visited[target=_new] { cursor:crosshair; }

/* Lists and Navigation -------------------------------------------------------------------------------------------  */
.toolbar { margin:0 auto; display:block; text-align:center; }
.toolbar li { display:inline; padding:.25em .5em; margin:0 .25em 0 0; }
ol {list-style-type: decimal; list-style-position: inside;}
h3+ol {margin: 2em 0 1em 0;}

/* Form Styles ------------------------------------------------------------------------------------------- */
form { padding:0 .25em; line-height:1.4em; margin:.5em; }
input,textarea,select { margin:.2em .2em .1em; }
form fieldset { text-align:left; display:block; }
form legend { font-weight:bold; margin-bottom:1em; padding:.5em; }
form label { margin-top:.5em; vertical-align:bottom; font:italic 70% Georgia,Times,sans-serif; clear:left; display:inline; float:left; width:6em; text-align:right; }
form textarea { overflow:auto; }