body {
background: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}

A:link { color: #ffcc33; text-decoration: none;}
A:visited { color: #ffcc33; text-decoration: none;}
A:hover { color: #ff6600;}
A:active { color: #cc6600; }

#container {
font-family: Arial, sans-serif;
font-size: 12px;
}

#header {
height: 350px;
width: 100%;
background: url("../images/header-design.jpg") repeat-x top center;
}

#content {
background: #000000 url("../images/reflection.jpg") repeat-x top center;
color: #999966;
line-height: 140%;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

.design {
color: #fff0b6;
}

.example{
float: left;
padding: 7px;
font-size: 11px;
text-align: center;
}

.info {
background: #ffffcc;
color: #000000;
padding: 5px;
border: 1px dotted #cccc99;
font-size: 12px;
line-height: 120%;
}

img{
border: none;
}

.webdesign {
color: #ffe369;
line-height: 90%;
font-size: 14px;
}

#sidebar-a {
float: left;
margin-right: 35px;
width: 200px;
padding: 5px;
}

#sidebar-b {
float: right;
width: 150px;
margin: 0;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
padding: 8px;
padding-bottom: 0px;
background-color: #012900;
color: #99cc33;
font-size: 12px;
}

.title {
margin-right: 30px;
margin-top: 140px;
}

#footer {
clear: both;
padding: 5px;
padding-bottom: 2px;
font-family: Arial, sans-serif;
color: #706036;
background-color: #0e0d09;
}

#footer-a {
float: left;
width: 400px;
font-size: 11px;
}

#footer-b {
float: left;
font-size: 10px;
}

#footer-c {
float: right;
font-size: 10px;
}

#footer a{color: #3e3a2a; margin-left: 5px; margin-right: 5px;}
#footer a:visited{color: #3e3a2a;}
#footer a:hover{color: #999966;}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu {
width: 200px;
border-style: solid solid none solid;
border-color: #666633;
border-width: 1px;
margin: 10px;
}

#menu li a {
height: 32px;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #9E3C02;
display: block;
background: url(../images/menu.gif);
padding: 8px 0 0 30px;
}

#menu li a:hover {
color: #990000;
background: url(../images/menu.gif) 0 -32px;
padding: 8px 0 0 30px;
font-weight: bold;
}

#menu li a:active {
color: #fff;
background: url(../images/menu.gif) 0 -64px;
padding: 8px 0 0 30px;
}

h1 {
margin-top: 0px;
margin-bottom: 5px;
color: #ffffff;
font-size: 20px;
}

h2 {
margin-top: 0px;
margin-bottom: 0px;
color: #cccc99;
font-size: 14px;
}

h3 {
margin-top: 0px;
margin-bottom: 5px;
color: #99cc33;
font-size: 11px;
letter-spacing: 1pt;
word-spacing: 1pt;
text-transform: uppercase;
}

h4 {
margin-top: 0px;
margin-bottom: 5px;
color: #99cc33;
font-size: 12px;
}

.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
}