body {
margin: auto;
text-align: center;
background-color: #1f1f1f;
}
#wrapper {
margin: auto;
width: 990px;
}
#headernav {
width: 988px;
height: 30px;
background-color:#1b1b1b;
border: 1px solid #080808;
font-family: verdana;
font-size: 20px;
}
#nav1 {
width: 591px;
text-align: center;
float: left;
color: ccccff;
border-right: 1px solid #080808;
}
#nav2 {
width: 394px;
text-align: center;
float: right;
color: ccccff;
}
#contentwrapper {
width: 990px;
height: 600px;
background-color:#222222;
border-right: 1px solid #080808;
border-left: 1px solid #080808;
}
#photostore {
width: 591px;
height: 600px;
background-color: #dcdcdc;
float: left;
}
#quotes {
width: 340px;
height: 40px;
float: left;
text-align: left;
margin-left: 10px;
font-size: 14px;
color:#1b1b1b;
}
#code {
width: 241px;
height: 50px;
float: right;
text-align: center;
color:#dcdcdc;
}
#code a {
display: block;
width: 241px;
height: 50px;
background: transparent url('photostore/customimages/codebutton.png') no-repeat;
color:#dcdcdc;
}
#code a:visited {
display: block;
width: 241px;
height: 50px;
background-position: 0px 0;
}
#code a:hover {
display: block;
width: 241px;
height: 50px;
background-position: -241px 0;
}
#code a:active {
display: block;
width: 241px;
height: 50px;
background-position: -482px 0;
}
#gallerydescription {
width: 591px;
}
#gallerywrapper {
width: 591px;
height: 190px;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
}
#gallery {
background-color: #444;
width: 530px;
height: 105px;
text-align: center;
}
#gallery ul { 
list-style: none; 
padding: 0px; 
margin: 0px;
}
#gallery ul li { 
display: inline; 
}
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { 
color: #fff; 
}
.enterstore {
background-color: #1b1b1b;
width: 530px;
height: 20px;
}
.enterstore a {
color: #ccccff;
text-decoration: none;
}
.enterstore a:visited {
color: #ccccff;
}
.enterstore a:hover {
color: #ffcc00;
}
.enterstore a:active {
color: #bbbbff;
}
#products {
width: 591px;
height: 150px;
float: left;
}
#fineart {
width: 197px;
height: 150px;
float: left;
}
#prints {
width: 197px;
height: 150px;
float: left;
}
#specialproducts {
width: 197px;
height: 150px;
float: right;
}
#photography {
width: 394px;
height: 270px;
background-color: #dcdcdc;
float: right;
}
#photocontact {
width: 394px;
height: 29px;
float: right;
border-top: 1px solid #080808;
background-color: #dcdcdc;
font-size: 14px;
}
#nav3 {
width: 394px;
height: 30px;
text-align: center;
float: left;
color: ccccff;
font-family: verdana;
font-size: 20px;
float: right;
}
#webdev {
width: 394px;
height: 201px;
background-color: #dcdcdc;
float: right;
border-bottom: 1px solie #080808;
}
#webdevinfo {
width: 394px;
height: 69px;
background-color: #dcdcdc;
float: right;
font-size: 14px;
}
#footer {
width: 990px;
height: 30px;
background-color: #1b1b1b;
border: 1px solid #080808;
float: left;
}