body  {
background: #000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#cccccc;
margin: 0;
margin-bottom:10px;
text-transform: lowercase;
}

#container { 
width: 600px;
margin: 0 auto;
}

#header {
top:30px; 
width:600px;
padding: 3px 0px 0px 0px;
background: #000000;
z-index:1;
position:absolute;
} 
 
margin:0px;
}

#header h1 a{
color: #ffffff;
}

#header h1 a:hover{
color: #cccccc;
}

#menu {
top:0px;
margin-left:100px; 
padding: 15px 30px 0px 0px;
text-align:right;
z-index:2;
position:absolute;
}

#menu a {
color: #ffffff;
text-decoration: none; 
font-size: 10px;
font-weight: normal;
font-family: "lucida grande", verdana, arial, sans-serif;
}

#menu a:hover {
color: #cccccc;
}

#sidebar {
position:fixed;
z-index:100;
float:right;
width: 110px;
padding: 93px 0px 0 0px;
margin-left: 500px;
color: #cccccc;
text-align: left;
line-height:18px;
}

#sidebar img {
border: solid 0px #d6d6d6;
}

#sidebar ul {
border: 0px;
width:110px;
list-style: none;
margin:0px;
padding:0px
}

#sidebar li{
border: 0px;
width:110px;
list-style: none;
margin:0px;
padding:0px
}

.project {
margin:10px 0 10px 0;
}

a {
color: #ffffff; 
text-decoration: none; 
}

a:visited {
color: #ffffff; 
text-decoration: none; 
}

a:hover {
color: #cccccc;
}

a:active {
color: #cccccc; 
text-decoration:none;
}

a:active{
outline: none;
}

a:focus{
-moz-outline-style: none;
}

a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}

h1 {
font-size: 11px;
font-family:lucida grande", verdana, arial, sans-serif;
font-weight:bold;
color #ffffff; 
margin:20px 0px 12px 0px;
}

h1 a{
color: #ffffff; 
}

h1 a:hover{
color: #ffffff; 
}

h2 {
color: #ffffff;
font-size: 11px;
font-family:lucida grande", verdana, arial, sans-serif;
font-weight: normal;
margin: 0px 0 5px 0px;
font-style:bold;
}

h2 a{
color: #ffffff;
font: 11px, "lucida grande", verdana, arial, sans-serif;
font-weight: normal;
margin: 15px 0px 5px 0px;
font-style:italic;
}

h2 a:hover{
color: #cccccc;
font: 11px, "lucida grande", verdana, arial, sans-serif;
font-weight: bold; 
margin: 15px 0px 5px 0px;
font-style:italic;
}

strong {
color: #ffffff;
}

h3 {
color: #ffffff;
margin: 0px;
padding:0px 0px 5px 0px;
font-size: 11px; 
font-family: "Lucida Sans Unicode";
font-weight:normal;
}

.fontft1 {
font: 11px, "lucida grande", verdana, arial, sans-serif;
color: #000000; 
font-style:normal;
font-weight:normal;
}

small {
color: #716F48;
font-size: 10px;
font-family: arial,helvetica;
}

#main {
background-image:url(images/bg.gif);
margin:0px 0px 5px 0px;
padding:25px 0px 10px 0px;
width:480px;
color: #ffffff;
font: 11px Verdana, Geneva, sans-serif;
line-height:18px;
text-align:justify;
} 

#text {
width:480px;
color: #ffffff;
margin:0px 0px 0px 0px;
padding: 3px 0px 5px 0px;
border-top: 0px #cccccc solid;
} 

#text a:hover {
color: #cccccc;
}

#foot{
padding: 0px 0px 400px 0px;
margin: 0px auto;
width: 480px;
clear: both;
border-top: 1px #cccccc solid;
color: #cccccc;
font-size: 11px;
font-family: arial,helvetica;
text-align:left;
font-family: "lucida grande", verdana, arial, sans-serif;
}

#foot p{
margin: 0;
padding: 5px 0;
text-align: left;
}

#foot a{
font-size: 11px;
color: #32ccff;
}

#foot a:hover{
font-size: 11px;
color: #716F48;
}

#foot a:visited{
font-size: 11px;
color: #32ccff;
}
.clear {
clear:both;
}

.title {
text-transform:uppercase;
}

.line {
border-bottom: #BDBB91 solid 1px;
}

#searchform {
width: 90px;
padding-top: 5px;
margin: 0px;       
}

.liteboxthumb {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100px;
height:100px;
float:left}

.smd_slimbox {
float:left;
width:500px;
margin:1em 0;
clear:both;
list-style:none;
}

.smd_slimbox li {
width:100px;
height:100px;
float:left;
margin:1em auto;
text-align:center;
list-style-type:none;
}

ul {
list-style-type:none;}

li {
list-style-type:none}

img {border:0px;padding-bottom:5px;}

a img{
border: none;
}

#upm_date_archive{
margin: 0 0 0px 0;
width: 100px;
padding: 0;
}

#upm_date_archive{
margin: 0px 0px 0px 0px;
width: 100px;
padding: 0px;
}

#upm_date_archive input{
margin: 0px;
padding: 0px;
vertical-align: top;
}

#twitterOutput {
padding-top: 2px;
padding-left:0px;
padding-bottom:15px;
width: 400px;
list-style-type: none;
list-style-image: none;
}

#test1{
padding:15px 0px 0px 0px
}

#test2{
padding:15px 0px 0px 0px
}

#test3{
padding:15px 0px 0px 0px
}

#nav, #nav ul { /* all lists */
padding: 0px 0px 0px 0px;
margin: 0;
list-style: none;
line-height:19px;
background: #ffffff;
}
 
#nav a {
display: block; 
padding-left: 0px; 
padding-top: 0px;
padding-bottom: 3px;
background: #ffffff;
}
 
#nav li { /* all list items */
float: left;
width: 70px; /* width needed or else Opera goes nuts */
}
 
#nav li ul { /* second-level lists */
position: absolute;
width:70px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
background: #ffffff;
}

#nav a:hover{
padding-left: 0px; 
padding-top: 0px;
padding-bottom: 3px;
background: #ffffff;
}

.youtube {
border-top:16px #000000 solid;
width:480px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

form{
font-color: #716F48;
}

input {
font-weight: bold; 
font-size: 11px;
}

textarea {
color: #716F48;
font-size:11px;
}

option { 
font-weight: normal; 
font-size: 11px; 
color: #716F48;
border:1px #cccccc solid;
line-hight:18px;
}

select {
font-size: 11px;
font-family:"lucida grande", verdana, arial, sans-serif ;
font-weight: normal;
line-hight:18px;
padding-bottom:0px;
}

.zemContactForm{
}

.zemText{
width:480px;
}

.zemSelect{
width:225px;
}

.zemTextarea{
width:480px;
}

#sddm{	
margin: 0;
padding: 0;
z-index: 30}

#sddm li a{	
display: block;
margin: 0 0px 0 0;
padding: 0px 0px;
background: #000000;
color: #ffffff;
text-align: left;
text-decoration: none}

#sddm div{	
position: absolute;
visibility: hidden;
}