/*
    Cyan = #33ccff
    Light Blue = #99ccff
*/

body 
{
    background-color: #000000;
    color: #cccccc;
	background-image: url(/images/full-head-back.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

body, input, textarea 
{
	font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
}

a 
{
    outline: none;
}

/* IDs */

#outer 
{
    width: 873px;
    margin-left: auto;
    margin-right: auto;
}

#header 
{
    height: 200px;
}
#header h1, #header h2 
{
    display: none;
}

#body-center 
{
    float: left;
    display:inline;

    margin: 0 0 0 108px;
    padding: 30px 0 0 0;
    width: 655px;
    height: 100%;
}

#footer 
{
    clear: both;
    text-align: center;
    padding: 40px 0 10px 0;
    color: #99ccff;
}

div.footerhr {
  height: 79px;
  background: #fff url(/images/footer.jpg) no-repeat scroll center;
  background-color: Black;
}
div.footerhr hr {
  display: none;
}

#footnav {
    padding: 10px 0 0 0;
    font-size: 9pt;
}
#footnav ul {
    text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
    padding: 0;
    margin: 0;
}
#footnav li {
    display: inline; /* Menu links are horizontally aligned using display: inline */
    padding: 0;
    margin: 0;
}

#footnav a {
	padding: 0 5px 0 8px;
	border-left: 1px solid #99ccff;
    color: #99ccff;
    text-decoration: none;
}
#footnav .first {
	padding-left: 0;
	border-left: 0 none;
}

#footnav a:hover 
{
    color: #fff;
    text-decoration: underline;
}

#copyright 
{
    padding: 18px 0 10px 0;
    font-size: 8pt;
}

#left_column 
{
    float: left;
    padding: 0 0 0 18px;
}

#right_column 
{
    float: left;
    padding: 0 0 0 24px;
    width: 400px;
}
#right_column p
{
    margin: 0 0 20px 0;
}
#right_column h3 
{
    color: #35beff;
    margin: 0 0 20px 0;
    font-size: 11pt;
}

/* **************** */

ul.bgimage-switch, ul.bgimage-switch li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  height: 31px;
}
ul.bgimage-switch {
  margin: 0px auto;  
  width: 600px;
}
ul.bgimage-switch li {
  float:left;
}
ul.bgimage-switch li a {
  text-align: center;
  line-height: 31px;
  height: 31px;
  text-decoration: none;
  display: block;
}
ul#MainNav li a {
  text-indent: -5000px;
  background-position: 0 0;
  float: left;
}
ul#MainNav li {
  background-position: 0 -31px;
/* the second number should be the negative height of the link. */
}
ul#MainNav li {
  background-repeat: no-repeat;
  margin-right: 20px;
}
ul#MainNav li a:hover {
  background: transparent none;
}
ul#MainNav li.link1,
ul.bgimage-switch li.link1 a {
  background-image: url(/images/nav-home.gif);
  width: 43px;
}
ul#MainNav li.link2,
ul.bgimage-switch li.link2 a {
  background-image: url(/images/nav-aboutus.gif);
  width: 67px;
}
ul#MainNav li.link3,
ul.bgimage-switch li.link3 a {
  background-image: url(/images/nav-tributeacts.gif);
  width: 86px;
}
ul#MainNav li.link4,
ul.bgimage-switch li.link4 a {
  background-image: url(/images/nav-partybands.gif);
  width: 89px;
}
ul#MainNav li.link5,
ul.bgimage-switch li.link5 a {
  background-image: url(/images/nav-specialityacts.gif);
  width: 106px;
}
ul#MainNav li.link6,
ul.bgimage-switch li.link6 a {
  background-image: url(/images/nav-contactus.gif);
  width: 81px;
}

/* ****** Section ****** */

#section_heading_left 
{
    float: left;
    padding: 0 0 0 18px;
    margin: 0;
    display: inline;
}

#section_heading_left h3
{
    background-repeat: no-repeat;
    height: 0; 
    overflow: hidden;
    width: 202px;
    padding: 89px 0 0 0;
    margin: 0 0 20px 0;
}

#section_heading_right 
{
    float: left;
    padding: 0 0 30px 25px;
    margin: 0 0 0 -1px;
    width: 400px;
    display: inline;
}
#section_heading_right h4
{
    padding: 0 0 6px 0;
    margin: 0;
    font-size: 13pt;
    font-weight: normal;
}
#section_heading_right p
{
    padding: 0;
    margin: 0;
}

.SectionTitleImage
{
    background-image: url(/images/sectiontitle1.gif);
}

/* ***** */

ul.section_list 
{
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

ul.section_list li
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0;
    clear: both;
    display: inline;
}

ul.section_list li div.ProductOuter 
{
    float: left;
    display: inline;
    
    height: 100%;
    width: 630px;
    margin: 0 0 0 20px;
}
ul.section_list li div.ProductInner, ul.section_list li div.ProductInnerHover
{
    float: left;
    display: inline;
    
    width: 621px;
    margin: 0;
    padding: 0;
}

ul.section_list li div.ProductInner:hover, ul.section_list li div.ProductInnerHover
{
    background: #333333;
    cursor: pointer;
}

ul.section_list li div.ProductImage
{
    float: left;
    display: inline;

    width: 176px;
    height: 100%;
    padding: 0 24px 20px 0;
}

ul.section_list li img 
{
    margin: 0;
    display: inline;
}


ul.section_list li div.ProductTextOuter
{
    float: left;
    display: inline;

    width: 395px;
    height: 100%;
    margin: 0 0 0 -1px;
    padding: 0 0 0 25px;
}

ul.section_list li div.ProductTextInner
{
    float: left;
    display: inline;

    width: 375px;
    margin: 0;
    padding: 10px 20px 0 0;
}

ul.section_list li h1
{
    font-size: 18pt;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

ul.section_list p, ul.section_list p a
{
    color: #cccccc;
    padding: 0;
    margin: 0;
}

ul.section_list a 
{
    text-decoration: none;
}



/* *************** */

#details_left 
{
    float: left;

    padding: 0 0 0 18px;
    margin: 0;
    width: 202px;
}
#details_left h3
{
    background-repeat: no-repeat;
    height: 0; 
    overflow: hidden;
    width: 202px;
    padding: 89px 0 0 0;
    margin: 0 0 20px 0;
}

#details_right 
{
    float: left;

    padding: 0 0 0 25px;
    margin: 0 0 0 -1px;
    width: 400px;
}
#details_right h1
{
    font-size: 18pt;
    padding:0;
    margin: -4px 0 0 0;
    font-style: italic;
    font-weight: normal;
}

.details_minithumb 
{
    margin: 10px 5px 0 0;
}

.details_backlink 
{
    padding: 10px 0 0 0;
    display: block;
    font-style: italic;
}

/* Colors overridden by section versions */

.SectionColor, .SectionColor a
{
    color: #ff0000;
}
.SectionColorLight, .SectionColor a:hover
{
    color: #ff6666;
}
.SectionBorderLeft
{
    border-left: solid 1px #ff0000;
}
.SectionBorderRight
{
    border-right: solid 1px #ff0000;
}
.SectionBorderTop
{
    border-top: solid 1px #ff0000;
}
.SectionBorderAll
{
    border: solid 1px #ff0000;
}
.BiographyImage
{
    background-image: url(/images/biography1.gif);
}

/* ******** Contact ******** */

ul.contact-phone, ul.contact-form
{
    list-style-type: none;
    font-size: larger;
}
 
ul.contact-form li 
{
    padding: 0 0 10px 0;
}

ul.contact-form label, .contact-form div.label
{
    float: left;
    display: block;

    width: 5em;
}
ul.contact-form input.text, ul.contact-form textarea.text
{
    background-color: #001133;
    border: solid 1px #35beff;
    color: #cceeff;
/*
    background-color: #dddddd;
    border: solid 1px #000066;
    color: #000000;
*/

    padding: 4px;
    width: 70%;
}