/* Eye Feast Art - Before & After CSS */

/* links */
a:link      { color: #444; font-weight: normal; text-decoration: underline }
a:hover       { color: #60a3a4; text-decoration: none; margin: 0; padding: 0 }

/* fonts */
h1 	   { font-size: 88%; font-weight: bold }
h2    { font-size: 88%; font-weight: bold; margin: 15px 0 10px }
h4  { margin-left: 15px; }
.boldit    { font-size: 88%; font-style: italic; font-weight: bold }

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

/* header */
#header          { background-color: #fff; 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: #6395a4; font-size: 80%; background-color: #96b4b3; text-align: right; margin: 0; padding: 10px 10px 15px 0; border-top: 2px solid #fff }
#footer a   { color: #639aa4; text-decoration: underline; border: 0 }

/* artwork */
#artbar          { background-color: #60a3a4; margin: 0; padding: 0; width: 711px; height: 20px }
#art          { background-color: #60a3a4; background-image: url("../images/artworks/art_modern2.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; width: 711px; height: 36px; border-top: 2px solid #fff; border-bottom: 2px solid #fff }

/* content */
#content       { background-image: url("../images/interior_bg2.gif"); background-repeat: repeat; width: 711px; height: auto }
#content p    { margin-top: 0; margin-right: 15px; margin-left: 15px }
#mainpage     { background-color: transparent; text-align: left; margin-right: 2px; padding: 0; width: 490px; float: left }
#mainpage img     { border: 1px solid black; }
#mainpage td     { padding-bottom: 14px; }
#mainpage h2 { color: white; font-size: 95%; font-weight: bold; background-color: #7db1b2; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-top: 2px; padding-left: 15px; height: 23px; border-bottom: 2px solid white }

#name  { background-color: #deded2; margin: 0; width: 479px; border-top: 2px solid #fff; border-bottom: 2px solid white }
.location { color: #35797a; font-weight: normal; text-transform: capitalize; margin-left: 5px }
#anchor    { background-color: #deded2; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; width: 464px; border-top: 2px solid #fff }

.imgSlot1
{
    float: left;
    width: 25%;
    text-align: center;
}

/* sidebar */
#sideWrap        { color: #676663; background-color: transparent; background-repeat: no-repeat; margin-top: 0; margin-right: 0; margin-bottom: 0; width: 218px; height: 100%; float: left; border-style: none }
#sideWrap p        { padding-top: 10px; }

#featured   { background-image: url(../images/artworks/featured_art.jpg); background-repeat: no-repeat; text-align: center; margin: 20px 0 20px 27px; width: 178px; height: 231px; outline: solid 1px #a8a8a8 }

/* sidebar fonts */
#sideWrap h2   { color: #fff; font-size: 95%; font-weight: bold; background-color: #272727; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-top: 2px; padding-left: 5px; height: 23px; border-bottom: 2px solid white }
#sideWrap p    { margin-top: 0; margin-right: 15px; margin-left: 5px }

#featured p   { display: none }
#side        { text-align: left; padding: 5px 20px 0 5px }
#side p    { color: #676663 }
#side h3         { color: #526370; font-weight: bold; text-align: left; text-transform: none; margin-bottom: -15px; margin-left: 0 }
#side h4      { color: #676663; font-size: 88% }