body {
background-image: url(images/bg_grad.png);
background-size: 1024px 100%;
}
* {
font-size: 14px;
color: white;
font-family: Eurostile, sans-serif;
}
a {
text-decoration: none;
border-width: hidden;
}
a img {
border: none;
}
h1 {
font-size: 48px;
margin: 0px;
text-align: center;
}
h2 {
font-size: 28px;
margin: 0px;
}
p {
text-indent: 20px;
}
span {
width: 100%;
height: 100%;
z-index: 100;
position: absolute;
}
#container {
width: 800px;
height: 150%;
margin: 0 auto;
position: relative;
}
#header_img {
position: relative;
}
#header {
padding: 0;
background-color: aqua;
top: 225px;
position: relative;
}
#statement {
left: 348px;
position: absolute;
}
#logo {
top: 2px;
position: absolute;
}
#nav {
top: 365px;
position: relative;
}
#nav_bg {
top: 0px;
position: absolute;
}
#nav1:hover {
width: 146px;
height: 92px;
background-image: url(images/nav1h.png);
position: absolute;
}
#nav2:hover {
left: 115px;
width: 146px;
height: 92px;
background-image: url(images/nav2h.png);
position: absolute;
}
#nav3:hover {
left: 233px;
width: 146px;
height: 92px;
background-image: url(images/nav3h.png);
position: absolute;
}
#nav1 {
width: 146px;
height: 92px;
background-image: url(images/nav1.png);
position: absolute;
}
#nav2 {
left: 115px;
width: 146px;
height: 92px;
background-image: url(images/nav2.png);
position: absolute;
}
#nav3 {
left: 233px;
width: 146px;
height: 92px;
background-image: url(images/nav3.png);
position: absolute;
}
#title {
width: 453px;
top: 365px;
left: 348px;
position: absolute;
background-image: url(images/content_bg.png);
}
#content {
left: 348px;
top: 426px;
width: 453px;
position: absolute;
background-color: rgb(51,51,51);
}
#content p {
padding: 0 20px 0 27px;
}
.quote {
font-size: 24px;
text-indent: 0;
font-style: italic;
font-weight: bold;
}
#line {
top: 80px;
position: absolute;
left: 75px;
z-index: 100;
}
#contentend {
position: absolute;
}
#ontop {
position: absolute;
}
#fav {
top: 60px;
left: 20px;
position: absolute;
}
#thumbs {
top: 130px;
left: 20px;
position: absolute;
}
#amore {
position: relative;
float: left;
padding-left: 30px;
}
#bade {
position: relative;
float: left;
padding-left: 30px;
}
#casablanca {
position: relative;
float: left;
padding-left: 30px;
}
#darkfuneral {
position: relative;
float: left;
padding-left: 30px;
}
#dreamwave {
position: relative;
float: left;
padding-left: 30px;
}
#fossil {
position: relative;
top: 28px;
float: left;
padding-left: 30px;
}
#gwtdt {
position: relative;
float: left;
padding-left: 30px;
}
#haven {
position: relative;
float: left;
padding-left: 30px;
}
#slideshowarea {
left: 25px;
height: 500px;
width: 400px;
background-color: ;
position: relative;
}
#slideshow {
height: 500px;
width: 400px;
position: absolute;
z-index: 100;
background-image: none;
}
/* first row */
#amore #slideshow {
left: 353px;
top: -27px;
}
#bade #slideshow {
left: 283px;
top: -27px;
}
#casablanca #slideshow {
left: 213px;
top: -27px;
}
#darkfuneral #slideshow {
left: 143px;
top: -27px;
}
/* second row */
#dreamwave #slideshow {
left: 213px;
top: -95px;
}
#fossil #slideshow {
left: 143px;
top: -95px;
}
#gwtdt #slideshow {
left: 353px;
top: -95px;
}
#haven #slideshow {
left: 283px;
top: -95px;
}
/* hover effects */
#amore:hover #slideshow {
background-image: url(portfolio/amore.png)
}
#bade:hover #slideshow {
background-image: url(portfolio/bade.png)
}
#casablanca:hover #slideshow {
background-image: url(portfolio/casablanca.png)
}
#darkfuneral:hover #slideshow {
background-image: url(portfolio/dark_funeral.png)
}
#dreamwave:hover #slideshow {
background-image: url(portfolio/dreamwave.png)
}
#fossil:hover #slideshow {
background-image: url(portfolio/fossil.png)
}
#gwtdt:hover #slideshow {
background-image: url(portfolio/gwtdt.png)
}
#haven:hover #slideshow {
background-image: url(portfolio/haven_bottle.png)
}
#icons {
top: 680px;
left: 275px;
position: absolute;
back
}
.fav {
top: 195px;
left: 10px;
}
.nav {
font-size: 28px;
margin: 30px 10px 30px 10px;
}
#footer {
position: relative;
text-align: center;
height: 20px;
padding-top: 30px;
color: black;
}
#spacer {
height: 100px;
position: relative;
}
#bluebar {
width: 1000px;
height: 120px;
margin: 20px 0px;
padding: 20px 0px;
position: relative;
opacity: 0.4;
background-color: 003366;
}
#greybar {
width: 1000px;
margin: 20px 0px;
padding: 20px 0px;
position: relative;
opacity: 0.4;
background-color: black;
}
#greybar p {
font-size: 18px;
text-indent: 0px;
padding: 0px 25px;
}