*{
margin:0;
padding:0;
}
body{
font-size: 16px;
color: #000000;
background: #326550 url("../img/design.jpg") top center;
font-family: Georgia, serif;
}

a, a:visited {
color:#99ffff;
text-decoration:none;
border-bottom: 1px dotted #519a7e;
outline:none;
}
a:hover{
text-decoration:none;
border-bottom: 1px dotted #ccffff;
}
a img{
border:none;
}

h1{
color: #ffcc33;
font-size: 26px;
letter-spacing:0.02em;
margin: -40px 0 0 0;
padding: 10px 0 5px 0;
text-shadow:0 1px 1px #2a3837;
font-weight: normal;
text-align: right;
}
h2{
color: #54a279;
font-size: 24px;
letter-spacing:0.01em;
margin: 0;
padding: 10px 0 10px 0;
text-shadow:0 1px 1px #2a3837;
font-weight: normal;
text-align: center;
}
h3{
font-size:22px;
font-weight: normal;
margin:0;
padding: 0;
text-align: center;
}
header h3{
float: left;
font-size: 18px;
padding: 17px 0 0 10px;
color: #66cc99;
font-weight: normal;
font-style: oblique;
text-align: left;
}
section.extra h3{
font-size: 20px;
color: #66cc99;
font-weight: normal;
text-align: left;
}
h4{
color: #66cccc;
font-size: 14px;
}
.box2 h2, .box2 h3{
padding: 0;
}

.box2 .hr, .box3 .hr {
height: 20px;
background: url('../img/hr-small.png') no-repeat 50% 50%;
margin: 3px 0 2px 0;
border: 0;
}

code {
display: block;
font-size: 14px;
color: #dcf4ec;
line-height: 18px;
padding-bottom: 8px;
}
p{
line-height:1.3em;
padding-bottom:0.9em;
}

td{
vertical-align: top;
}

/* The clearfix hack to clear the floats: */

.clear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* The navigation styling: */
nav{
display: block;
float: left;
height: 300px;
width: 176px;
margin: -2px 20px 0 0;
background: url("../img/menu-design.jpg") no-repeat top center;
font-size: 13px;
color: #cc9966;
padding-top: 5px;
}
nav ul li{
display:inline;
}
nav ul li a, nav ul li a:visited{
font-size: 16px;
display: block;
color: #987565;
text-shadow: none;
font-weight: normal;
padding: 3px 2px 3px 10px;
margin: 0 5px 0 5px;
border-bottom: none;
}
nav ul li a:hover{
text-decoration:none;
color: #ffffff;
text-shadow: 0 0 0.5em #ffffff;
background: url("../img/menu-button.png") repeat top center;
border-bottom: none;
}
nav p{
margin: 0;
padding: 0;
line-height: 100%;
}

section{
display: block;
width: 990px;
margin: 0 auto;
}
section.extra{
clear: both;
display: block;
width: 100%;
background: url("../img/extra-design.jpg") repeat-x top left;
font-size: 13px;
margin-top: 15px;
}
.extrabox{
float: left;
width: 30%;
padding: 15px 15px 10px 15px;
}
.extrabox2{
padding: 15px 15px 10px 15px;
}
.minibox{
float: left;
width: 47%;
background: url("../img/design2.jpg") repeat-y top left;
margin: 0 0.5% 15px 0.5%;
font-size: 14px;
color: #99ffcc;
padding: 3px 2px 6px 13px;
}

header{
display: block;
height: 48px;
background: url("../img/design-top.png") repeat-x top center;
font-size: 15px;
color: #ffffff;
}
header p{
padding: 15px 10px 0 0;
}
header img{
vertical-align:text-top;
}
header a,header a:visited{
color: #ffd238;
border-bottom: none;
}
header a:hover{
color: #ffff99;
text-decoration: none;
}

footer{
clear: both;
display: block;
bottom: 0;
height: 60px;
width: 100%;
background: url("../img/footer-design.jpg") repeat-x top center;
font-size: 12px;
color: #000000;
padding-top: 15px;
}
footer p{
display: block;
float: left;
margin: 15px 0 0 20px;
}
footer a,footer a:visited{
color: #000000;
padding: 1px;
border-bottom: none;
}
footer a:hover{
color: #66ccff;
text-decoration: none;
border-bottom: none;
}

.icon-bm {
float: left;
cursor:pointer;
display: block;
width: 40px;
height: 38px;
background: url("../img/bookmark.png") bottom left;
}
.icon-bm:hover {
background-position: 0 0;
}
.icon-up {
float: left;
display: block;
width: 40px;
height: 38px;
background: url("../img/up.png") bottom left;
}
.icon-up:hover {
background-position: 0 0;
}
.icon-contact {
float: left;
display: block;
width: 40px;
height: 38px;
background: url("../img/contact.png") bottom left;
}
.icon-contact:hover {
background-position: 0 0;
}

.newsletter{
display: block;
width: 144px;
height: 23px;
line-height: 23px;
background: url("../img/input-newsletter.png") top center;
padding: 2px;
margin: 2px 0 0 10px;
border: 0;
text-align: center;
}
.newsletter-warning{
display: block;
width: 144px;
padding: 2px;
margin: 0 auto;
text-align: center;
}

.em{font-style: oblique;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.floatleft{float: left;}
.floatright{float: right;}
.mini{font-size: 11px;}
.small{font-size: 12px;}
.medium{font-size: 15px;}
.large{font-size: 18px;}
.pad5{padding: 5px;}
.atlantis{color: #7beca0;}
.black{color: #000;}
.brown{color: #330000;}
.gold{color: #ffd143;}
.maroon{color: #541d04;}
.pixie{color: #c0d8b6;}
.sand{color: #f3ca73;}
.teal{color: #99cccc;}
.vanilla{color: #fef1b5;}
.white{color: #fff;}
.clearleft{clear: left;}
.clearright{clear: right;}

.box {
width: 650px;
background: transparent;
margin: 5px 1em 5px 1em;
}
.box2 {
width: 400px;
background: transparent;
margin: 0 auto;
margin-top: 10px;
}
.box3 {
width: 300px;
}
.box ul, .box2 ul, .box3 ul, td ul{
padding-left: 20px;
list-style-image: url("../img/list1.png");
list-style-type:square;
}
.box2 ul ul, .box3 ul ul, td ul ul{
list-style-image: url("../img/list2.png");
list-style-type:square;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: url("../img/bg-box.png") repeat-y top left; border-left:1px solid #258c8b; border-right:1px solid #258c8b;}
.xb1 {margin:0 5px; background:#258c8b;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background: url("../img/bg-box.png") repeat-y top left; border:0 solid #258c8b; border-width:0 1px; padding: 10px 10px 10px 30px}