/* Eye Feast Art - Gallery CSS */

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

/* fonts */
p     { font-size: 95%; line-height: 1.5em; margin: 0 0 15px }
h1 	 {font-size: 88%; line-height: 1.7em }
h2 	{ color: white; font-size: 95%; font-weight: bold; background-color: #9b3f2f; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-top: 2px; padding-left: 15px; height: 23px; border-bottom: 2px solid white }
h3   { font-size: 88%; font-weight: normal; background-color: #deded2; text-transform: uppercase; padding-left: 15px; border-top: 2px solid white; border-bottom: 2px solid white }


/* page setup */
body    { color: #444; font-size: small; font-family: Verdana, sans-serif; line-height: 1.7em; background: #9b3f2f url(../images/gallery/bg-gallery.gif); text-align: center; margin: 0; padding: 0 }
#main           { background-color: #fff; text-align: left; margin: 0 auto; padding: 0; position: relative; width: 711px; border-right: 1px solid #9b3f2f; border-bottom: 1px solid #9b3f2f; border-left: 1px solid #9b3f2f; voice-family: inherit    }

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

/* main nav */
#container    { background-color: #fff; margin-top: 0; margin-left: 162px; padding: 0 0 0 8px; position: absolute; z-index: 1; top: 65px; width: 541px; height: 30px }
#nav   { background-color: #fff; 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: #b36347; font-size: 80%; background-color: #8c3e35; text-align: right; margin: 0; padding: 10px 10px 20px 0; border-top: 2px solid #fff }
#footer a   { color: #b36a47; text-decoration: underline; border: 0 }

/* artwork */
#artbar        { background-color: #9b3f2f; margin: 0; padding: 0; width: 711px; height: 20px }
#art          { background-color: #9b3f2f; background-image: url("../images/gallery/art_modern.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      { background-color: #f2f0e1; margin-bottom: 0; padding-bottom: 25px; width: 711px; float: left }
#mainpage p   { margin-top: 15px; margin-right: 15px; margin-left: 15px }

/* art gallery 1 */
#series1   { padding-top: 15px; width: 711px }

#row1      { text-align: center; margin-left: 20px; width: 190px; float: left; border: 0 transparent }
#row1 p   { font-size: 88%; line-height: 0.15em; text-align: left; margin-top: 0; margin-left: 26px }
#row1 h2       { color: #272727; font-size: 95%; background-color: transparent; text-transform: none; margin-top: 15px; margin-left: 0; padding-left: 0; border: 0 }

#row2       { text-align: center; margin-right: 15px; margin-left: 15px; width: 260px; float: left; border: 0 transparent }
#row2 p   { font-size: 88%; line-height: 0.15em; text-align: left; margin-left: 71px }
#row2 h2      { color: #272727; background-color: transparent; text-transform: none; margin-top: 15px; margin-left: 0; padding-left: 0; border: 0 }

#row3     { text-align: center; width: 190px; float: left; border: 0 transparent }
#row3 p   { font-size: 88%; line-height: 0.15em; text-align: left; margin-top: 0; margin-left: 30px }
#row3 h2       { color: #272727; font-size: 95%; background-color: transparent; text-transform: none; margin-top: 15px; margin-left: 0; padding-left: 0; border: 0 }

/* art gallery 2 */
#series2    { padding-top: 15px; width: 711px }