/*
  Madera Fine Arts.com page styles
  Author: WebMediaRx Team http://webmediarx.com
    - rev. 30 Nov 07
*/

/*  Tag Re-declarations
------------------------------------------- */
* { border:0;margin:0;padding:0;}
body{font:normal 12px/1.4em Arial, Helvetica, "Verdana", "Lucida Grande", sans-serif; background:#271002 url('../_img/bg_body.jpg') repeat-x; margin:0px; padding:0px}
img{border:none}
a{outline:none}

/*  Layout Definitions
------------------------------------------- */
#wrapper{margin:0px auto; width:760px;height:auto; background: url('../_img/bg_home.jpg') top no-repeat; padding:0}
#wrapper.interior{background: url('../_img/bg_interior.jpg') top no-repeat}
#logo{width:760px; height:138px}
#logo a img{border:none; padding:0}

#footer{margin:0px auto; text-align:left; background: url('../_img/bg_footer.jpg') no-repeat; width:760px; height:83px; clear:both; padding:0 0 25px 0}
#footer a{color:#4e2811; text-decoration:underline; }
#footer p{padding:43px 0 0 5px; color:#4e2811; font-size:0.8em; letter-spacing:-0.02em}
#prefoot{clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important}/*  Sometimes a simple hack is neccesary */

/*  HomePage Content
------------------------------------------- */
#home_content{float:left; width:250px; margin:0; padding:0}
#home_content h1{color:#7e5b3d; font:3em Impact, Charcoal, "Arial Black", sans-serif; padding:0; letter-spacing:-0.02em}
#home_content p{color:#f0e2b3; font-size:0.99em; text-align:justify; line-height:1.8; margin:1.8em 0; padding:0; word-spacing:-0.1em}
#home_content p.narrator{text-align:justify; text-indent:8px; color:#d3b689; line-height:1.55; margin:1.55em 0; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif}
#home_content a:link, #home_content a:hover, #home_content a:visited{font-weight:bold; color:#d56832; text-decoration:underline}
#flash{float:right; width:484px; height:448px; padding:0; margin:20px 0 0 0}
#chooseAgallery{float:right; padding:5px 344px 0 0; position:relative}

/*  Interior Content
------------------------------------------- */
#interior_content{float:left; width:698px; margin:35px 0 15px 30px; padding:0}
#interior_content h1{color:#7e5b3d; font:2.0em Impact, Charcoal, "Arial Black", sans-serif; padding:15px 0 0 0; letter-spacing:-0.01em}
#interior_content h2{color:#d56731; padding:0 0 10px 0 ; letter-spacing:-0.01em; text-transform:uppercase; font-size:1.3em; font-weight:lighter}
#interior_content h3{color:#d56731; font:1.6em Impact, Charcoal, "Arial Black", sans-serif}
#interior_content h4{color:#d56731; font-size:1.1em; padding:3px 0 0 0}

#interior_content p{color:#f0e2b3; font-size:0.99em; text-align:justify; line-height:1.8; margin:0 0 1.8em 0; padding:0; word-spacing:0.1em}
#interior_content p b,#interior_content p i{color:#d3b689}
#interior_content p.narrator{text-align:justify; color:#d3b689; line-height:1.7; margin:0 0 1.7em 0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; word-spacing:0}

#interior_content a:link, #interior_content a:hover, #interior_content a:visited{font-weight:bold; color:#d56832; text-decoration:underline}
#interior_content img.rusty{float:left; padding:6px 20px 15px 0}
#interior_content img.rusty2{float:right; padding:50px 0 15px 20px}
#interior_content img.hands{float:right; padding:6px 0 15px 20px}
#interior_content img.mexico{float:right; padding:6px 0 15px 20px}

#flash-2{float:right; width:274px; height:201px; padding:0 0 15px 20px}

/*  Navigation Definitions
------------------------------------------- */
div#primarynav{height:26px; width:760px; padding:0; border:0; background:transparent; margin:0}
div#primarynav ul#menu{float:right; height:26px; width:295px; background:transparent url('../_img/bg_nav.gif') no-repeat; margin:0; padding:0; overflow:hidden; position:relative}
div#primarynav ul#menu li{margin:0; padding:0; list-style:none; position:absolute; top:0}
ul#menu li,ul#menu a{height:26px; display:block}
div#primarynav ul#menu li a{text-decoration:none; text-indent:-9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden /* end hack */}
#about  {left:0px; width:115px  }
#contact{left:115px; width:127px}
#home   {left:242px; width:53px }

#about a:hover  {background:transparent url('../_img/bg_nav.gif') 0 -26px no-repeat     }
#contact a:hover{background:transparent url('../_img/bg_nav.gif') -115px -26px no-repeat}
#home a:hover   {background:transparent url('../_img/bg_nav.gif') -242px -26px no-repeat}

#about.current  {background:transparent url('../_img/bg_nav.gif') 0 -52px no-repeat     }  
#contact.current{background:transparent url('../_img/bg_nav.gif') -115px -52px no-repeat}
#home.current   {background:transparent url('../_img/bg_nav.gif') -242px -52px no-repeat}

/*   Form Styling
------------------------------------------- */
legend{padding:0; margin:0}
#thankYou p{padding:5px 0 0 0; font-weight:bold; color:#f0e2b3}
form{font:normal 1em Arial, Helvetica, "Verdana", "Lucida Grande", sans-serif; color:#f0e2b3; border:none; padding:10px 0 5px 0}
input, textarea, select{background-color:#5c3c21; margin:5px 0; padding:3px; border:3px solid #3b1905; font-size:1.8em ; color:#f0e2b2}
#txtMessage{font-family: Arial, Helvetica, "Verdana", "Lucida Grande", sans-serif; width:355px; height:150px}
#txtName, #txtEmail, #txtPhoneNumber{width:355px; height:30px}
.required{font-weight:bold; color:#903;}
.error{background-color:#441d00; color:#fff; padding:3px;}
.element #submit{background-color:#7a2601; color:#fff}

/*  Thats the End!    Seriously... go!
------------------------------------------- */