html, body {height:100%;
background-color: #FFFFFF;
background-image:url('img/bg.jpg');
margin:0px;
padding:0px;}

a img {border:none;}
p.clear {clear:both;}
p.indent {text-indent:20px;}



/* --- container -------------- */
.container {z-index: 0;
position: relative;
top:0px;
width:936px;
height:auto;
height:100%;
min-height:100%;
border:none;
background:none;
padding:0px;
margin-left:auto;
margin-right:auto;}



/* --- sidebar ---------------- */
.sidebar {z-index: 1;
position: relative;
top: 24px;
left:0px;
width: 204px;
height:auto;
border:none;
background:none;
padding:0px;
margin:0px;}



.idimg {z-index: 3;
position: absolute;
left:94px;
top:10px;
width:100px;
height:275px;
border:none;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-image:url('img/id.jpg');
background-position:center;
padding:0px;
margin:0px;}

.idborder {z-index:2;
position:absolute; 
left:84px;
top:0px;
width:100px;
height:275px;
border:none;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#CFC8BD;
box-shadow: 0px 0px 5px #606060;
padding:10px;
margin:0px;}



.logo {position:absolute; 
left:0px;
top:24px;
width:100px;
height:62px;
border:none;
background-image:url('img/logo.png');
padding:0px;
margin:0px;}

.masklogo {width:100px;
height:62px;
display:block;}



.navi {width: auto;
overflow:auto;
position: absolute;
top: 94px;
left: 0px;
width:150px;
text-align:justify;
font-weight:normal;
font-family:Courier New, Courier New, monospace;
font-size:10pt;
text-transform:lowercase;
letter-spacing:0px;}

.navi a:link {color:#e5ded1;
text-decoration:none;}
.navi a:visited {color:#e5ded1;
text-decoration:none;}
.navi a:hover {color:#FFFFFF;
text-decoration:none;}
.navi a:active {color:#FFFFFF;
text-decoration:none;}

.navi li{list-style-type:none;
width:100px;
position: relative;
left: 16px;
border:none;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
background-color:#655251;
padding:0px;
margin:12px 0px;
transition: background .3s ease-in-out, position .3s ease-in-out, left .3s ease-in-out;
-moz-transition: background .3s ease-in-out, position .3s ease-in-out, left .3s ease-in-out;
-webkit-transition: background .3s ease-in-out, position .3s ease-in-out, left .3s ease-in-out;}

.navi li:hover {background-color:#a1896f;
position:relative;
left: 0px;}

.navi li.active {background-color:#a1896f;
position:relative;
left: 0px;}

.masklink {width:100px;
height:auto;
display:block;
padding:4px 10px}



/* --- content ---------------- */
.bg {z-index: 0;
position: fixed;
top:0px;
width:636px;
height:auto;
height:100%;
height-min:100%;
border:none;
background-color:#FFFFFF;
box-shadow: 0px 0px 5px #AEAEAE;
padding:0px 24px;
margin:0px 0px 0px 252px;}


.xcontent {z-index: 1;
position: absolute;
top:0px;
right:0px;
width:636px;
border:none;
background-color:#FFFFFF;
padding:0px 24px;
margin:0px;

color:#909090;
text-align:justify;
font-weight:normal;
font-family:verdana, sans-serif;
font-size:9pt;
letter-spacing:0px;
line-height:12pt;}

.xcontent a:link {color:#000;
text-decoration:none;
font-size:10pt;
font-variant:small-caps;
letter-spacing:1px;}
.xcontent a:visited {color:#000;
text-decoration:none;
font-size:10pt;
font-variant:small-caps;
letter-spacing:1px;}
.xcontent a:hover {color:#909090;
text-decoration:none;
font-size:10pt;
font-variant:small-caps;
letter-spacing:1px;}
.xcontent a:active {color:#909090;
text-decoration:none;
font-size:10pt;
font-variant:small-caps;
letter-spacing:1px;}


h2 {border-bottom:solid;
border-width:1px;
border-color:#cfc8bd;
text-indent:18px;
font-style:normal;
font-weight:bold;
font-family: georgia, serif;
color:#a1896f;
font-size:16pt;
text-transform:capitalize;
letter-spacing:5px;
padding:24px 0px 12px;
margin:12px 0px 18px;}

.homeimg {width:630;
padding:0px 3px;
opacity:0.8;
filter:alpha(opacity=80);}



/* --- footer ----------------- */
.footer {z-index: 1;
position: absolute;
bottom: 0px;
width:100%;
text-align: center;
padding:0px;
margin:0px;}