/* ######### BACKGROUND ELEMENTS ######### */

Body {background-color: #000000;}

div.center {text-align: center;}
div.center table {margin-left: auto;
                  margin-right: auto;
                  text-align: left;}

Table.logo {border-width: 0px;
            padding: 0px;
            margin: 0px;
            width: 1040px;
            height: 180px;
            text-align: left;}

Table.toplinks {border-width: 0px;
            padding: 0px;
            margin: 0px;
            width: 775px;
            height: 35px;}

Table.body {border-width: 0px;
            padding: 0px;
            margin: 0px;
            width: 850px;
            height: 400px;}

Table.bg {width: 1000px;
          border-width: 0px;
          padding: 0px;
          margin: 0px;}



/* ######### NAVIGATION MENU ######### */




#nav a{margin:20px 15px 45px 15px;
      letter-spacing: 2px;
      font-family: Tahoma;
      font-size: 16px;
      text-decoration: none;
      color: #888888;}

#nav a.on {color: #EEEEEE;}

#nav A:hover {color: #CCFFFF;}



/* ######### NEWS SECTION ######### */




#news {position:absolute;
       top:520px;
       right:20px;}
       
#news table {height:300px;
             width:170px;}




/* ######### NEWS SECTION END ######### */


#musicplayer {position:absolute;
       top:260px;
       right:24px;}


#contact {position:absolute;
       top: 110px;
       right: 45px;}

#social {position:absolute;
       top:160px;
       right: 150px;}

#soc {position:absolute;
       top:-55px;
       right:-75px;}



#navmenu{border: 1px solid black;
         padding: 0px;
         width: 118px;
         height: 168px;
         background-color: #222222}

#navmenu p{margin-left: 0px;
           margin-top: 5px;
           margin-bottom: 0px;}

#navmenu a.on {background-color: #007777;
      color: #CCCCCC;
      width: 116px;}

#navmenu a {margin-left: 2px;
            margin-top: 0px;
            margin-bottom: 2px;
            font: normal 13px Verdana;
            font-weight: bold;
            text-indent: 5px;
            line-height: 18px;
            display: block;
            width: 100%;
            color: #008899;
            text-decoration: none;}




html>body #navmenu a{ /*Non IE rule*/
                     width: auto;}

#navmenu a:hover{background-color: #008899;
                 color: #EEEEEE;
                 width: 116px;}




#navmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#navmenu ul li a{
width: 118px;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000;
padding: 1px 0;
text-decoration: none;
}



/* ######### POP OUT MENU STUFF ######### */






.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #EEEEEE;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 13px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #EEEEEE;
width: 130px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: #008899;
color: #EEEEEE;
text-decoration: none;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}





/* ######### OTHER STUFF ######### */



/* ################# TOOL TIP ################### */


.balloonstyle{
position:absolute;
top: -500px;
left: 400px;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 500px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}



/* ################# TOOL TIP END ################### */


Table {border-style: none;
       border-width: 0px;
       padding: 0px;
       margin: 0px;}



Table.nav {border-color: #000000;
           border-style: solid;
           border-width: 0px;
           padding: 0px;
           margin: 0px;
           width: 118px;
           height: 192px;}

Table.discog {border-width: 0px;
              padding: 0px;
              margin: 45px 0px 8px 5px;
              width: 400px;
              text-align: center;}
 
Table.ch {border-width: 0px;
          padding: 0px;
          margin: 0px;
          width: 600px;
          height: 20px;}

Table.sitemap {border-width: 0px;
          padding: 0px;
          margin-top: 20px;
          width: 600px;
          height: 100px;}

Table.shop {border-style: none;
       border-width: 0px;
       padding: 0px;
       margin: 0px;}

Table.pay {border-style: none;
       border-width: 0px;
       padding: 0px;
       margin-top: 20px;}


TR {vertical-align: top;}

TD {vertical-align: top;}

TD.main {vertical-align: middle;}

TD.vertical {width: 1px;
             background-color: #000000;}

table.offer {border-width: 0px;
          padding: 0px;
          margin: 0px;
          background-image: url('images/offer.jpg');
          background-repeat: no-repeat;
          background-attachment:scroll;
          background-position: 610px 310px;}

IMG.robgtr {float: left;
            margin: 5 10 0 10px;}

IMG.con {height: 25px;
         width: 25px;
         margin: 0 10px 0 10px;
         vertical-align:middle;}

IMG.banner {border-color: #000000;
            margin-left: 0px;
            border-style: solid;
            border-width: 1px;
            text-align: left;}

IMG.banner2 {border-color: #000000;
            margin-left: 0px;
            border-style: solid;
            border-width: 1px;
            text-align: left;}


IMG.logo {margin-top: 10px;
          margin-bottom: 30px;
          margin-right: 0px;
          margin-left: 520px;}

IMG.studio {margin-top: 0px;
            margin-left: 5px;}



A {text-decoration: none}
A:link {color: #00A0A2}
A:visited {color: #00A0A2}
A:active {color: #00A0A2}
A:hover {color: #00A0A2;
         text-decoration: underline}


A.black {text-decoration: none}
A.black:link {color: #A1E8E9}
A.black:visited {color: #A1E8E9}
A.black:active {color: #A1E8E9}
A.black:hover {color: #0DB1B3;
         text-decoration: underline}

A.co {text-decoration: underline}
A.co:link {color: #FFFFFF}
A.co:visited {color: #FFFFFF}
A.co:active {color: #FFFFFF}
A.co:hover {text-decoration: none}

A.ch {text-decoration: underline}
A.ch:link {color: #AAAAAA}
A.ch:visited {color: #AAAAAA}
A.ch:active {color: #AAAAAA}
A.ch:hover {text-decoration: none}

A.sitemap {text-decoration: none}
A.sitemap:link {color: #AAAAAA}
A.sitemap:visited {color: #AAAAAA}
A.sitemap:active {color: #AAAAAA}
A.sitemap:hover {text-decoration: underline}

.sitemap {font-family: Verdana;
   color: #999999;
   font-size: 10px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: left;}
   
ul {list-style-type: square;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 20px;
   margin-bottom: 10px;}

li {color: #333333;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 14px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 5px;}

.rateheader {font-weight: bold;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 14px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align: justify;}


P.list {margin-left: 5px;
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 10px;}

P {color: #333333;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 14px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align: justify;}

P.face {color: #111111;
   font-weight: bold;
   font-family: Verdana;
   font-size: 12px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: justify;}

P.small {color: #333333;
   font-family: Verdana;
   font-size: 12px;
   margin-left: 14px;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
   text-align: justify;}

P.contact {color: #FFFFFF;
   font-family: Verdana;
   font-weight: bold;
   font-size: 16px;
   margin-left: 280px;}

P.serviceintro {color: #111111;
   font-family: Verdana;
   font-size: 13px;
   font-weight: bold;
   margin-left: 14px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 15px;
   text-align: justify;}

P.indent {color: #333333;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 200px;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: justify;}

P.indent2 {color: #333333;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   text-align: justify;}

P.sub {color: #000000;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   margin-left: 12px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align: justify;}

P.sub2 {color: #000000;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   margin-left: 12px;
   margin-right: 20px;
   margin-top: 15px;
   margin-bottom: 6px;
   text-align: justify;}

ul.course {color: #333333;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 60px;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: justify;}

P.top {margin-top: 60px;
       text-align: justify;}

P.top2 {margin-top: 20px;
       text-align: justify;}

P.link {margin-left: 8px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 9pt;
        letter-spacing: 4px;
        line-height: 8px;}

P.linktop {margin-left: 8px;
           margin-top: 15px;
           margin-bottom: 0px;
           font-size: 9pt;
           letter-spacing: 4px;
           line-height: 8px;}

h1 {font-family: tahoma;
           font-size: 17px;
           color: #000000;
           font-weight: bold;
           letter-spacing: 2px;
           margin-left: 10px;
           margin-right: 20px;
           margin-top: 0px;
           margin-bottom: 10px;}

h2 {font-family: tahoma;
           font-size: 17px;
           color: #000000;
           font-weight: bold;
           letter-spacing: 2px;
           margin-left: 10px;
           margin-right: 20px;
           margin-top: 20px;
           margin-bottom: 0px;}

P.heading {font-family: tahoma;
           font-size: 14px;
           color: #004466;
           font-weight: bold;
           letter-spacing: 2px;
           margin-left: 10px;
           margin-right: 20px;
           margin-top: 0px;
           margin-bottom: 10px;}

P.heading2 {font-family: tahoma;
           font-size: 14px;
           color: #004466;
           font-weight: bold;
           letter-spacing: 2px;
           margin-left: 10px;
           margin-right: 20px;
           margin-top: 20px;
           margin-bottom: 0px;}


P.form {color: #555555;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 0px;
   margin-bottom: 10px;
   text-align: left;}

P.offer {color: #777777;
   margin-left: 618px;
   font-family: Verdana;
   font-size: 13px;
   text-align: center;
   left:700px;
   top:300px;}

P.pay {margin-left: 0px;}

#service p {font-size: 16px;
            font-weight: bold;
            margin: 20px 0 0 60px;}

div.listen {margin-top: 30px;
            text-align: center;}

div.rates {margin-top: 20px;
           margin-left: 50px}

div.pay {margin-top: 40px;}


div.scrolltour {margin-left: 50px;
           margin-right: 0px;
           margin-top: 10px;
           margin-bottom: 0px;
           width: 780px;
           height:330px;
           overflow: auto;
           text-align: justify;}

div.scrollresource {margin-left: 50px;
           margin-right: 0px;
           margin-top: 10px;
           margin-bottom: 0px;
           width: 780px;
           height: 380px;
           overflow: auto;
           text-align: justify;}

div.scrolllinks {margin-left: 50px;
           margin-right: 0px;
           margin-top: 0px;
           margin-bottom: 0px;
           width: 600px;
           height: 290px;
           overflow: auto;
           text-align: justify;}

div.scrollrate {margin-left: 15px;
               margin-right: 0px;
               margin-top: 0px;
               margin-bottom: 0px;
               width: 600px;
               height: 240px;
               overflow: auto;
               text-align: justify;}

P.contact {color: #FFFFFF;
      font-size: 11px;
      font-weight: bold;}

P.equipmentscroll {margin-left: 10px;
          margin-right: 0px;
          margin-top: 8px;
          margin-bottom: 0px;
          width: 600px;
          height: 250px;
          overflow: auto;
          text-align: justify;}

P.scrolldisc {margin-left: 15px;
              margin-right: 0px;
              margin-top: 0px;
              margin-bottom: 5px;
              width: 480px;
              height: 295px;
              overflow: auto;}

P.scrolllisten {margin-left: 15px;
                margin-right: 0px;
                margin-top: 0px;
                margin-bottom: 5px;
                width: 480px;
                height: 230px;
                overflow: auto;}

P.scrollprice {margin-left: 15px;
               margin-right: 0px;
               margin-top: 15px;
               margin-bottom: 5px;
               width: 480px;
               height: 250px;
               overflow: auto;
               text-align: justify;}

P.scrollengineer {margin-left: 15px;
                  margin-right: 0px;
                  margin-top: 15px;
                  margin-bottom: 5px;
                  width: 480px;
                  height: 200px;
                  overflow: auto;
                  text-align: justify;}

P.linkspage {margin-left: 20px;
             margin-right: 20px;
             margin-top: 15px;
             margin-bottom: 10px;
             line-height: 14px;}

P.tourlinks {margin-left: 20px;
             margin-right: 20px;
             margin-top: 5px;
             margin-bottom: 12px;
             line-height: 14px;
             text-align: center;}

P.work {margin-left: 10px;
        margin-right: 1px;
        margin-top: 5px;
        margin-bottom: 0px;
        font-weight: bold;
        line-height: 16px;
        text-align: center;}



P.center {text-align: center;}

P.ch {color: #FFFFFF;
      font-size: 9px;
      font-weight: bold;
      text-align: right;}




P.copyright {color: #777777;
      font-size: 9px;
      text-align: center;}


.break hr {display:none;}
.break {border-bottom:1px solid #777;
        height:1px;
        margin-top: 6px;
        margin-bottom: 6px;}


input {font-face: verdana;
           font-size: 13px;}

select {font-face: verdana;
           font-size: 13px;}


HR {text-align: left;
    padding: 0px; 
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 710px;
    height: 2px; 
    border: 0px; 
    border-top: 1px solid #006677;
    text-align: center;}

HR.info {text-align: center;
         padding: 0px; 
         height: 2px; 
         border: 0px; 
         border-top: 1px solid #000000;
         width: 220px;
         margin-top: 25px;
         margin-bottom: 25px;
         margin-left: auto;
         margin-right: auto;}

HR.form {text-align: left;
    padding: 0px; 
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 370px;
    height: 2px; 
    border: 0px; 
    border-top: 1px solid #006677;
    text-align: center;}