/* Eye Feast Art - Homepage CSS */

/* links */
a      { color: #444; font-weight: normal; text-decoration: underline }
a:hover      { color: #8c8693; text-decoration: none }

/* fonts */
p     { font-size: 95%; margin: 0 0 15px }
h1 	 {font-size: 88% }

/* page setup */
body  { color: #444; font-size: small; font-family: Verdana, sans-serif; line-height: 1.5em; background: #6e667b url("images/mainpage/bg.gif"); text-align: center; margin: 0; padding: 0 }
#main          { background-color: #fff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 0 auto; padding: 0; position: relative; width: 711px; voice-family: inherit   }
html>body #main      { background-color: #fff; width: 711px }

/* header */
#header        { background-image: url("images/eye_feast_art-logo.jpg"); background-repeat: no-repeat; z-index: 1; width: 162px; height: 95px; float: left }
#header h1 { display: none }

/* main nav */
#container               { margin-top: 65px; margin-left: 170px; padding: 0; width: 541px; height: 30px }

#nav  { list-style: none; display: inline; margin: 0; padding: 0; height: 30px; overflow: hidden }
#nav li { margin: 0; padding: 0;list-style: none; display: inline }
#nav a  { padding: 30px 0 0; height: 0 !important; float: left; overflow: hidden; height /**/: 30px }
#nav a:hover { background-position: 0 -30px }
#nav a:active, #nav a.selected  { background-position: 0 -60px }

#home a     { background: url("images/menu/home.gif") no-repeat left top; margin-right: 2px; width: 72px }
#services a      { background: url("images/menu/services.gif") no-repeat left top; margin-right: 2px; width: 87px }
#artworks a      { background: url("images/menu/artworks.gif") no-repeat left top; margin-right: 2px; width: 122px }
#projects a      { background: url("images/menu/projects.gif") no-repeat left top; margin-right: 2px; width: 86px }
#gallery a       { background: url("images/menu/gallery.gif") no-repeat left top; margin-right: 2px; width: 81px }
#contact a     { background: url("images/menu/contact.gif") no-repeat left top; width: 83px }

/* footer */
#footer           { color: #b5b8c4; font-size: 80%; background-color: #8c8693; text-align: right; margin: -15px 0 0; padding: 10px 10px 10px 0 }
#footer a  { color: #b5b8c4; text-decoration: underline; border: 0 }


/* artwork */
#homebar      { background-color: #b0b0be; margin: 0; padding: 0; width: 711px; height: 20px }
#homeart       { background-color: #b0b0be; background-image: url("images/mainpage/art_daybreak.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; width: 711px; height: 36px; border-top: 2px solid #fff; border-bottom: 2px solid #fff }

/* content */
#mainpage    { margin: 0; padding: 0; width: 294px; height: 719px; float: left }
#caption    { margin-left: 30px; }
#introWrap               { background-color: #d1d3da; background-image: url("images/mainpage/welcome.gif"); background-repeat: no-repeat; margin: 0; width: 415px; height: 719px; float: left; border-left: 2px solid #fff }
#intro     { margin: 0; padding: 115px 30px 0 35px }
  * html #intro   { padding: 105px 30px 0 35px }
#intro h1 { display: none }
#intro-extended     { clear: both; background-color: #d1d3da; padding: 5px 30px 20px 35px; }