* { padding: 0; margin: 0;}

body { 
background-color: #d2a394; 
font: 12px "century gothic", sans-serif; 
color: #8a504a;
} 

a {
color: #de9180; 
}

a: hover {
color: #8a504a;
}

/*------- Skeleton -------*/

#layout { 
margin: 0 auto;
width: 750px;
background: url(images/layout_bg.jpg) repeat-y; 
}

#header { 
background: url(images/finealta_01.jpg) no-repeat; 
width: 750px;
height: 290px; 
}

#container {
width: 750px;
}

#container_bottombg{
background: url(images/container_bottombg.jpg)  bottom right no-repeat;
float: left;
display: inline;
width: 750px;
}

#content {
display: inline; 
float: right; 
width: 475px; 
margin: 2px 50px 10px 10px; } 

#navigation_bg{ 
background: url(images/finealta_02.jpg) no-repeat; 
}

#navigation {
margin-right: 345px;
width: 160px;
padding: 25px 0 20px 50px;
 }

#footer { 
background: url(images/finealta_03.jpg) no-repeat;
width: 750px;
height: 136px;
clear: both;
text-transform: uppercase;
}

#credits {
font: 12px "century gothic", sans-serif; 
line-height: 14px; 
color: #8a504a;
padding: 9px 0 0 40px;
}

#watermarkofthesorts {
color: #7a4a4e;
text-align: center;
font: 12px "century gothic", sans-serif; 
padding: 52px 30px 0 0;
}

/*-------  Headers  -------*/

h1, h2 { 
font:  normal 24px "century gothic", sans-serif; }

h1 {
color: #fde2e3;
letter-spacing: 3px;
text-transform: uppercase; 
text-align: right; 
margin: 10px 20px 10px 0;}

h2 { 
color: #cc725c;
padding: 1px 0 0 10px;
background: #efab98 url(images/h2.jpg) top right no-repeat;
text-transform: lowercase; 
font-style: italic; 
line-height: 18px;
margin: 5px 0 0 -10px
}


/*-------  Navigation boxes  ------- */

#navigation ul {
background: url(images/nav_box.jpg) top right repeat-y; 
padding:  5px 0;
margin-left: -10px;
text-align: right;
list-style-type: none;
}

#navigation li {
padding: 2px 0 2px 1px; 
width: 158px;
} 

#navigation li a { 
width: 156px;
display: block; 
background: #f8cbbc url(images/nav_link.jpg) top right repeat-y; 
border-left: 7px solid #f3c5b8;
color: #de9180; 
font-size: 14px;
text-decoration: none;
padding-right: 6px;
}

#navigation li a:hover{ 
background: #f18362 url(images/nav_linkhover.jpg) top right repeat-y; 
border-left: 7px solid #eb7a5c;
color: #f7c9ba; 
}

#navigation .link01 { 
background: #f8cbbc url(images/nav_link01.jpg) top right repeat; 
}

#navigation .link02 { 
background: #f8cbbc url(images/nav_link02.jpg) top right repeat; 
}

#navigation .link03 { 
background: #f8cbbc url(images/nav_link03.jpg) top right repeat; 
}

/*-------------- */

p { margin: 10px 0; 
}