BODY {font: 0.975em verdana, arial, sans-serif; color: #000; margin-top: 0px; margin-right: 0px; 
        margin-bottom: 0px; margin-left: 0px; background-color: #421710; text-align: center;}
    
  #main_wrapper {background-color: #FFF; width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; 
                  text-align: left;}
    
  #outer_header {padding: 0px;}
  #header {width: 100%; max-width: 1100px; padding: 0px;}
  
  #outer_content {padding: 0px;}
  #content {width: 100%; margin-top: 0px; float: left; background-color: #D2A971;}
   
  #outer_footer {padding: 0px;}
  
  #header, #content,{overflow: hidden;}
    
  div.content {width: 80%; margin-top: 0px; float: left; background-color: #D2A971;}
  
  #nav {font-family: verdana, arial, sans-serif; float: left; width: 100%; max-width: 1100px; background: #000;  
        font-size: 0.975em; color: #FFF; position: relative;}

  #nav a {display: block; margin: 0 0 0 1px; padding: 3px 10px; background-color: #000; 
                color: #fff; text-decoration: none; line-height: 1.3em;}

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

  #nav a.active: hover {color: #fff; background: #000; font-weight: 600;}



  /* Main menu settings */
  #nav {clear:both; float:left; margin:0; padding:0;
   border-bottom: 1px solid #000; /* black line below menu */
   width:100%; max-width: 1100px;
   font-size: 1em; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;}

  /* Top menu items */
  #nav ul {margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;}

  #nav ul li {margin:0 0 0 1px; padding:0em .5em 0em; float:left; position:relative; left:50%; top:1px;}
 
  #nav ul li a {display:block; margin:0; padding:.6em .4em .4em; line-height:1em;
   background:#000; text-decoration:none; color:#fff; font-weight:bold; border-bottom: 1px solid #000;}

  #nav ul li.active a {color:#fff; background:#000;}

  #nav ul li a:hover {background-color: #fff; /* Top menu items background colour */
   color:#000; border-bottom: 1px solid #000;}

  #nav ul li:hover a,
  #nav ul li.hover a { /* This line is required for IE 6 and below */
   background-color: #fff; /* Top menu items background colour */
   color:#000; border-bottom: 1px solid #01002B;}


  h1 {font-weight: bold; color: #CA3428;}
  h2 {font-weight: bold; color: #CA3428;}
  p  {font-size: 1.0em; margin-left: 15%; margin-right: 15%; line-height: 1.25em;}
  p.artist  {font-size: 1.0em; margin-left: 3%; margin-right: 10%; line-height: 1.25em;}
  p.home {font-size: 1.5em; margin-left: 0%; margin-right: 15%; line-height: 1.25em;}
  
  img {max-width: 100%; height: auto;} 
  img.mickey {padding-top: -40px; padding-right: 10px;}
  img.bp {padding-top: 10px;}
  img.illustrator {float:left; padding-left: 5px; padding-top: 10px; padding-right:10px; padding-bottom: 20px;}
  
  a:link {color: #FFFFFF;}
  a:visited {color: #FFFFFF;}
  a:hover {color: #000; background-color: #FFF;}
  a: active {#FFFFCC;}
 
  a:link.inpage {font-size: 1.5em; color: #000; text-decoration: none;}   
  a:visited.inpage {font-size: 1.5em; color: #CA3428; text-decoration: none;} 
  a:hover.inpage {font-size: 1.5em; color: #FFFFFF; background-color: #D2A971; text-decoration: none;}
  a:active.inpage {font-size: 1.5em;color: #D2A971; text-decoration: none;}  
 

@media
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5) {
 body {
 font-size: 90%;
 }
 }

/* Smartphones (portrait and landscape) ———– */
@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
 /* Styles */
 }

/* Smartphones (landscape) ———– */
 @media only screen
 and (min-width : 321px) {
 /* Styles */
 }

/* Smartphones (portrait) ———– */
 @media only screen
 and (max-width : 320px) {
 /* Styles */
 }

/* iPads (portrait and landscape) ———– */
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px) {
 /* Styles */
 }

/* iPads (landscape) ———– */
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : landscape) {
 /* Styles */
 }

/* iPads (portrait) ———– */
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px)
 and (orientation : portrait) {
 /* Styles */
 }

/* Desktops and laptops ———– */
 @media only screen
 and (min-width : 1224px) {
 /* Styles */
 }

/* Large screens ———– */
 @media only screen
 and (min-width : 1824px) {
 /* Styles */
 }

/* iPhone 4 ———– */
 @media
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5) {
 /* Styles */
 }