/* General layout */
html {
background-color: #000000;
background-image: url("/images/bg.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-attachment: fixed;
font-size:100%;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#efefef;
line-height:1.5em;
margin: 0;
background-color: #000000;
background-image: url("/images/bg.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-attachment: fixed;
font-size:100%;
line-height:1.125em; /* 16×1.125=18 */
}
/*
li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#efefef;
line-height:1.5em;
}
*/
a {
text-decoration: none;
color: #cc0000;
}
a:hover {
background-color: #300 ;
color: #aa0000;
}
#head-container
{
color: #000;
text-align: center;
}
#header
{
margin: 0 auto;
width: 1024px;
padding: 20px;
}
#header h1 { margin: 0; }
#navigation-container
{
float: left;
width: 100%;
color: #000;
text-align: center;
background-color: #000;
}
#navigation
{
margin: 0 auto;
width: 1024px;
}
#navigation ul
{
margin: 0;
padding: 0;
}
#navigation ul li
{
list-style-type: none;
display: inline;
}
#navigation li a
{
display: block;
float: left;
padding: 5px 10px;
color: #aa0000;
background-color: #000;
text-decoration: none;
/*border-right: 1px solid #fff;
border-right: 1px solid #fff;*/
}
#navigation li a:hover { background: #300; }
#content-container
{
float: left;
width: 100%;
color: #fff;
text-align: center;
}
#content-container2
{
margin: 0 auto;
width: 1024px;
}
#content-container3
{
float: left;
width: 1024px;
}
#content
{
float: right;
width: 740px;
padding: 10px 0;
margin: 0 20px 0 0;
/* display: inline; */
text-align: justify;
}
#content p {
font-size:0.875em;
padding-bottom: 5px;
}
#content blockquote, #content ul, #content ol {padding-left:30px;font-size:0.875em;}
#content ul, #content ol {padding: 15px 0px 15px 30px;}
#content ul ul {padding:5px 0 0 30px; font-size:1em}
#content li {padding:0 0 5px 0; font-size:1em; list-style:disc;}
#content h2 { margin: 0; margin-bottom: 5px;padding-bottom: 5px;padding-top: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:130%; color: #aa0000;}
#content h1 { margin: 0; margin-bottom: 5px;padding-bottom: 15px;padding-top: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:150%; color: #aa0000;}
#aside
{
float: left;
width: 200px;
padding: 0px 0;
margin: 0 0 0 0px;
display: inline;
text-align: left;
font-size:0.75em;
}
#aside h3 { margin: 0; }
#aside blockquote, #aside ul, #aside ol {padding-left:0px;font-size:0.875em;}
#aside ul {
padding-bottom: 30px;
padding-top: 10px;
background: black;
}
#aside li {
padding:0 0 0px 0; font-size:1em; list-style-type: none;
}
.quote {
background: black;
padding: 5px;
margin: 3px;
}
#footer-container
{
clear: left;
color: #fff;
}
#footer
{
margin: 0 auto;
width: 1024px;
text-align: center;
padding: 20px;
height: 1%;
font-size:0.75em;
}
#thumbs {
width: 700px;
margin: 0 auto;
}
#thumbs div {
margin: 5px;
width: 120px;
height: 110px;
float: left;
}
#thumbs div img {
border: none;
display: block;
margin: 5px auto;
}
/* Form Layout 1 */
.form-container_01 {
}
.form-container_01 .form-left {
width: 160px;
float: left;
padding: 5px 0px 7px 5px;
}
.form-container_01 .form-left.security {
width: 160px;
}
.form-container_01 .form-left.large {
width: 110px;
padding: 3px 0 0 5px;
}
.form-container_01 .form-right {
float: left;
padding: 3px 5px 2px 5px;
min-height: 22px;
}
.form-container_01 .full-column {
padding: 7px 0px 7px 5px;
}
/* General Text Styles */
.form-container_01 label {
padding: 0 5px 0 0;
line-height: 15px;
}
#content .form-container_01 p {
padding: 0px 0 0 0;
}
/* Headers */
.form-container_01 .heading-column {
padding: 20px 0 5px 0;
}
#content .form-container_01 .heading-column h3 {
color: #00707E;
padding: 0 0 0 0;
}
.form-container_01 .heading-column span {
color: #666;
}
/* Helper Panel */
.form-container_01 .helper {
padding: 7px 0px 4px 5px;
}
/* Text Box */
.form-container_01 input.textfield {
width: 250px;
height: 22px;
line-height: 22px;
border: solid 1px #fff;
}
.form-container_01 img {
border: solid 1px #fff;
}
/* Small Text Box */
.form-container_01 input.textfield.small {
width: 50px;
}
/* For Security Input box*/
.form-container_01 input.textfield#security-inputbox {
width: 190px;
margin-top: 2px;
}
/* For CVC number */
.form-container_01 input.textfield#cvc {
width: 43px;
}
/* Checkboxes & Radio Buttons */
.form-container_01 input.checkbox,.form-container_01 input.radio {
border: none;
width: 13px;
margin-right: 5px;
margin-top: 5px;
}
/* Select Boxes */
.form-container_01 select.selectfield {
width: 252px;
height: 22px;
border: solid 1px #fff;
}
/* For Dates */
.form-container_01 select.selectfield.day,.form-container_01 select.selectfield.month
{
float: left;
width: 45px;
margin-right: 5px;
}
.form-container_01 select.selectfield.year {
float: left;
width: 60px;
}
/* TextArea */
.form-container_01 .textarea {
display: block;
height: 84px;
border: solid 1px #fff;
}
.form-container_01 .full-column .textarea {
width: 355px;
}
.form-container_01 .form-right .textarea {
width: 250px;
}
/* File input */
.form-container_01 input.file {
}
/* File buttons */
.form-container_01 input.button {
}
/* Notes*/
#content .form-container_01 p.note {
display: block;
padding: 2px 2px 2px 2px;
margin-top: 14px;
margin-bottom: 7px;
border: solid 1px #D6D6D6;
background: #E5E5E5;
width: 355px;
}
#pg { position: relative; height: 585px; background: #000; }
#pg li { position: relative; list-style: none; width: 175px; height: 117px; overflow: hidden; float: left; z-index: 2; opacity: .3; }
#pg li.active { opacity: 1; }
#pg li.selected { opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; }
#pg li img { display: block; width: 100%; }
#pg li p { color: white; margin: 10px 0; font-size: 12px; }