/* Viva Aerial Dance CSS Document */

html {
height:100%;
}

body {
height:100%;
margin:0px;
padding:0px;
border:0px;
color: #999999;
font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', 'sans-serif';
font-size: 14px;
font-style: normal;
font-variant: normal;
letter-spacing: 0;
line-height: 20px;
}
div {
/*border:1px solid #000000; */
}
h1 {
font-family:"Century Gothic", Helvetica, sans-serif;
font-size:34px;
line-height:34px;
font-style:italic;
color:#990033;
padding:0px;
margin:0px;
border:none;
font-weight:normal;
}

h2 {
font-size:18px;
font-weight:bold;
padding:0px;
margin:5px 0px 15px 0px;
}

a {
color:#FFFFCC;
text-decoration:none;
}
a:hover {
color:#FFCC99;
text-decoration:none;
}
a:active {
color:#CC0000;
}
a:visited {
color:#FFCCCC;
}


#container {
position:relative;
padding:0px;
margin-top:0px;
margin-bottom:0px;
top:0px;
width:920px;
height:auto;
min-height:585px;
max-height:900px;
margin-left:auto;
margin-right:auto;
}

#frozenBlock {
position:fixed;
margin-left:auto;
margin-right:auto;
width:920px;
height:100px;
z-index:20;
}

#frozenBlockEdge {
position:fixed;
top:100px;
margin-left:auto;
margin-right:auto;
width:920px;
height:20px;
z-index:10;
}

#subjectTitle {
position:absolute;
top:61px;
right:0px;
width:312px;
height:auto;
border-left:8px solid #FF00FF;
padding:0px 0px 6px 50px;
}
#splashImageContainer {
position:absolute;
top:21px;
left:1px;
}
#heading01 {
position:relative;
border:0px;
padding:0px;
margin-top:0px;
margin-bottom:0px;
top:30px;
left:65px;
width:500px;
}

#pageBlock {
position:absolute;
top:110px;
left:70px;
width:760px;
color:#000000;
}
#pageBlock p {
width:450px;
}
/* home page */
#textBlockLeft,#textBlockCentre,#textBlockRight,#textBlockLeftWide,#quoteLowerLeft,#quoteLowerRight{
color:#333333;
font-size:13px;
font-weight: bold;
}
#textBlockLeft {
position:absolute;
width:220px; height:60px;
top:110px;
left:65px;
}
#quoteLowerLeft {
position:absolute;
width:270px; height:210px;
top:550px;
left:65px;
font-style:italic;
font-weight:normal;
/* border:1px solid Red; */
text-align:justify;
}
#quoteLowerRight {
position:absolute;
width:260px; height:210px;
top:550px;
left:630px;
font-style:italic;
font-weight:normal;
/* border:1px solid Red; */
text-align:justify;
}
#quoteLowerRight p {
margin-right:20px;
}
#textBlockLeftWide {
position:absolute;
width:350px; height:80px;
top:110px;
left:65px;
}
#textBlockCentre {
position:absolute;
width:300px; height:60px;
top:110px;
left:315px;

}
#textBlockRight {
position:absolute;
width:210px; height:60px;
top:110px;
left:660px;
}
#aboutUsContainer {
position:relative;
margin-left:auto;
margin-right:auto;
top:180px;
color:#000000;
width:80%;
}
#aboutUsContainer div {
/*border:1px solid Red; */
}
#centralWideText {
text-align:justify;
width:40%;
float:left;
margin-right:10px;
}

#aboutUsCentralText {
text-align:center;
width:55%;
float:left;
margin-left:10px;
font-size:0.9em;
}

#profiles {
height:750px;
width:100%;

}

#MLprofile {
/* Michele Profile */
height:300px;

}




#leftImage {
position:absolute;
width:auto; height:auto;
top:210px;
left:70px;
}
.illustration {
float:right;
}
.galleryIllustration {
float:left;
margin:10px;
}


#galleryContainer {
position:relative;
margin-left:auto;
margin-right:auto;
width:700px; height:auto;
top:120px;
}
#videoPlayer {
position:relative;
margin-left:auto;
margin-right:auto;
width:900px;
top:120px;
}
#centreUpperImage {
position:absolute;
width:auto; height:auto;
top:210px;
left:370px;
text-align:center;
}
#centreUpperImage img {
width:300px;
}
#centreLowerImage {
position:absolute;
width:auto; height:auto;
top:480px;
left:380px;
text-align:center;
}
#centreLowerImage img {

}
#rightImage {
position:absolute;
width:auto; height:auto;
top:210px;
left:665px;
text-align:center;
}
#commentCentre {
position:absolute;
width:300px; height:auto;
top:416px;
left:320px;
text-align:center;
color:#FFFFFF;
font-weight:normal;
font-style:italic;
}
#quotes {
position:absolute;
top:58px;
right:0px;
width:370px;
height:auto;
color:#FFFFFF;
line-height:17px;
}
.quote {
border-left:8px solid #FF00FF;
padding:0px 0px 0px 20px;
margin:0px;
font-weight: normal;
font-style:italic;
font-size:10px;
letter-spacing:0.1em;
}
.quote em {
font-size:14px;
}

/* end home page specific  */

#messageBox {
display:block;
position:absolute;
width:300px;
right:0px;
bottom:0px;
font-size:12px;
color:#9933FF;
}

#menu {
position:relative;
top:15px;
left:50px;
width:700px;
z-index:10;
text-shadow: #993399 0px 1px 1px;
}
#menu ul, #menu li {
padding:0px; margin:0px; border:0px;
list-style-type:none;
display:inline;
}

#menu a, #contactus a {
padding:8px 15px 8px 15px;
}

.currentMenu {
color:#333333;
}
#contactus {
position:absolute;
top:0px;
left:715px;
width:150px;
z-index:10;
}

#contactus a {
color:#FFFFCC;
letter-spacing:0.2em;
border:1px solid transparent;
}

.label {
color:#990033;
font-weight:bold;
}

.inLineLink {
width:240px; height:27px;
background-repeat:no-repeat;
text-indent:16px;
padding-top:3px;
}
.inLineLink a {
width:200px;
display:block;
}
.inLineLink a:hover {
text-decoration:underline;
}
.linkIcons {
width:20px;
float:right;
margin-top:-18px;
margin-right:21px;
}
.linkIcons img {
border:0px;
}
.linkIcons a {
width:20px;
}
#playGalleryLink {
position:absolute;
top:75px;
z-index:10;
display:block;
left:760px;
}
#stiltsTopLeft {
position:absolute;
width:auto; height:auto;
top:210px;
left:120px;
}
#stiltsTopCentre {
position:absolute;
width:auto; height:auto;
top:190px;
left:326px;
}
#stiltsTopRight {
position:absolute;
width:auto; height:auto;
top:210px;
left:600px;
}
#stiltsMidLeft {
position:absolute;
width:auto; height:auto;
top:550px;
left:110px;
}
#stiltsMidCentre {
position:absolute;
width:auto; height:auto;
top:515px;
left:320px;
}
#stiltsMidRight {
position:absolute;
width:auto; height:auto;
top:550px;
left:578px;
}
#stiltsLowerCentre {
position:absolute;
width:auto; height:auto;
top:822px;
left:290px;
}

/* Themes Page */
#themesThumbContainer {
position:relative; 
top:135px;
height:auto;
font-size:11px;
font-weight:normal;
font-style:italic;
text-align:center;
color:#000000;
line-height:0.8em;
z-index:1;
}
/* for Themes ProjectorScreen please see header.php */
#projectorScreen a {
position:absolute;
top:0px;
left:0px;
width:100%;
text-align:center;
}
#projectorScreenStilts {
position:relative;
top:220px;
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;
z-index:0;
}
#projectorScreen img, #projectorScreenStilts img {
margin:0px; padding:0px; border:0px;
}
#themesThumbContainer img {
border:0px;
}
#costumeColours{
float:left;
height:auto;
width:100%;
/* background-color:#663399; */
padding:5px;
color:#000000;
}
#characters {
float:left;
height:auto;
width:280px;
/* background-color:#663399; */
padding:5px;
color:#000000;
}
#characters img {
height:70px;
}

#costumeColours {
height:110px;
}
.rowTitle {
position:absolute;
font-weight:bold;
font-size:14px;
width:200px;

text-align:left;
margin-top:-17px;
}
.swatch {
float:left;
width:auto; 
height:72px;
min-width:30px;
margin-left:4px;
max-width:200px;
margin-top:10px;
}
.themeThumb {
float:left;
width:auto; 
height:105px;
min-width:30px;
max-width:200px;
margin-left:1px;
margin-right:1px;
font-weight:normal;
}
.sleeve {
float:left;
width:174px;
overflow:hidden;
}
.sleeve img {
margin:0px; padding:0px; border:0px;

}

.themeThumbWide {
float:left;
width:174px; 
height:105px;
margin-left:2px;
margin-right:2px;
}

.themeThumbWide1 {
float:left;
width:253px; 
height:105px;
min-width:30px;
margin-left:2px;
margin-right:2px;
}
#venueListing {
width:500px;
 }
#venueListing ul {
padding-left:20px;
font-weight:bold;
line-height:140%;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#venueListing li {
list-style-type:square;
font-weight:normal;
border:1px solid transparent;

padding:4px 10px 4px 10px;
line-height:120%;
-moz-border-radius:8px;
}
#venueListing li:hover {
border:1px solid #FFFFFF;
background-color:#FFCCCC;
}


#stiltsThumbContainer {
position:absolute; 
top:118px;
left:480px;
height:auto;
width:auto;
font-size:11px;
font-weight:bold;
font-style:italic;
text-align:center;
color:#000000;
line-height:0.8em;
z-index:1;
line-height:140%;
}

#stiltsThumbContainer img {
height:80px;
border:0px;
}

.stiltsThumb {
float:left;
width:auto; 
height:105px;
min-width:30px;
max-width:200px;

font-weight:normal;
margin:2px
}

#silksColours {
float:left;
margin-left:158px;
height:auto;
}

#rowTitleSilksColors {
position:relative;
left:0px;
text-align:left;
padding-left:2px;
font-weight:bold;
font-size:14px;
margin-top:-17px;
}

#aboutUsFooter {
position:relative;
margin-top:20px;
height:auto;
width:720px;
border-top:1px solid;
border-color:#CC66FF;
}

#galleryFooter {
color:#000000;
font-size:11px;
position:absolute;
top:780px;
left:120px;
}
#report {
position:absolute;
bottom:0px;
width:400px;
height:100px;
border:1px solid Grey;
}