/* MAIN */

body{
background: url(images/bg.png) repeat-x;
background-color: #efebd3;
margin-top: 0px;
margin-bottom: 0px;
font-family: arial;
font-size: 11px;
cursor: crosshair;
color: #797979;
}

#layout {
width: 700px;
margin: auto;
}

#header { 
background: url(images/image.png) no-repeat;
height: 150px;
}

#navi {
float: right; 
width: 100px;
margin: 0px 0px 0px 0px;
}

#main { 
float: left; 
width: 590px;
margin: 0px 0px 0px 0px;
}

#footer {
height: 1px;
}

#clear {
clear: both;
}

a:link
{font-family: georgia; font-size: 11px; font-style: italic; color: #be5e39; cursor: help; letter-spacing: -1px; text-decoration: none; text-transform: lowercase;}
a:visited
{font-family: georgia; font-size: 11px; font-style: italic; color: #be5e39; cursor: help; letter-spacing: -1px; text-decoration: none; text-transform: lowercase;}
a:hover 
{font-family: georgia; font-size: 11px; font-style: italic; color: #9c846b; cursor: help; letter-spacing: -1px; text-decoration: none; text-transform: lowercase;}

i {
color:#7c7359;
}

u {
color:#3e3e3e;
text-decoration: none;
border-bottom: 1px #be5e39 dotted;
}

b{
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0px;
color:#7c7359;
}

ul,ol{
margin: 5px 0px 10px 10px;
}

input, textarea{
font-family: arial; font-size: 10px; color: #797979; border: 1px dotted #be5e39; background-color: #ffffff;}

blockquote
{width: 400px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-left: 5px solid #be5e39;}

/* NAVIGATION */

a.nav
{display: block;
height: 15px;
width: 100px;
color: #606060;
background: #efebd3;
font-size: 11px;
font-family:arial narrow;
text-transform: lowercase;
text-align: left;
padding-left: 5px;
border-bottom: 1px #be5e39 dotted;
letter-spacing: 0px;
font-style: normal;
}

a.nav:hover
{color: #be5e39;
font-size: 11px;
font-family:arial narrow;
text-transform: lowercase;
text-align: left;
padding-left: 5px;
letter-spacing: 0px;
font-style: normal;
}


/* CONTENT */

.head{
text-align: left;
padding-left: 20px;
font-family: georgia;
letter-spacing: -1px;
color: #9c846b;
font-size: 25px;
text-transform: lowercase;
font-style: italic;
width: 450px;
text-align: left;
}

.subhead{
font-family: arial narrow;
font-size: 10px;
color: #be5e39;
text-align: left;
text-transform: uppercase;
letter-spacing: 0px;
padding-left: 20px;
padding-bottom: 10px;
background-color: #efebd3;
height: 9px;
}

.content{
background-color: #efebd3;
font-family: arial;
font-size: 11px;
line-height: 18px;
color: #47393a;
padding-left: 20px;
padding-right: 20px;
padding-top: 2px;
padding-bottom: 30px;
text-align: left;
}

.icon{
position: relative;
float: left;
margin: 0px 10px 10px -140px;
background: #fffdf1;
border-width: 10px;
border-color: #fffdf1;
border-style: solid;
}

.image{
position: relative;
float: left;
margin: 0px 10px 10px -240px;
background: #fffdf1;
border-width: 10px;
border-color: #fffdf1;
border-style: solid;
}

.button{
position: relative;
float: left;
border-width: 10px;
border-color: #fffdf1;
border-style: solid;
}

.preview{
border-width: 10px;
border-color: #fffdf1;
border-style: solid;
}

.icon img:hover{ 
filter: alpha (opacity=70); 
-moz-opacity: 0.70; 
opacity: 0.70; }