* {margin: 0; padding: 0;}

body {background:  #FFFBEF url(TopBar.gif) repeat-x 0 0;  /*#A06E63;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.3em;
} 

h1, h2, h3, h4, h5, h6 {font-weight: bold; text-align: center; color: #333; line-height: 1.5em;}
h1 {font-size: 2.0em; margin: 0.5em; -moz-text-shadow: 2px 2px 4px #BBB;
-webkit-text-shadow: 2px 2px 4px #BBB;
text-shadow: 2px 2px 4px #BBB;}
h2 {font-size: 1.8em; margin: 0.5em; -moz-text-shadow: 2px 2px 4px #BBB;
-webkit-text-shadow: 2px 2px 4px #BBB;
text-shadow: 2px 2px 4px #BBB;}
h3 {font-size: 1.5em; margin: 0.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6, p {font-size: 1em; font-weight: 300;}
.h7 {font-size: 0.9em; font-weight: bold; 
line-height: 1.1;
text-align: center; 
color: #0088FF; 
margin: 1em 0.5 0 0.5em;
}

a {color: #0000FF;
text-decoration: none;
}
a:hover {color: #0099FF;}

div#container {margin: 0 auto;
text-align: center;
width: 70em;
max-width: 1024px;
}

div#topspacer {width: 70em;}

div#masthead {
height: 10em;
margin: 0 auto;
text-align: center;
width: 70em;
}

div#masthead h1 {font-size: 2.5em;
float: right;
margin-right: 3em;
}

div#masthead img {float:right;
margin: 1em 9em 0 0;
}

div#branding {
width: 70em;
height: 15em;
margin: 0 auto;
text-align: center; /* for IE 6 */
}
div#brandingimg {
height: 200px;
width: 900px;
margin: 0 auto;
text-align: center;
}

div#brandingimg h5 {text-align: left; margin: -50px 0 0 37px;}

div#mainbody {width: 70em;}

div#moviepics {/* margin = 27em */
float: left;
width: 24em;
overflow: hidden;
margin-left: 3em;
}

div#moviepics img {float: left; 
}

div#moviepics img#TVU {margin-top:13em;} 
div#moviepics img#Unity {margin-top: 25em;}
div#moviepics img#LOA {margin-top: 13em;}   
div#moviepics img#EOC {margin-top: 2em; }   

div#moviedescription {/* margin = 22em */
float: left;
width: 21em;
text-align: left;
margin-left: 1em;
margin-top: 1em;
}

div#moviedescription ul {list-style: none;}
div#moviedescription li {background: url(images/arrow.gif) no-repeat 0 0.5em;
margin-left: 0em;
border-bottom: 1px solid #BBB;
}

div#moviedescription li.lilast {border: 0;}

div#moviedescription h2 {border-bottom: 2px solid #555;
text-align: left;
}

div#moviedescription h5 {font-family: Tahoma, sans-serif;
text-align: left;
margin-left: 1em;
margin-top: 4em;
}
div#moviedescription h6 {text-align: left;

}
div#moviedescription a {color: #000; text-decoration: none;}
div#moviedescription a:hover {color: #00F; text-decoration: underline;}

div.signup {/* margin = 16.5em */
float: left; 
margin: 3.5em 0 0 2.5em;
width: 14em;
}

div.signup fieldset, div#ad fieldset {border: 0;}

div.signup #subscribeform {width: 95%;
margin-left: 0;
}

div#ad {
	width: 90%;
	border: 4px solid #CCC; 
	-webkit-box-shadow: 2px 2px 4px #000;
	-moz-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;

    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;margin-top: 1.5em;
}
div#ad fieldset {margin: 1em auto; display: block;}
div#ad #MovieRequestForm {width: 100%; margin: 0 auto;} 

div#ad label, div#ad input {float: left;}
div#ad label {width: 50%; text-align: right;}
div#ad input, div#ad textarea {margin-left: 3em;}

div.signup div#fsfirst {display: block; 
border: 2px solid blue; 
background: #F8F3E9;
padding: 1em 0;
}

div.signup input.formelement {display: block; margin: 0.5em auto; text-align: center;}
div.signup input.formelement:hover {background-color: #EEE;} /* won't work in IE <=6 */ 

div#moviead {width: 70%; margin: 0 auto;}
div#moviead p, div#moviead li {text-align: left;}

div#ad label { text-align: right;}
div#ad input {margin-left: 3em;}
div#ad label#captcha {width: 50%; margin-right: 1em;} 
div#ad fieldset#buttons input {margin-left: 45%}


hr {
width: 60em; 
margin: 2em auto 1em auto; 
text-align: center;
color: #555;
}

div#copyright {width: 90%; margin: 0 auto 2em auto;}

div#copyright img {display: block;}

div#copyright ul#websites {width: 100%; margin: 1em 0 1em 5em;}
div#copyright li {display: inline; font-size: 0.85em;}

div#copyright a {display: inline-block; margin-left: 1.75em; color: #000; font-weight: bold;}
div#copyright a:hover {color: #0099FF; text-decoration: underline;}


.clearboth {clear: both;}

/* Sales Leader stuff   */

div#sales_container, div#affiliate_container, table {margin: 1em auto 2em auto; text-align: center;}
div#sales_container,  div#affiliate_container {width: 950px; border: 3px solid #BBB; background-color: #FFF;
border: 2px solid #EEE;
-webkit-box-shadow: 5px 5px 10px #AAA;
-moz-box-shadow: 5px 5px 10px #AAA;
box-shadow: 5px 5px 10px #AAA;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
padding: 5px 5px 5px 5px;
}

img {border: 0; margin: 0 auto; text-align: center;}
img#banner {border-bottom: 2px solid #999;}

div#sales_container a {color: #FFF; text-decoration: none;}
div#affiliate_container a, div#forms_container a {color: #00F; text-decoration: none;}
div#sales_container a:hover {color: #FFFF80; text-decoration: underline;}
div#affiliate_container a:hover,  div#forms_container a: hover {text-decoration: underline;}
div#affiliate_container h1, div#affiliate_container h3 {margin: 1.5em 3em;}
div#affiliate_container h4 {margin: 1.5em 3em;}
div#affiliate_container h5 {text-align: left; margin: 0 4em;}

ul.movieheader, ul.movielinks {background-color: #DB842E; list-style: none; width: 800px; margin: 2em auto; padding: 1em 0; overflow: auto;
border: 2px solid #EEE;
-webkit-box-shadow: 5px 5px 10px #AAA;
-moz-box-shadow: 5px 5px 10px #AAA;
box-shadow: 5px 5px 10px #AAA;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding: 5px 5px 5px 5px;
}

.movieheader li {float: left; margin: 5px 15px; width: 160px; }
.movielinks li {float: left; margin: 5px 5px; width: 185px; }
.movielinks h6 {color: #FFF;}

div.moviediv {margin: 4em auto;}

div.movieinfo, ul#sitelinks {clear: left; width: 90%; margin: 0 auto; overflow: auto;}

.movieinfo ul, ul#sitelinks {list-style: none; overflow: auto;}
.movieinfo ul ul {background-color: #F4EBD9; clear: left;}
.movieinfo ul ul li {float: left; margin: 5px 10px; display: inline; width: 500px;}
.movieinfo ul ul li.intro {width: 200px; }
.movieinfo ul ul h3, .movieinfo ul ul h4, .movieinfo h4 {text-align: left; }

div#sitelinks {width: 90%;
border: 2px solid #EEE;
-webkit-box-shadow: 5px 5px 10px #AAA;
-moz-box-shadow: 5px 5px 10px #AAA;
box-shadow: 5px 5px 10px #AAA;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 5px;
margin: 0 auto;
margin-top: 2em;
}
div#sitelinks ul {width: 100%; overflow: auto;}
div#sitelinks li {list-style: none; width:19%; padding: 4px; float: left;}
div#sitelinks h5 {text-align: left;}
div#sitelinks a {color: #00F; text-decoration:none; }
div#sitelinks a:hover {color: #00F; text-decoration: underline;} 

div.products {width: 50%;
margin: 2em auto;
}

.products ul {border: 1px solid #555; 
background-color: #FFFFE6;
list-style: none;
width: 100%;
margin: 2em auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.products li {display: block;
padding: 0.5em 1em;
}

img#TVUM {
border: 2px solid #CCC;
-webkit-box-shadow: 5px 5px 10px #AAA;
-moz-box-shadow: 5px 5px 10px #AAA;
box-shadow: 5px 5px 10px #AAA;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 5px 5px 5px 5px;	
}

div#sales_container .products a {color: #000;}
div#sales_container .products a:hover {text-decoration: underline;}

div#affiliate_container div#copyright {clear: left; width: 100%; text-align: center;}