* {
margin : 0;
padding : 0;
}
body {
font-size : 62.5%;
font-family : Verdana, sans-serif;
background : url(images/body-bg.jpg) repeat-x top;
text-align : center;
}
p {
font-size : 1.1em;
line-height : 1.2em;
margin-bottom : 0.8em;
color : #cccccc;
text-decoration : none;
}
a {
color : #7797b1;
text-decoration : none;
}
a:hover, a:active {
color : white;
text-decoration : none;
}
h1 {
font-size : 3em;
color : #cccccc;
margin-bottom : 0.8em;
text-align : center;
}
h2 {
font-size : 1.3em;
color : #7797b1;
text-transform : uppercase;
margin-bottom : 0.8em;
text-align : center;
}
h3 {
font-size : 1.3em;
text-transform : uppercase;
font-style : italic;
letter-spacing : 2px;
background : #e9bc3d;
color : #cccccc;
padding : 5px;
margin-bottom : 2em;
text-align : center;
}
.clear {
clear : both;
}
div#page-wrap {
width : 800px;
margin : 0 auto;
}
ul#nav {
height : 222px;
background : url(images/header-opening.png) no-repeat;
list-style : none;
padding-left : 0;
}
ul#nav li {
display : inline;
font-size : 1.1em;
}
ul#nav li a {
display : block;
width : 100px;
text-align : center;
float : left;
margin-top : 200px;
color : #7797b1;
padding-top : 2px;
text-decoration : none;
text-transform : uppercase;
}
ul#nav li a:hover {
color : white;
}
ul#nav li a:active {
color : black;
}
div#main-content {
padding-bottom : 50px;
text-align : center;
width : 800px;
padding-right : 0;
padding-top : 0;
}
div#main-content div#right-col p {
font-size : 1.1em;
text-align : center;
}
div#gallery {
background : none;
color : #7797b1;
padding : 10px 0 10px 0;
text-transform : uppercase;
text-align : center;
font-size : 1.1em;
}
div#footer {
background : none;
color : #7797b1;
padding : 10px 0 10px 0;
text-transform : lowercase;
border-top : 1px solid #7797b1;
text-align : center;
font-size : 0.5em;
}