#main {
 	margin:0 auto;
	position:relative;
	width:1100px;
	height:635px;
	z-index:10;	
	overflow: hidden;
	border: 6px solid #EADFBF;
	background:#080808;
	color: #eeeeee;
	font-size: 0.9em;
}

   #loadingIndicator {
      position: absolute;
      top: 270px;
      left: 245px;
      z-index: 1000;   
      color: red;   
      font-size: 3em;
   }
   
   #createButton {
      position: absolute;
      top: 390px;
      left: 755px;   
   }   
   #result {
      position: absolute;
      top: 430px;
      left: 725px;
   }
   #result a {
      color: #ffff99;
      font-size: 1.1em;
   }
   #genderSelection {
      position: absolute;
      top: 280px;
      left: 745px;
      color: white;
   }
   
   #genderSelection img {
      border: 0px;
   }
   
   button:hover{
      cursor: pointer;
   }
  .selector, .selectorL {
      margin-left: 10px;
      position: relative;
      width: 350px;
      height: 90px;
      padding: 0px;
      margin: 3px;
      float: left;
      background-color: #06075a;
   }
   
   .innersel {
      padding-top: 5px;      
   }
   .selectorL {      
      width: 706px;
   }
   
   .colorbuttons, .colorbuttonsL {
      position: absolute;
      float: left;      
      left: 315px;
      width: 41px;
      height: 90px;
      padding:0;
      margin-top: 4px;
      overflow: visible;
   }
   
   .colorbuttonsL {
      left: 600px;
      width: 111px;   
   }
   
   .colorbuttons ul, .colorbuttonsL ul {
      list-style-type: none;
      padding: 0;
      margin: 0;     
   }

   .colorbuttons ul li, .colorbuttonsL ul li {
      display: inline-block;
      margin-right: 2px;
      width: 15px;
   }
   
   .colorbuttons ul a, .colorbuttonsL ul a{

      padding: 0;
      border: 2px solid white;
      text-decoration: none;
   }   
   
   #creator {
      background: url("backgroundc.jpg") no-repeat;
      position: relative;
      margin-left: 20px;
   }
   
   #creator .carousel  {
       padding: 0 0 0 0;
       margin: 0 0 10px 10px;
       position: relative;
       height: 80px;
       width: 80px;
       float: left;
   }

   #creator a.prev, #creator a.next {
     display: block;
     float: left;
     width: 30px;
     height: 60px;
     text-decoration: none;
     background: url("left.png") left 30px no-repeat;
   }

   #creator a.next {
      background: url("right.png") right 30px no-repeat;
   }

   #creator a.next:hover {
       background-image: url("right.png");
   }

   #creator a.prev:hover {
       background-image: url("left.png");
   }

   #creator a:hover, #creator a:active {
       border: none;
       outline: none;
   }

   #creator .carousel ul {
      margin: 0;
   }

   #mouths ul li {
   }
   
   #mouths img {
   }

   #preview {
      position: absolute;
      left:740px;
      top:14px;
      width:280px;
      height:280px;
   }
   #preview img {
      border: 1px solid black;
      position: absolute;
      top:0px;
      left:0px;
   }

   #logo {
     position: absolute;
     top:10px;
     left:10px;     
   }
   
   h1 {
      color: #ffff99;
      margin-left: 20px;
   }
   #currentStatus {
      color: #ffff99;
      position: absolute;
      top: 390px;
      left: 745px;
   }
   #count {
      color: #ffff99;
      position: absolute;
      top: 40px;
      left: 840px;
   }