<style type="text/css">
<!--

* {
margin : 0;
padding : 0;
}

html, body {
background-color : #ffffff;
width : 100%;
height : 100%;
margin : 0;
overflow : hidden;
padding : 0;
font-size: medium;
font-family : Calibri, Helvetica, Arial, sans-serif;
}

.info {
display : none;
}

a, a:visited {
text-decoration : none;
color : #000000;
}

a:hover, a:active {
color : #cfcfcf;
}

#square {
position : absolute;
top : 76px;
right : 131px;
width : 250px;
height : 250px;
z-index : 95;
}

#mainimg {
position : absolute;
top : 135px;
right : 188px;
z-index : 96;
border : 4px solid #ffffff;
height : 126px;
width : 126px;
}

#wrapper {
width : 100%;
height : 100%;
overflow-x : hidden;
}

#header {
position : absolute;
top : 0;
left : 0;
margin : 0;
padding : 0;
background-color : #000000;
height : 100px;
width : 100%;
z-index : 85;
}

h1 {
display : none;
}

#socialmedia {
position : absolute;
top : 30px;
right : 30px;
}

#navigation-section {
margin : 0;
padding : 0;
border-bottom : 1px solid #cfcfcf;
position : absolute;
top : 100px;
left : 0;
height : 100px;
width : 100%;
background-color : #ffffff;
}

#navigation-menu {
list-style : none;
margin : 0 0 0 14px;
padding : 0;
height : 100px;
}

#navigation-menu li {
font-size : 120%;
display : inline-block;
padding-left : 30px;
margin-top : 40px;
z-index : 90;
}

.mob-only, #menushowhide, #navigation-menu li.mob-only {
display : none;
}

ul.dropdown {
display : none;
font-size : 70%;
position : absolute;
top : 30px;
left : 15px;
width : auto;
margin : 0;
padding : 0 0 30px 0;
height : auto;
z-index : 2;
}

li#product:hover ul#productsdropdown, li#about:hover ul#aboutdropdown {
display : block;
}

ul.dropdown li {
padding-left : 0;
}

ul.dropdown a, ul.dropdown a:visited {
color : #cfcfcf;
}

ul.dropdown a:hover, ul.dropdown a:active {
color : #000000;
}

#sidebar {
position : absolute;
top : 0;
right : 0;
bottom : 6em;
height : 100%;
width : 146px;
z-index : 75;
border-left : 1px solid #cfcfcf;
margin : 0 0 7em 0;
padding : 296px 54px 0 54px;
overflow-y : scroll;
text-align : center;
}

#sidebar h3 {
display : none;
}

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

#sidebar li {
padding : 0 0 15px 0;
margin : 0;
z-index : 97;
}

#content-section {
position : absolute;
top : 200px;
bottom : 5em;
left : 0;
right : 254px;
overflow-y : auto;
padding : 0 54px;
}

h2 {
margin : 0;
padding : 0 0 20px 0;
text-align : center;
text-transform : uppercase;
font-size : 120%;
}

h2:first-of-type {
height : 60px;
padding : 40px 0 0 0;
}

h3 {
padding : 20px 0 0 0;
}

p {
margin : 0 0 15px 0;
padding : 0;
}

p.center {
text-align : center;
}

img.email-address:first-of-type {
padding-bottom : 20px;
}

.person {
display : inline-block;
width : 31.5%;
margin : 0 0.5%;
border : 1px solid #000000;
text-align : center;
position : relative;
height : auto;
padding : 0;
}

.person h3 {
height : 2em;
margin-top : 0;
}

.name {
margin-top : 5px;
}

.qualifications {
font-size : 60%;
}

.person img {
padding : 2px;
border : 1px solid #cfcfcf;
}

#footer {
position : absolute; 
bottom : 0;
right : 1px;
width : 100%;
background : #cfcfcf;
color : #ffffff;
font-size : 80%;
text-align : center;
height : 6em;
z-index : 80;
margin : 0 254px;
}

#footer ul {
list-style : none;
margin-left : 214px;
}

#footer li {
display : inline;
padding : 0 40px;
}

#footer p {
padding : 2px;
margin-left : 254px;
}

#footer a, #footer a:visited {
color : #ffffff;
}

#footer a:hover, #footer a:active {
text-decoration : underline;
}

/*Making current page title grey*/
body#homepage #home a, body#aboutpage #about a, body#peoplepage #about a, body#contactspage #contact a, body#supervisionpage #product a, body#theatrepage #product a, body#musicianspage #product a, body#weddingspage #product a, body#eventspage #event a, body#auditionspage #audition a {
color : #cfcfcf;
}

.center {
text-align : center;
}

ul.center {
list-style : none;
margin-left : -40px;
}

img.center, object.center {
width : 400px;
position : relative;
left : 50%;
margin-left : -200px;
margin-top : 10px;
}

object.video {
width : 400px; 
height : 225px;
}

#tourdatelists {
text-align : center;
}

#tourdatelists ul {
list-style : none;
margin-left : -40px;
}

#tourdatelists .venue {
color : #8f1e1e;
font-weight : bold;
}

//-->
</style>