/* CSS Document */

body{
width: 900px;
margin: 25px auto;
font: 12px arial, verdena, sans-serif;
}

body#home{
margin: 0 auto;
}

body#home #flashmovie{
width: 900px; 
height: 630px;
}

body#movie{
margin:0;
}

#tv_screen{
width: 520px;
height: 440px;
background: url(images/tv_screen.gif) no-repeat;
padding: 33px 0 0 0;
margin: 0;
text-align: center;
}

a, 
a:link, 
a:visited{
color: #FF0024;
}

a:hover, 
a:active{
color: #FF0024;
text-decoration: none;
}

h1{
font-size: 20px;
color: #0e3763;
padding: 10px 0 0 0;
margin: 0;
font-weight: normal;
}

h1#beclean{
text-indent: -5000px;
background: url(images/beclean.gif) no-repeat;
width: 258px; 
height: 18px;
}

h1#livegreen{
text-indent: -5000px;
background: url(images/livegreen.gif) no-repeat;
width: 405px; 
height: 23px;
}

h1#gac{
text-indent: -5000px;
background: url(images/great_american_cleanup.gif) no-repeat;
width: 265px; 
height: 24px;
}

h1#superheroes{
text-indent: -5000px;
background: url(images/superheroes.gif) no-repeat;
width: 213px; 
height: 24px;
}

h1#support{
text-indent: -5000px;
background: url(images/support.gif) no-repeat;
width: 314px; 
height: 24px;
}

h1#stuff{
text-indent: -5000px;
background: url(images/superstuff.gif) no-repeat;
width: 122px; 
height: 26px;
}

body#goodthings #maincontent h1{
text-indent: -5000px;
background: url(images/goodthings.gif) no-repeat;
width: 341px; 
height: 25px;
}

h2{
font-size: 14px;
line-height: 20px;
font-weight: normal;
background: url(images/border.gif) bottom left no-repeat;
padding: 0 0 14px 0;
margin: 0 0 10px 0;
color: #333;
width: 425px;
}

body#goodthings #maincontent h2{
padding: 0 0 25px 0;
width: 425px;
background: url(images/border_good.gif) bottom left no-repeat;
}

body#beclean #maincontent h2{
padding: 0 0 25px 0;
width: 425px;
background: url(images/border_beclean.gif) bottom left no-repeat;
}

p{
line-height: 18px;
margin: 0;
padding: 0 0 10px 0;
}

p.smallprint{
font-size: 10px;
line-height: 14px;
}

#center{
background: url(images/centerback.gif) repeat-y center #d9eded;
float: left;
position: relative;
display: inline;
}

#movie_bg{
background: url(images/header.gif);
height: 207px;
width: 900px;
}

#maincontent{
padding: 20px 105px 0 0;
float: right; 
position: relative;
display: inline;
background: url(images/right_border.gif) no-repeat top right;
width: 665px;
}

#sidebar{
position: relative;
width: 200px;
float: right;
padding: 0;
margin: 0 0 0 20px;
display: inline;
text-align: center;
}

#sidebar img{
padding:0;
margin: 0;
}

img#super_wanted{
padding: 0 0 15px 0;
}

img#local_support{
padding: 10px 0 0 0;
}

img#superstuff{
padding: 0 0 0 0;
margin: -10px 0 0 0;
}

sup{
font-size: 8px;
}

#facts{
text-align: left;
position: relative;
width: 200px;
float: right;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
display: block;
font-size: 10px;
background: url(images/facts_bottom.gif) bottom right no-repeat;
}

#facts h3{
margin: 0;
padding: 0 0 10px 0;
}

#facts.dtsr{
padding: 0;
}

#facts.dtsr h3{
margin: 0;
padding: 0;
background: url(images/dtsrfacts.gif) no-repeat top right;
text-indent: -5000px;
width: 200px;
height: 77px;
}

#factsshort{
text-align: left;
position: relative;
width: 200px;
float: right;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
display: block;
font-size: 10px;
background: url(images/facts_bottom_short.gif) bottom right no-repeat;
}

#factsshort h3{
margin: 0;
padding: 0 0 10px 0;
}

#factsshort.dtsr{
padding: 0;
}

#factsshort.dtsr h3{
margin: 0;
padding: 0;
background: url(images/dtsrfacts.gif) no-repeat top right;
text-indent: -5000px;
width: 200px;
height: 77px;
}

h3#getlocal{
text-indent: -5000px;
height: 50px;
padding: 0;
margin: 0;
width: 200px;
background: url(images/getlocal.gif) top right no-repeat;
}


#facts p{
font-size: 10px;
line-height: 14px;
margin: 0;
padding: 0 23px 7px 23px;
}

#factsshort p{
font-size: 10px;
line-height: 14px;
margin: 0;
padding: 0 23px 7px 23px;
}

#facts ul{
margin: -3px 0 0 0;
padding: 0 23px 0 23px;
list-style-type: none;
}

#facts ul li{
line-height: 14px;
padding: 0 0 5px 10px;
margin: 0;
background: url(images/bullet.gif) 2px 4px no-repeat;
}

img.right{
padding: 0 0 10px 10px;
}

img.left{
padding: 0 10px 10px 0;
float: left;
display: inline;
}

.right{
float: right;
display: inline;
}

#footer{
display: block;
font-size: 10px;
line-height: 14px;
clear: both;
width: 900px; 
text-align: center;
background: url(images/footer.gif) top no-repeat #ffffff;
margin: 0 auto;
padding: 100px 0 25px 0;
}

#footer a, 
#footer a:link, 
#footer a:visited{
text-decoration: none;
color: #000000;
}

#footer a:hover,
#footer a:active{
text-decoration: none;
color: #FF0024;
}

#footerhome{
display: block;
font-size: 10px;
line-height: 14px;
clear: both;
width: 900px; 
text-align: center;
background: none;
margin: 0 auto;
padding: 10px 0 25px 0;
}

#footerhome a, 
#footerhome a:link, 
#footerhome a:visited{
text-decoration: none;
color: #000000;
}

#footerhome a:hover,
#footerhome a:active{
text-decoration: none;
color: #FF0024;
}

body#home #footer p.center{
margin: 0;
}

body#home #footer{
background: none;
}

body#home #footer p{
padding: 200px 90px 0 85px;
}



#playmovie{
position: relative;
float: left;
display: inline;
background: url(images/movie.gif) no-repeat top left;
height: 308px;
width: 104px;
margin: 0;
padding: 0;
}

#playmovie ul{
list-style-type: none;
padding: 170px 0 0 80px;
margin: 0;
}

#playmovie ul li{
width: 25px;
height: 25px;
padding-bottom: 9px;
}

#playmovie ul li a, 
#playmovie ul li a:link,
#playmovie ul li a:visited,
#playmovie ul li a:active{
width: 25px;
height: 25px;
padding-bottom: 9px;
}

ul#moviebuttons{
position: relative;
float: right;
display: inline;
list-style-type: none;
margin: 0;
padding: 25px 115px 0 0;
}

ul#moviebuttons li{
display: inline;
padding: 0;
margin: 0;
}

#mollysims{
background: url(images/mollysims_bg.gif) no-repeat; 
width: 440px; 
height: 195px;
padding: 0 0 5px 0; 
margin: 0;
}

h2#molly{
text-indent: -5000px; 
background: none;
width: 265px; 
height: 20px;
}

#mollysims img{
margin: 0; 
padding: 0;
}

#mollysims table{
margin: -25px 0 0 20px;
}

#mollysims a,
#mollysims a:link, 
#mollysims a:visited{
text-decoration: none;
font-size: 10px;
color: #000;
}

#mollysims a:hover,
#mollysims a:active{
color: #FF0024;
text-decoration: underline;
}