/* ----- Elements and Classes ----- */

body {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
  color: #AAAAAA;
  background-color: #000000;
  background-image: url("/presets/img/presets_background.jpg");
  background-repeat: no-repeat;
  background-position: top center;
}

#body {
  width: 830px;
  margin: 0px auto;
}

#menu {
  margin-top: 170px;
  height: 40px;
}

#menu a {
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  margin-left: 10px;
 }

h1 {
  margin: 0px;
  font-size: 24px;
  color: #FFFFFF;
  }

.content {
  margin: 0px auto;
  width: 800px;
 }
 
.clear {
  clear: both;
 }
  
.texture_odd {
	background-color: #FFFFFF;
 }
 
.texture_thumbnails {
	clear: both;
	padding: 9px;
  background-color: #FFFFFF;
}

.texture_thumbnails img {
	margin: 2px;
  float: left;
  display: block;
  width: 250px;
 }

#presets {
	width: 850px;
  height: 533px;
  background-color: #FFFFFF;
}

#image_test {
	height: 453px;
  width: 830px;
  margin-bottom: 5px;
}

iframe {
	margin: 0px;
  padding: 0px;
 } 

#image_one, #image_two, #image_three, #image_four, #image_five, #image_six, #image_seven, #image_eight, #image_nine {
	float: left;
	height: 453px;
  width: 650px;
  border: 0px;
  padding: 0px;
}

.preset_menu {
	float: right;
  width: 175px;
  height: 453px;
  background-color: #555555;
  overflow: auto;
 }
 
.preset_menu a {
	display: block;
  width: 130px;
  margin-left: 5px;
  padding: 3px 0px 3px 5px ;
  border-bottom: 1px dotted #666666;
  text-decoration: none;
  color: #CCCCCC;
  font-size: 10px;
  font-weight: normal;
  }
  
.preset_header {
	margin: 0px auto;
  margin-top: 20px;
  margin-bottom: 20px;
	text-align: center;
 }

#thumbnails {
  height: 74px;
	background-color: #222222;
  margin-bottom: 10px;
 }

#thumbnails img {
	display: block;
  float: left;
  margin: 5px 0px 5px 5px;
  border: 3px solid #FFFFFF;
	height: 57px;
  width: 57px;
 }
 
/* ----- Basic Presets ----- */
 
.basic_presets {
	padding-top: 10px;
  padding-bottom: 10px;
  background-color: #555555;
 }
 
#basic_content {
	float: left;
  width: 500px;
}
 
#basic_menu {
	float: right;
  margin-bottom: 5px;
  width: 165px;
  height: 275px;
  background-color: #555555;
  overflow: auto;
 }
 
#basic_menu p {
	margin: 10px;
}
 
/* ----- Purchase ----- */

#purchase {
  margin: 10px;
 }

#basic {
 margin: 0px auto;
 margin-top: 20px;
 width: 800px;

 }

#color {

 }
 
 h2 {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #222222;
 }
 
#download {
	float: right;
  width: 250px;
  margin-left: 20px;
  padding: 10px;
  border: 1px solid #AAAAAA;
  background-color: #DDDDDD;
  color: #666666;
  -webkit-border-radius: 5px;
 }
 
#download input {
	float: right;
 }
 
.custom_collection {
  float: left;
  width: 390px;
  margin: 5px;
  border: 1px solid #AAAAAA;
  background-color: #EEEEEE;
  color: #666666;
  -webkit-border-radius: 5px;
 }
 
.custom_collection_content {
  margin: 10px;
  height: 474px;
 }

.collection {
	float: left;
  width: 190px;
  margin: 5px;
  border: 1px solid #AAAAAA;
  background-color: #BBBBBB;
  color: #666666;
  -webkit-border-radius: 5px;
 }
 
.collection_content {
  margin: 10px;
  height: 120px;
 }
 
.collection_footer {
  height: 15px;
  margin: 10px;
 }
 
.add_collection_to_cart {
	float: right;
 }
 
.preset, .preset_odd, .preset_even {
	padding: 5px;
 }
