/* body */
body {
text-align :justify;
width: 100%;
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size : 11px;
line-height:15pt;
color: #535353;
background-image: url(bg.jpg);
background-repeat:repeat;
}
/* ids */ 
#content{
position: absolute;
width: 1000px;
left:0px;
top: 0px;
}
#content p {
padding-left: 20px;
padding-right: 0px;
padding-top: 0px;
padding-bottom:0px;
}
#header{
position: absolute;
left:0px;
top: 0px;
}
#navigation {
position: absolute;
left:465px;
top: 100px;
list-style-type: none;
}
#navigation a { 
border-top:0px solid #cdc1b5;
border-left:70px solid #cdc1b5;
border-bottom:0px solid #cdc1b5;
border-right:0px solid #cdc1b5;
display:block;
padding-left:10px;
padding-right:25px;
color:#413b58;
margin-bottom:2px;
text-transform:uppercase;
background-color: #f1f1f1;
}
#navigation a:hover {
border-top:0px solid #b84157;
border-left:70px solid #b84157;
border-bottom:0px solid #b84157;
border-right:0px solid #b84157;
display:block;
color:#4f6358;
margin-bottom:2px;
text-transform:uppercase;
background-color: #f1f1f1;
}
#main{
position: absolute;
left:475px;
top: 75px;
width: 450px;
}
#stats {
margin-left: 50px;
margin-top: 20px;
padding-bottom:5px;
width: 385px;
background-color:#f1f1f1;
}
blockquote {
width:80%;
display: block;
}
#footer {
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size : 10px;
margin-left:20px;
padding-top:15px;
padding-left:100px;
width: 400px;
height:140px;
background-image:url(note.jpg);
background-repeat:no-repeat;
text-transform:uppercase;
}
#footer p {
text-align:right;
width: 90%;
color:#4f6358;
}
/* ul, li */
li{
padding: 2px;
}
/* links */
a:link, a:active, a:visited{
color:#413b58;
border-bottom:1px dotted #b84157;
text-decoration:none;
}
a:hover {
color:#b84157;
border-bottom:1px dotted #413b58;
text-decoration:none;
}
/* text */
b, strong {
color : #b84157;
}
i, em {
color: #4f6358;
}
input, textarea, option, select, code {
background-color:#f1f1f1;
border-left: 20px solid #4f6358;
border-right: 0px solid #aeaeae;
border-top: 0px solid #aeaeae;
border-bottom: 0px solid #aeaeae;
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size : 11px;
padding-left:10px;
}
code{
padding: 5px;
display: block;
width: 60%;
margin-left:100px;
padding-left:20px;
text-align: left;
}
/* titles */
.title, h1{
text-align: left;
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size: 30px;
color:#b84157;
width: 85%; 
margin-left:20px;
padding-left: 60px;
padding-top:10px;
letter-spacing: 10px;
line-height: 23px;
text-transform:uppercase;
border-bottom:5px solid #cdc1b5;
}
.title2, h2 {
text-align:left;
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size: 22px;
color: #413b58;
border-left: 100px solid #4f6358;
background-color: #f1f1f1;
width:60%;
padding-left: 15px;
margin-top:10px;
margin-left:50px;
letter-spacing: 5px;
font-style:italic;
line-height: 15px;
text-transform:lowercase;}
.title3, h3 {
text-align: left;
font-family: Century Gothic, Georgia, Tahoma, Verdana, Sans-Serif;
font-size: 14px;
color : #28251d;
width:89%;
padding-left: 30px;
margin-left:20px;
letter-spacing: 3px;
font-style:italic;
line-height: 12px;
text-transform:lowercase;
border-bottom:1px solid #413b58;
}
/*codes*/
p.codes{
text-align:center;}
p.icons{
text-align:center;}