/* This CSS is shared between all templates of your mobile view. All HTML classes and ids from the source site are retained. Assign new classes and ids to blocks of content using the controls below. */

body {
 font-family: Helvetica, Arial, sans-serif;
}

a {
 text-decoration: none;
}

.text-input {
font-size: large;
}

h4 {
text-align: center;
font: normal normal normal 15px/normal Arial, Helvetica, sans-serif;
margin: 7px;
margin-bottom: 15px;
}

#copyright
{
  margin:0px;
  margin-top:15px;
 padding:0px;

  float:none;
  position:relative;
  margin-left:47%
}

#contact
{
margin-left:3%;
margin-top:3%;
margin-bottom:10px;
}

#full_site
{
  text-align: right;
}

#aaa
{
  float:none;
  position:relative;
  margin-left:38%
}

img {
 border: none;
}

img a {
 border: none;
}

ul li {
 color: #777;
 line-height: 2.0;
}

.field {
 margin-bottom: 10px;
}

fieldset {
 border: none;
}

label {
 color: #999;
 display: block;
 font-size: 0.8em;
 text-transform: uppercase;
 margin-left: 3%;
}

textarea,
input {
 background-color: #393939;
 color: #fff;
 font-weight: normal;
 border: none;
 padding: 5px;
 width: 90%;
 margin-left: 3%;
}

textarea:hover {
 background-color: #555;
}

textarea:focus {
 background-color: #333;
}

.highlight {
 border: 1px solid #F2C31D;
}

.button {
 background-color: #fff;
 color: #0f0f0f;
 font-weight: bold;
 border: none;
 width: 40%;
 margin-left: 3%;
}

.clearfix:after {     content: ".";     display: block;     clear: both;     visibility: hidden;     line-height: 0;     height: 0; }  .clearfix {     display: inline-block; }  html[xmlns] .clearfix {     display: block; }  * html .clearfix {     height: 1%; }
body {
 color: #fff;
 background-color: #0f0f0f;
}

.logo a {
background:#0F0F0F url(../files/toplogo.png) no-repeat scroll left top;
color:#FFFFFF;
display: block;
height:59px;
margin: 10px auto 0 auto;
text-indent:-9999px;
width:288px;
}

.nav {
 background: #141414;
 border-top: 1px solid #222;
 border-bottom: 1px solid #222;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.85em;
 list-style-type: none;
 margin: 10px 0;
 padding: 5px;
}

.nav li {
 float: right;
 line-height: 1.25;
 margin-right: 2%;
 text-align: center;
 width: 23%;
}

.nav li a {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 color: #bbb;
 display: block;
 font-weight: bold;
 padding: 5px 0;
 text-transform: uppercase;
 text-decoration: none;
}

.nav li a:hover {
 color: #fff;
 background-color: #333;
}

.nav li.active a {
 color: #0f0f0f;
 background-color: #fff;
}

.breadcrumbs ul li {
 text-transform: uppercase;
 line-height: 1.5;
}

.breadcrumbs ul li a:hover {
 color: #0f0f0f;
 background-color: #fff;
}

.category {
 position: relative;
 margin-bottom: 1px;
text-align: center;
}

.category a {
 position: relative
}

.category span {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background-color: rgba(0, 0, 0, 0.75);
 font-size: 1.65em;
 padding: 10px;
 position: absolute;
 bottom: 5px;
 left: 3%;
 line-height: 1.0;
 text-transform: uppercase;
 z-index: 9999;
}

.category span em {
 color: #f2c31d;
 font-style: normal;
}

.sub-categories span {
 font-size: 0.95em;
}

.image-options li a {
 color: #999;
 text-transform: uppercase;
 line-height: 1.0;
 text-decoration: none;
}

.image-options li a:hover {
 color: #fff;
}

.image-options #purchase_print a {
 color: #f2c31d;
}

.image-options #purchase_print a:hover {
 color: #f2c31d;
 text-decoration: underline;
}

.image-info {
 font-size: 0.8em;
 margin: 0 5px 15px 5px;
}

.image-info li {
 line-height: 1.35;
}

.image-title {
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
}

.image-title em a {
 color: #999;
 font-weight: normal;
 text-transform: none;
 text-decoration: none;
}

.image-title em a:hover {
 color: #ccc;
}

.image-description {
 color: #999;
 text-transform: uppercase;
}

#prev_image_control {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 border: 1px solid #333;
 color: #fff;
 float: left;
 font-size: 0.8em;
 margin: 0 10px 15px 5px;
 padding: 7px;
 text-transform: uppercase;
 text-decoration: none;
}

#next_image_control {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 border: 1px solid #333;
 color: #fff;
 float: right;
 font-size: 0.8em;
 margin: 0 5px 15px 10px;
 padding: 7px;
 text-transform: uppercase;
 text-decoration: none;
}

.pagination {
 margin: 15px 5px 0 5px;
}

.pagination a {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 border: 1px solid #333;
 color: #ccc;
 text-transform: uppercase;
 font-weight: bold;
 margin-right: 10px;
 padding: 7px; 
}

.pagination .prev {
 float: left;
}

.pagination .next {
 float: right;
}

.pagination a:hover {
 color: #0f0f0f;
 background-color: #fff;
}

.contact-meta li {
 color: #fff;
}

.contact-meta li em {
 color: #999;
 font-style: normal;
}

#footer {
 border-top: 1px solid #333;
}

#footer p {
 color: #444;
}

/* --- Mobile -------------------------------------------------------- */
.logo img {
 display: block;
 margin: 0 auto;
}

.main-img {
 width: 100%
}

.main-img img {
 display: block;
 margin: 0 auto;

}

.thumbnail {
 margin-bottom: 1px;
}

.thumbnail img {
 display: block;
 margin: 0 auto;
}

.main-img,
.last {
 margin-bottom: 15px;
}

.clear {
 clear: both;
}

.h2 {
 font-size: 0.8em;
 padding: 5px;
 text-transform: uppercase;
}

p {
 color: #999;
 font-size: 12px;
 line-height: 1.5;
 padding: 0 5px 10px 5px;
}

.paragraph a,
.standard-list a {
 color: #f2c31d;
}

.paragraph ul {
 list-style-type:none !important;
}

.standard-list {
 color: #999;
 list-style-type: square;
 font-size: 0.8em;
 margin-bottom: 10px;
 padding-left: 20px;
}

.standard-list li {
 line-height: 1.5;
 margin: 0;
 padding: 0;
}

.hide {
 display: none !important;
}

.controls {
 height: 100px;
}

#mmtail {
 margin-top: 35px;
}