/* MAIN */

body{
background-color: #e0e0e0;
margin-top: 0px;
margin-bottom: 0px;
font-family: arial;
font-size: 10px;
cursor: crosshair;
color: #797979;
}

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

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

#navi {
float: left; 
width: 140px;
margin: 0px 0px 0px 0px;
background: url(images/bg.jpg) repeat-y;
}

#main { 
float: right; 
width: 460px;
margin: 0px 0px 0px 0px;
background: url(images/bg.jpg) repeat-y;
}

#footer {
background: url(images/footer.jpg) no-repeat;
height: 50px;
}

#clear {
clear: both;
}

a:link
{font-family: georgia; font-size: 8px; color: #48c6d5; cursor: help; letter-spacing: -1px; text-decoration: none; text-transform: uppercase;}
a:visited
{font-family: georgia; font-size: 8px; color: #48c6d5; cursor: help; letter-spacing: -1px; text-decoration: none; text-transform: uppercase;}
a:hover 
{font-family: georgia; font-size: 8px; color: #C1F5A6; cursor: help; letter-spacing: -1px; text-decoration: none; text-transform: uppercase;}

::-moz-selection { background: #48c6d5; color: #ffffff; }

i {
color:#fdab3d;
}

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

b{
font-size: 8px;
text-transform: uppercase;
letter-spacing: -1px;
color:#454545;
}

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

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

blockquote
{width: 300px;
padding: 10px;
background-color: #ffffff;
border-top: 1px dashed #fdab3d;
border-bottom: 1px dashed #fdab3d;
border-right: 5px solid #fdab3d;}

/* NAVIGATION */

.nav{
font-family: arial;
font-size: 10px;
color: #797979;
}

.navhead 
{font-family: arial;
text-align: center;
color: #48c6d4;
letter-spacing: -1px;
margin-bottom: 3px;
font-size: 13px;
text-transform: lowercase;
}

a.nav
{display: block;
height: 15px;
width: 120px;
color: #606060;
background: #e0e0e0;
font-size: 8px;
font-family:arial;
text-transform: uppercase;
letter-spacing: -1px;
text-align: right;
padding-right: 15px;
}

a.nav:hover
{background:#ffffff;
padding-right: 15px;
text-align: right;
color: #e0e0e0;
font-family:arial;
font-size: 8px;
letter-spacing: -1px;
text-transform: uppercase;
}


/* CONTENT */

.head{
text-align: left;
padding-left: 80px;
font-family: arial;
letter-spacing: -2px;
color: #adadad;
font-size: 16px;
text-transform: lowercase;
background: url(images/header.jpg) bottom no-repeat;
width: 450px;
}

.head:first-letter{
font-family:arial;
font-size: 16px;
color: #ffab40;
letter-spacing: -1px;
text-transform: lowercase;
}

.subhead{
font-family: arial;
font-size: 9px;
color: #878787;
text-align: left;
text-transform: lowercase;
letter-spacing: -1px;
padding-left: 60px;
background-color: #ffffff;
height: 9px;
}

.content{
background-color: #ffffff;
font-family: arial;
font-size: 10px;
line-height: 18px;
color: #7f7f7f;
padding-left: 20px;
padding-right: 20px;
padding-top: 2px;
padding-bottom: 20px;
}

.icon{
position: relative;
float: right;
margin: 0px -150px 0px 0px;
background: #f3f3f3;
border-width: 10px;
border-color: #f3f3f3;
border-style: solid;
}

.image{
position: relative;
float: right;
margin: 0px -270px 0px 0px;
background: #f3f3f3;
border-width: 10px;
border-color: #f3f3f3;
border-style: solid;
}

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

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

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