body {
	margin: 0;
	padding: 0;
	font: 12px/14px Arial, Verdana, Helvetica, sans-serif;
	background: #090909;
	color: #fdfbfb;}

body, html, p, div, img {padding: 0px; margin: 0px;}
a img {border: none;}
br.clear {clear: left;}

#contentainer {
  background: #090909 url('../../images/bg.jpg') no-repeat;
  width: 770px;
  height: 1000px;
  margin: 0px auto;}
  
#header {margin-bottom: 50px;
  width: 770px;
  height: 262px;
  display: block;}


/* ---------- PODS ----------- */
div.pod {border: 1px solid #9b9a9a;
  width: 335px;
  height: 150px;
  margin: 0px 18px 50px 18px;} 
  
div#content div.left {float: left;}
div#content div.right {float: right;}

div#content div.color {
  width: 186px;
  height: 120px;
  display: block;}
  
div#content div.red {background: transparent url('../../images/red_bg.jpg') no-repeat;}
div#content div.aqua {background: transparent url('../../images/aqua_bg.jpg') no-repeat;}
div#content div.purple {background: transparent url('../../images/purple_bg.jpg') no-repeat;}
div#content div.fuchsia {background: transparent url('../../images/fuchsia_bg.jpg') no-repeat;}    
    
div#content a img {border: 0;
	filter:alpha(opacity=100); 
	-moz-opacity: 0.9999; 
	opacity: 0.9999;}

div#content a:hover img{
  filter:alpha(opacity=80); 
	-moz-opacity: 0.80; 
	opacity: 0.80;}

div#content div.color h1 span {display: none;}

div#content div.color h1 {
  width: 100%;
	height: 24px;
	margin: 13px 0 0px 0;
	padding: 0;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;}
	
div#content #red h1 {background-image: url('../../images/red_title.gif');}
div#content #aqua h1 {background-image: url('../../images/aqua_title.gif');}
div#content #purple h1 {background-image: url('../../images/purple_title.gif');}
div#content #fuchsia h1 {background-image: url('../../images/fuchsia_title.gif');}

div#content div.color p {
  width: 174px;
  padding: 0px 4px 0px 9px;} 



/* ---------- SIGN UP ----------- */    
div.dots {
  width: 770px;
  height: 4px;
  background: url('../../images/dots.gif') repeat-x;
  clear: both;}
    
div#sign_up {
  width: 540px;
  height: 22px;
  margin: 16px auto;
  _margin: 16px auto 0px auto;}
  
.fieldContainer input#email_signup {
  margin: 0px 10px 0px 20px;
  display: block;
  position: relative;
  float: left;}


/* ---------- FOOTER ----------- */ 
#footer {color: #aaa5a5;
  display: block;
  height: 22px;
  text-align: center;
  margin: 20px 0px 20px 0px;}  
  
#footer a {
  text-align: center;
  color: #aaa5a5;
  font-size: 9px;
  text-decoration: none;}
  
#footer a:hover {color: #757575;}