* {
margin: 0;
padding: 0;
border: 0;
font-family: tahoma, verdana, sans-serif;
}
html, body {
height: 100%;
}
body {
background: #ededed;
font-size: 62.5%;
text-align: center;
color: #555;
}
#head {
width: 776px;
height: 93px;
margin: 0 auto;
background: #ededed url('../img/head_bg.jpg') bottom center no-repeat;
}
#head h1 {
visibility: hidden;
}
/* = Menu
-----------------------------------------------------------------------------------------*/
#menu {
background: #ededed url('../img/menu_bg.png') top center repeat-y;
width: 776px;
margin: 0 auto;
height: 45px;
color: #555;
padding-left: 17px;
}
#menu a {
display: block;
float: left;
height: 45px;
width: 190px;
}
#menu h4 a {
color: #9c0;
font-size: 2.6em;
text-decoration: none;
}
#menu h4 a:hover, #menu h4 a:focus, #menu h4 a#active, #tooltip {
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
}

/* = Content Styles
-----------------------------------------------------------------------------------------*/
#content {
background: #fff url('../img/main_bg.png') top center repeat-y;
width: 776px;
margin: 0 auto;
min-height: 400px;
}
.left {
width: 368px;
float: left;
margin-left: 20px;
}
.right {
width: 388px;
float: right;
}
.right ul {
list-style-image: url('../img/bullet.png');
font-weight: bold;
font-size: 1.2em;
text-align: left;
margin-left: 25px;
}
.right ul li {
margin: 0 0 15px 0;
}
#content .left p, #content p {
text-align: left;
line-height: 1.5em;
font-size: 1.2em;
padding: 0 20px 0 0;
margin: 0;
}
#content p {
padding: 3px 0;
margin: 0 20px;
}
#content a:link {
color: #9c0;
text-decoration: none;
font-weight: bold;
}
#content h1 a:link, #content h1 a:hover, #content h1 a:visited {
font-weight: normal;
color: #446d8c;
}
#content a:hover, #content a:visited {
color: #446d8c;
text-decoration: none;
font-weight: bold;
}
.hr, clear {
height: 2px;
font-size: 1px;
display: block;
width: 776px;
margin: 5px 0;
}
.hr {
background: url('../img/dots.png') top center no-repeat;
}
.clear {
clear: both;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
text-align: left;
text-indent: 20px;
}
#content h1.top {
padding-top: 10px;
background: transparent url('../img/h1_top.png') top center no-repeat;
text-indent: 20px;
}
h1 {
font-size: 2.2em;
font-weight: normal;
color: #446D8C;
padding-top: 10px;
}
h2 {
font-size: 1.2em;
color: #9c0;
}
#content .button a {
background: #fff url('../img/gold_button.png') center center no-repeat;
font-weight: bold;
padding: 10px 20px;
font-size: 1.2em;
color: #555;
text-decoration: none;
border: 0;
}
#content .button a:hover {
background: #fff url('../img/gold_button_on.png') center center no-repeat;
}
#content #more a {background: #fff url('../img/more_button.png') center center no-repeat;
width: 30px;
height: 30px;
padding: 12px;
}
#content #more a:hover {
background: #fff url('../img/more_button_on.png') center center no-repeat;
}
#noscript {
width: 776px;
padding: 10px;
margin: 0 auto;
color: #fff;
background-color: #c30;
border: 2px solid #000;
font-weight: bold;
font-size: 1.2em;
}
span.gray {
color: #777;
}
dl {
text-align: left;
margin: 0 20px;
}
dl.faq dt {
font-size: 1.5em;
color: #446d8c;
cursor: pointer;
background: transparent url('../img/plus.png') center left no-repeat;
padding-left: 25px;
font-weight: bold;
}
dl.faq dt.selected {
background: transparent url('../img/minus.png') center left no-repeat;
color: #c50;
}
dl.faq dd {
font-size: 1.4em;
padding: 10px 0;
padding-left: 20px;
margin-left: 5px;
}
.main_shot {
width: 348px;
height: 130px;
border: 4px solid #9c0;
}
.main_shot:hover {
border: 4px solid #fc0;
}
/* = Forms
----------------------------------------------------------------------------------------*/
#form  {
width: 580px;
_width: 600px;
padding: 40px 10px 0 10px;
background: #555 url('../img/form_top.png') top center no-repeat;
color: #ACD700;
margin: 0 auto;
}
form#support {
background: transparent url('../img/form_bottom.png') bottom center no-repeat;
padding-bottom: 11px;
}
dl#form input, dl#form textarea, dl#form select {
width: 550px;
padding: 4px;
margin: 0 0 0 10px;
border: 1px solid #ccc;
font-family: tahoma, verdana, sans-serif;
background: #fcfcfc url('../img/shade.png') top left no-repeat;
font-size: 1.2em;
}
dl#form input:focus, dl#form input:active, dl#form textarea:focus, dl#form textarea:active
{
border: 1px inset #9c0;
background: #fcfcfc url('../img/shade_green.png') top left no-repeat;
}
dl#form dt {
font-weight: bold;
font-size: 1.3em;
padding: 5px 0;
margin: 0 0 0 10px;
}
dl#form dd input.form_button {
background: #9c0 url('../img/send.png') center center no-repeat;
border: none;
width: 136px;
height: 28px;
font-weight: bold;
}
dl#form dd input.form_button:focus, dl#form dd input.form_button:active, dl#form dd input.form_button:hover {
background: #9c0 url('../img/send_on.png') center center no-repeat;
cursor: pointer;
}
/* = Gallery
-----------------------------------------------------------------------------------------*/
.thumb {
width: 95px;
height: 95px;
border: 5px solid #9c0;
margin: 7px 11px 7px 0;
}
.med {
width: 309px;
height: 217px;
float: left;
}
.med img {
width: 309px;
height: 217px;
}
#slide {
width: 309px;
height: 217px;
border: 5px solid #555;
margin: 7px 7px 7px 20px;
background: #fff url('../img/loading.gif') 50% 50% no-repeat;
}
a:hover img.thumb {
border: 5px solid #ffba08;
}
/* = Footer etc
-----------------------------------------------------------------------------------------*/
#foot {
background: #fff url('../img/foot.png') bottom center no-repeat;
width: 776px;
height: 30px;
margin: 0 auto;
}
#foot span {
padding-top: 4px;
display: block;
color: #999;
}
#foot span a {
color: #9c0;
text-decoration: none;
}
/* = Tooltips
-----------------------------------------------------------------------------------------*/
#tooltip {
background-color: #cf3;
border: 2px solid #555;
padding: 10px;
text-align: left;
} 