/* Eye Feast Art - Projects: Corporate CSS */ /* links */ a:link, a:visited { color: #444; font-weight: normal; text-decoration: underline } a:hover { color: #a9441a; text-decoration: none } /* fonts */ p { font-size: 95%; margin: 0 20px 5px; 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/projectsCom.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: #719148; background-image: url("../images/projects/backgrounds/art_corporate.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 } /* project headers */ #breadcrumbs { color: white; font-size: 95%; font-weight: bold; background-color: #a9441a; margin-top: 0; margin-bottom: 15px; padding-top: 2px; padding-left: 15px; height: 23px; border-bottom: 2px solid white } #breadcrumbs a { color: #fff; font-weight: bold; text-transform: uppercase; margin-right: 3px } #name { background-color: #deded2; margin: 0; width: 499px; border-top: 2px solid #fff; border-bottom: 2px solid white } .location { color: #a9441a; font-weight: normal; text-transform: capitalize; margin-left: 5px } #photo { text-decoration: none; text-align: center; margin-top: 15px; margin-bottom: 5px } /* projects */ #project ul { text-align: center; list-style-type: none; margin: 0 auto 0 225px; padding: 0 } #project ul li { text-align: center; display: block; margin: 0; padding: 0; float: left } #project ul li a { display: block; margin-top: 0; margin-right: 10px; margin-bottom: 0; padding: 0; width: 25px; height: 25px } #project ul li#one a { background-image: url(../images/projects/numbers/one.gif); background-repeat: no-repeat; background-position: 50% 0 } #project ul li#one a:hover { background-image: url(../images/projects/numbers/one_over.gif); background-repeat: no-repeat; background-position: 50% 0 } #project ul li#two a { background-image: url(../images/projects/numbers/two.gif); background-repeat: no-repeat } #project ul li#two a:hover { background-image: url(../images/projects/numbers/two_over.gif); background-repeat: no-repeat } #project ul li#three a { background-image: url(../images/projects/numbers/three.gif); background-repeat: no-repeat } #project ul li#three a:hover { background-image: url(../images/projects/numbers/three_over.gif); background-repeat: no-repeat } #project ul li#four a { background-image: url(../images/projects/numbers/four.gif); background-repeat: no-repeat } #project ul li#four a:hover { background-image: url(../images/projects/numbers/four_over.gif); background-repeat: no-repeat } #project ul li#five a { background-image: url(../images/projects/numbers/five.gif); background-repeat: no-repeat } #project ul li#five a:hover { background-image: url(../images/projects/numbers/five_over.gif); background-repeat: no-repeat } #project2 ul { text-align: center; list-style-type: none; margin: 0 auto 0 205px; padding: 0 } #project2 ul li { text-align: center; display: block; margin: 0; padding: 0; float: left } #project2 ul li a { display: block; margin-top: 0; margin-right: 10px; margin-bottom: 0; padding: 0; width: 25px; height: 25px } #project2 ul li#one a { background-image: url(../images/projects/numbers/one.gif); background-repeat: no-repeat; background-position: 50% 0 } #project2 ul li#one a:hover { background-image: url(../images/projects/numbers/one_over.gif); background-repeat: no-repeat; background-position: 50% 0 } #project2 ul li#two a { background-image: url(../images/projects/numbers/two.gif); background-repeat: no-repeat } #project2 ul li#two a:hover { background-image: url(../images/projects/numbers/two_over.gif); background-repeat: no-repeat } #project2 ul li#three a { background-image: url(../images/projects/numbers/three.gif); background-repeat: no-repeat } #project2 ul li#three a:hover { background-image: url(../images/projects/numbers/three_over.gif); background-repeat: no-repeat } #project2 ul li#four a { background-image: url(../images/projects/numbers/four.gif); background-repeat: no-repeat } #project2 ul li#four a:hover { background-image: url(../images/projects/numbers/four_over.gif); background-repeat: no-repeat } #project2 ul li#five a { background-image: url(../images/projects/numbers/five.gif); background-repeat: no-repeat } #project2 ul li#five a:hover { background-image: url(../images/projects/numbers/five_over.gif); background-repeat: no-repeat } #project3 ul { text-align: center; list-style-type: none; margin: 0 auto 0 195px; padding: 0 } #project3 ul li { text-align: center; display: block; margin: 0; padding: 0; float: left } #project3 ul li a { display: block; margin-top: 0; margin-right: 10px; margin-bottom: 0; padding: 0; width: 25px; height: 25px } #project3 ul li#one a { background-image: url(../images/projects/numbers/one.gif); background-repeat: no-repeat; background-position: 50% 0 } #project3 ul li#one a:hover { background-image: url(../images/projects/numbers/one_over.gif); background-repeat: no-repeat; background-position: 50% 0 } #project3 ul li#two a { background-image: url(../images/projects/numbers/two.gif); background-repeat: no-repeat } #project3 ul li#two a:hover { background-image: url(../images/projects/numbers/two_over.gif); background-repeat: no-repeat } #project3 ul li#three a { background-image: url(../images/projects/numbers/three.gif); background-repeat: no-repeat } #project3 ul li#three a:hover { background-image: url(../images/projects/numbers/three_over.gif); background-repeat: no-repeat } #project3 ul li#four a { background-image: url(../images/projects/numbers/four.gif); background-repeat: no-repeat } #project3 ul li#four a:hover { background-image: url(../images/projects/numbers/four_over.gif); background-repeat: no-repeat } #project3 ul li#five a { background-image: url(../images/projects/numbers/five.gif); background-repeat: no-repeat } #project3 ul li#five a:hover { background-image: url(../images/projects/numbers/five_over.gif); background-repeat: no-repeat } #project4 ul { text-align: center; list-style-type: none; margin: 0 auto 0 180px; padding: 0 } #project4 ul li { text-align: center; display: block; margin: 0; padding: 0; float: left } #project4 ul li a { display: block; margin-top: 0; margin-right: 10px; margin-bottom: 0; padding: 0; width: 25px; height: 25px } #project4 ul li#one a { background-image: url(../images/projects/numbers/one.gif); background-repeat: no-repeat; background-position: 50% 0 } #project4 ul li#one a:hover { background-image: url(../images/projects/numbers/one_over.gif); background-repeat: no-repeat; background-position: 50% 0 } #project4 ul li#two a { background-image: url(../images/projects/numbers/two.gif); background-repeat: no-repeat } #project4 ul li#two a:hover { background-image: url(../images/projects/numbers/two_over.gif); background-repeat: no-repeat } #project4 ul li#three a { background-image: url(../images/projects/numbers/three.gif); background-repeat: no-repeat } #project4 ul li#three a:hover { background-image: url(../images/projects/numbers/three_over.gif); background-repeat: no-repeat } #project4 ul li#four a { background-image: url(../images/projects/numbers/four.gif); background-repeat: no-repeat } #project4 ul li#four a:hover { background-image: url(../images/projects/numbers/four_over.gif); background-repeat: no-repeat } #project4 ul li#five a { background-image: url(../images/projects/numbers/five.gif); background-repeat: no-repeat } #project4 ul li#five a:hover { background-image: url(../images/projects/numbers/five_over.gif); background-repeat: no-repeat } #project5 ul { text-align: center; list-style-type: none; margin: 0 auto 0 160px; padding: 0 } #project5 ul li { text-align: center; display: block; margin: 0; padding: 0; float: left } #project5 ul li a { display: block; margin-top: 0; margin-right: 10px; margin-bottom: 0; padding: 0; width: 25px; height: 25px } #project5 ul li#one a { background-image: url(../images/projects/numbers/one.gif); background-repeat: no-repeat; background-position: 50% 0 } #project4 ul li#one a:hover { background-image: url(../images/projects/numbers/one_over.gif); background-repeat: no-repeat; background-position: 50% 0 } #project5 ul li#two a { background-image: url(../images/projects/numbers/two.gif); background-repeat: no-repeat } #project5 ul li#two a:hover { background-image: url(../images/projects/numbers/two_over.gif); background-repeat: no-repeat } #project5 ul li#three a { background-image: url(../images/projects/numbers/three.gif); background-repeat: no-repeat } #project5 ul li#three a:hover { background-image: url(../images/projects/numbers/three_over.gif); background-repeat: no-repeat } #project5 ul li#four a { background-image: url(../images/projects/numbers/four.gif); background-repeat: no-repeat } #project5 ul li#four a:hover { background-image: url(../images/projects/numbers/four_over.gif); background-repeat: no-repeat } #project5 ul li#five a { background-image: url(../images/projects/numbers/five.gif); background-repeat: no-repeat } #project5 ul li#five a:hover { background-image: url(../images/projects/numbers/five_over.gif); background-repeat: no-repeat } /* arrows */ #next { font-size: 95% !important; text-align: right; margin-right: 40px; margin-bottom: 30px; margin-left: 20px } #next a { color: #676663; margin-right: 5px; border-style: none } #next a:hover { color: #272727; text-decoration: none } #nextArrow { background-image: url(../images/projects/arrow/next.gif); background-repeat: no-repeat; border: 0} /* 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% }