/* Eye Feast Art - Projects: Corporate CSS */

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

/* fonts */
p           { font-size: 95%; margin: 0 20px 15px; padding-top: 15px }
h1 	   { font-size: 88%; font-weight: bold }
h2    { font-size: 88%; font-weight: bold; margin: 15px 0 10px }
h3       { color: #272727; font-size: 88%; font-weight: normal; text-transform: uppercase; margin: 0 0 0 15px }

.boldit  { font-style: italic; font-weight: bold }

/* page setup */
body    { color: #444; font-size: small; font-family: Verdana, sans-serif; line-height: 1.5em; background: #659050 url("../images/projects/bg-projects.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 #659050; border-bottom: 1px solid #659050; border-left: 1px solid #659050; voice-family: inherit     }

/* header */
#header        { z-index: 1; width:711px; height: 153px; background-image: url( "../images/headers/projects.png" ); margin-bottom: 2px; }
#header h1 { display: none }

/* main nav */
#container               { margin-top: 0px; margin-left: 115px; padding-top: 65px; width: 405px; height: 30px; float: left; }
#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: 141px }
#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: #aac68a; font-size: 80%; background-color: #6d9c57; text-align: right; margin: 0; padding: 10px 10px 15px 0; border-top: 2px solid #fff }
#footer a   { color: #aac68a; text-decoration: underline; border: 0 }

/* artwork */
#artbar           { background-color: #659050; margin: 0; padding: 0; width: 711px; height: 20px }
#art           { background-color: #659050; background-image: url("../images/projects/backgrounds/alts/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 */
#content       { background-image: url("../images/interior_bg.gif"); background-repeat: repeat; width: 711px; height: auto }
#mainpage     { background-color: transparent; text-align: left; margin-right: 2px; padding: 0; width: 499px; float: left }
#mainpage h2 { color: white; font-size: 95%; font-weight: bold; background-color: #659050; text-transform: uppercase; margin-top: 0; margin: 0px; padding-top: 2px; padding-left: 15px; height: 23px; border-bottom: 2px solid white }

/* projects */
#commercial  { font-weight: bold; background-color: #a9441a; text-align: center; margin-bottom: 15px; padding-bottom: 5px; width: 158px; float: left; border-right: 2px solid white }
#commercial a { color: white; font-size: 95%; padding-top: 2px; padding-bottom: 2px }
#healthcare    { background-color: #799ab8; text-align: center; margin-bottom: 15px; padding-bottom: 5px; width: 158px; float: left; border-right: 2px solid white }
#healthcare a { color: white; font-size: 95%; padding-top: 2px; padding-bottom: 2px }
#residential   { background-color: #846843; text-align: center; margin-bottom: 15px; padding-bottom: 5px; width: 158px; float: left }
#residential a { color: white; font-size: 95%; padding-top: 2px; padding-bottom: 2px }

/* sidebar */
#sideWrap      { color: #676663; background-color: transparent; background-repeat: no-repeat; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-bottom: 15px; width: 210px; height: 100%; float: left; border-style: none }
#side  { font-size: 88% !important; padding-top: 5px; padding-right: 15px; padding-bottom: 0 }

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

#side p { color: #676663; margin-left: 0 }
#side ul  { margin: 0 0 10px 15px; padding: 0 }
#side ul li   { font-weight: bold; text-decoration: none; list-style-type: none }
#side ul li a  { color: #676663; font-weight: normal; text-decoration: underline; text-transform: none; margin-bottom: 0 }
#side ul li a:hover   { color: #000; font-weight: normal; text-decoration: none; text-transform: none; margin-bottom: 0 }
#side h3       { color: #9c6a4d; font-size: 95%; font-weight: bold; text-align: left; text-transform: none; margin-bottom: 0; margin-left: 0 }
#side h4   { color: #676663; font-size: 88% }