/* ---[ common elements ]--------------------- */

body {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
font: 13px/15px Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #000;
text-align:center;
background: #fff url(../images/bg.jpg) no-repeat top center;
}

h1 {
background: url(../images/header.gif) no-repeat;
text-indent: -2000px;
width: 900px;
height: 146px;
margin: 0;
font: 0px Arial, Helvetica, sans-serif;
}

h2 {
font: bold 18px Arial, Helvetica, sans-serif;
color: #005953;
}

h3 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #005953;
}

p {
font: 1.2em Arial, Helvetica, sans-serif;
color: #005953;
}

a {
color: #ff9900;
}

hr {
background-color: #dbdbdb;
color: #dbdbdb;
height: 1px;
}

.clear {
clear: both;
}

.small {
font: 0.9em Arial, Helvetica, sans-serif;
}

#container {
width: 900px;
padding: 0;
margin: 0;
border: solid 2px #005953;
background: #fff;
}

#header {
width: 900px;
height: 146px;
margin: 0;
padding: 0;
}

#content {
width: 880px;
padding: 10px;
margin: 0;
text-align: left;
}

#content li {
font-size: 1.1em;
margin-bottom: 10px;
color: #005953;
float: right;
}

#video {
width: 550px;
text-align: center;
float: left;
}

#thumbs {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

#thumbs li {
padding: 0px 20px 0px 0px;
display: inline;
list-style: none;
}

#thumbs a img {
border: 4px solid #febd42;
}

#thumbs a:hover img {
border: 4px solid #006b66;
}

#thumbnails {
width: 550px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
float: left;
}

#bullet {
width: 300px;
padding: 5px 0px 0px 0px;
margin: 10px 0px 0px 0px;
text-align: left;
float: right;
}

#bullet p {
font: 1.1em Arial, Helvetica, sans-serif;
}

#bullet2 {
width: 300px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
float: right;
}

#bullet2 li {
font-size: 15px;
margin: 0px 0px 10px 0px;
color: #005953;
float: left;
}
#footer {
width: 900px;
height: 76px;
background: url(../images/footer.gif) top left no-repeat;
clear: both;
}