body { font-family: Tahoma, Trebuchet, "Trebuchet MS", Verdana, Arial; font-size: .8em; background: #141516 url(../images/bg2.jpg) repeat-x 0 140px ; color: #ededed; line-height: 1.75em; padding:0; margin: 0; } #homebg {background: #141516 url(../images/bg.jpg) repeat-x 0 0px;} a {color: #75a7ae;} a:hover {color: #59f8e6;} img {border: none;} h1, h2, h3, h4, h5, h6, blockquote {font-family: "Book Antiqua", Georgia, Times,"Times New Roman",serif; color: #fff; font-style: oblique;} h2, #work h3 {color: #98c5df; font-size: 2.5em;} h3, h4, h5, h6 {font-size: 1.5em; } ul {margin: 0; margin-left: 30px; padding: 0;} p {text-indent: 3em; margin-bottom: 20px;} hr {clear: both; visibility: hidden;} blockquote {color: #a4d1e6; font-size: 1.5em; padding: 0; margin: 0; line-height: 1.25em; } blockquote p { text-indent: 0; text-align: left;} fieldset {border: none;} input {margin: 5px 0;} .left {float:left} .right {float:right;} .clear {clear: both;} .alignright {text-align: right;} .column {width: 500px; margin-right: 40px;} .smallcaps {font-variant:small-caps; font-style: normal;} .rightcolumn {width: 300px; float: right; } .rightcolumn ul {line-height: 1em; list-style-type: none; padding: 0; margin: 0;} .rightcolumn ul li {background: url(../images/hr.png) top no-repeat; padding-top: 15px;} .justify {text-align: justify;} .negativemargin {margin-top: -50px;} h3.alignright {font-style: oblique; color: #a7a7a7; font-size: 1.5em;} h3.smallcaps {padding-bottom: 0; margin-bottom: 0;} h2 span {color: #fff;} .matte {border: 1px solid black; background-color: #161818; padding: 20px; margin: 15px;} #portfolio .matte {background-color: #000; margin: 5px;} .whitematte {border: 8px solid white; padding: 0px; margin-right: 5px;} #banner {background: url(../images/bannerbg.png) repeat-x; height: 130px; position: relative; z-index: 90;} #banner h1, #banner h2 {display: none;} #nav {background: url(../images/banner.png) repeat-x ; height: 130px; width: 869px; margin: 0 auto; position: relative; z-index: 98;} #nav ul { float: left; width: 100%; list-style-type: none; padding: 10px 0 0 0; margin-left: 206px; margin-top:63px} #nav ul li { display: inline;} #nav li {float: left; } #nav a {color: #fff; height: 47px; padding: 0 ; width: 90px; text-decoration: none; display: block;} #nav a.home {background-image: url(../images/home.gif);} #home a.home {background-image: url(../images/homenav.png); } #nav a.about {background-image: url(../images/about.gif);} #about a.about {background-image: url(../images/aboutnav.png);} #nav a.blog {background-image: url(../images/blog.gif);} #blog a.blog {background-image: url(../images/blognav.png);} #nav a.portfolio {background-image: url(../images/portfolio.gif);} #portolio a.portfolio {background-image: url(../images/portfolionav.png);} #nav a.resources {background-image: url(../images/resources.gif); } #resources a.resources {background-image: url(../images/resourcesnav.png);} #nav a.home, #nav a.about, #nav a.blog, #nav a.resources, #nav a.portfolio, #home a.home, #about a.about , #blog a.blog, #portolio a.portfolio, #resources a.resources {background-repeat: no-repeat; background-position: 50% 0px;} #home a.home, #about a.about , #blog a.blog, #portolio a.portfolio, #resources a.resources {cursor : default; } #nav a.home:hover, #nav a.about:hover, #nav a.blog:hover, #nav a.resources:hover, #nav a.portfolio:hover {background-position: 0 -47px; } #home a.home:hover, #about a.about:hover , #blog a.blog:hover, #portolio a.portfolio:hover, #resources a.resources:hover {background-position: 50% 0px;} #nav a.home, #nav a.about, #nav a.blog, #nav a.resources, #nav a.portfolio { overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px } #content { min-height: 330px; width: 869px; margin: 0px auto 0 auto; position: relative; padding-bottom: 20px; z-index: 99;} #content h2 {padding: 70px 0 10px 0px; margin: 0px; text-shadow: 2px 2px 3px #000; } #content p, #content h3 {padding-left: 10px;} #content2 {background: url(../images/content.png) no-repeat 1px 451px; min-height: 330px; border-bottom: 30px; width: 869px; margin: 0px auto 0 auto; position: relative; padding-top: 450px; padding-bottom: 20px; z-index: 99;} #content2 h2 {padding: 100px 0 10px 0px; margin: 0px; text-shadow: 2px 2px 3px #000; } #content2 p, #content h3 {padding-left: 10px;} #work { padding: 1px; background-color: black; } /* #work img{height: 120px; width: 150px} */ /* #work img:hover {height: 320px; width: 400px} */ a.popup, a.popup2{ position:relative; /*this is the key*/ z-index:24; color:#fff; text-decoration:none} a.popup img {height: 120px; width: 170px; margin: 0;} a.popup2 img {height: 120px; width: 90px; margin: 0;} a.popup:hover, a.popup2:hover{z-index:100;} a.popup span, a.popup2 span{display: none} a.popup:hover span, a.popup2:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; text-align: center; top: -300px; left: 30px;} a.popup:hover span img, a.popup2:hover span img {height: 200%; width: 200%;} #gallery {width: 868px; margin: 0 auto; position: absolute; top: 133px; left: 50%; margin-left: -434px; height: 579px; margin-top: -50px; z-index: 1; background-color: #000; overflow: hidden;} #gallery img {display: block; margin: 0 auto;} p.art { margin-top: 0px; color: white; z-index: 100; display: block; text-align: center; padding-top: 15px; font-family: "Book Antiqua", serif; font-style: oblique; text-shadow: 2px 2px 3px #000, 2px 2px 6px #000; font-weight: bold;} p.art:first-line { font-size: 1.5em;} #recentnews {height: 250px; overflow: auto; background-color: #141516; border: 2px solid black; padding-right: 20px; font-size: .9em; } #recentnews p {text-indent: 0px; } #footer {background: url(../images/footer.png) repeat; padding: 50px; border-top: 20px solid #000; } div.center {width: 860px; margin: 0 auto;} #footer div.left {padding: 0 20px; min-width: 200px; color: #9a9a9a;} #footer div.left:first-line { color: #fff;} #footer ul li { list-style-type: circle;}