@import url("browser-reset.css");
@charset "UTF-8";


/*  REDEFINES  */

a img {border: none;}

a:focus, a:active{
outline: none;
border: none;
}
p{
margin-bottom: 10px;
}
p + p{
text-indent: 2em;
}
body{
font: 10pt/1.3em Palatino Linotype, Book Antiqua, Times, serif;
color: #6c5a45;
background: #413528 url(../images/bg-page.jpg);
}
a:link, a:active, a:visited{
color: #493218;
text-decoration: none;
}
a:hover{
color: #000;
text-decoration: underline;
}


/*  LAYOUT   */


#container{
position: relative;
width: 904px;
height: 648px;
margin: 50px auto 0 auto;
}
.home{
background: url(../images/content-home.jpg) no-repeat top left;
}
#container.about{
background: url(../images/content-about.jpg) no-repeat top left;
}
.gallery{
background: url(../images/content-gallery.jpg) no-repeat top left;
}
.contact{
background: url(../images/content-contact.jpg) no-repeat top left;
}
#logo{
position: absolute;
top: -19px;
left: -15px;
z-index: 100;
}
#navHolder{
position: absolute;
top: 81px;
left: 365px;
height: 30px;
width: 537px;
background: url(../images/nav-bg.jpg) no-repeat 0 0;
z-index: 90;
}
#navHolder:hover{
background: url(../images/nav-bg.jpg) no-repeat 0 -30px;
}
#nav li{
list-style: none;
position: absolute;
top: 0px;
}
#nav li, #nav a{
height: 30px;
display: block;
}
#home{
left: 45px;
width: 60px;
background: transparent url(../images/nav24.png) no-repeat -45px 0;
}
#home a:hover, #home .selected {
background: transparent url(../images/nav24.png) no-repeat -45px -30px;
}
#about{
left: 105px;
width: 87px;
background: transparent url(../images/nav24.png) no-repeat -105px 0;
}
#about a:hover, #about .selected {
background: transparent url(../images/nav24.png) no-repeat -105px -30px;
}
#gallery{
left: 192px;
width: 196px;
background: transparent url(../images/nav24.png) no-repeat -192px 0px;
}
#gallery a:hover, #gallery .selected {
background: transparent url(../images/nav24.png) no-repeat -192px -30px;
}
#contact{
left: 388px;
width: 74px;
background: transparent url(../images/nav24.png) no-repeat -388px 0px;
}
#contact a:hover, #contact .selected {
background: transparent url(../images/nav24.png) no-repeat -388px -30px;
}
#bottomQuote{
position: absolute;
top: 498px;
left: 85px;
}
#aboutText{
position: absolute;
top: 132px;
left: 109px;
z-index: 80;
}
#aboutL{
position: absolute;
top: 330px;
left: 109px;
width: 300px;
text-align: justify;
text-justify: newspaper;
}
#aboutR{
position: absolute;
top: 330px;
left: 440px;
width: 350px;
text-align: justify;
text-justify: newspaper;
}
#galleryJump{
position: absolute;
top: 130px;
left: 243px;
}
#contactText1{
position: absolute;
top: 238px;
left: 0;
width: 100%;
text-align: center;
color: #493218;
font-size: 11pt;
line-height: 1.5em;
}
#contactText2{
position: absolute;
top: 400px;
left: 0;
width: 100%;
text-align: center;
color: #493218;
line-height: 1.6em;
font-size: 10pt;
}
#footer{
font: 10pt/1.3em Arial, Helvetica, sans-serif;
width: 904px;
margin: 0 auto;
text-align: center;
font-weight: bold;
color: #f3ead5;
}
#footer a:link,
#footer a:active,
#footer a:visited{
color: #f3ead5;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
#footer img{
margin: 0 10px;
vertical-align: middle;
}



/*   CLASSES   */

.replacementText{
text-indent: -3000px;
}