/* Start of CMSMS style sheet 'Home-Red' */
/* CSS Document */

body {
margin:0px;
background-image:url(GRAPHICS/bkgd-repeat.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

img, div {
   behavior: url("CSS-JS/iepngfix.htc");
}

.page {
background-image:url(https://xynergy.s3.amazonaws.com/mosaicdance.net/bkgd-home.png);
background-repeat:no-repeat;
}

#main-nav {
position:absolute;
top:0px;
left:0px;
background-image:url(https://xynergy.s3.amazonaws.com/mosaicdance.net/nav.gif);
background-repeat:no-repeat;
width:959px;
height:54px;
z-index:999;
}

#nav {
	    position:absolute;
	    width: 959px;
	    height:56px;
	    margin: 0px;
	    padding: 0px;
	}

	#nav li ul, #nav li ul {
		margin: 0px;
		padding: 0px;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
		top:0px;
	}
	
	#nav li .hide {
		display: none;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
        width:125px;
		background: #8F0201;
		border:1px solid #e7c00e;
  		*top: 50px; /*reposition for IE*/
		*left: 0px;
		padding-top:10px;
		margin-left:20px;
		top:40px;
		z-index:9;
}

	#nav li a {
		display: block;
		padding: 0px;
		margin: 0px;
	}

	#nav li.on a {
		color: #073E74;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
	}


	#li2 a, #li3 a, #li4 a, #li5 a, #li6 a {
		display: block;
		position: relative;
		width: 959px;
		height: 50px;
		background-image:url(GRAPHICS/nav.gif);
		background-repeat:no-repeat;
		z-index:10;
	}

/*first, put the initial states in place*/

#li2 a {
	background-position: 0px 0px;
	width: 223px;
}

#li3 a {
	background-position: -223px 0px;
	width: 128px;
}

#li4 a {
	background-position: -351px 0px;
	width: 230px;
}

#li5 a {
	background-position: -581px 0px;
        width: 206px;
}

#li6 a {
	background-position: -787px 0px;
        width: 172px;
}


/*hover states*/

#li2 a:hover {
	background-position: 0px -54px;       
	width: 223px;
}

#li3 a:hover {
	background-position: -223px -54px;
        width: 128px;
}

#li4 a:hover {
	background-position: -351px -54px;
        width: 230px;
}

#li5 a:hover {
	background-position: -581px -54px;	
        width:206px;
}

#li6 a:hover {
	background-position: -787px -54px;	
        width:172px;
}

#nav li.off ul a #li1 {
        left:75px;
}

#nav li.off ul a #li2 {
        left:95px;
}

#nav li.off ul a #li3 {
        left:150px;
}

#nav li.off ul a #li4 {
        left:205px;
}

#nav li.off ul a #li5 {
        left:205px;
}


/*subnav formatting*/

#nav li ul a {
	display: block;
	background: #8F0201;
	border-bottom:1px solid #830201;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
    border-top:none;
	width:115px;
}	

#nav li ul a:hover {
	background: #830201;
	width:115px;
}	


.dancer {
position:absolute;
float:left;
left:0px;
top:93px;
width:408px;
height:478px;
}

.content {
position:absolute;
float:left;
background-image:url(GRAPHICS/bkgd-content.jpg);
width:957px;
height:864px;
z-index:0;
}

#flashcontent {
position:absolute;
float:left;
left:15px;
top:23px;
}

.flash{
position:relative;
float:left;
width:593px;
height:369px;
top:50px;
left:300px;
}


.main {
position:relative;
float:right;
width:560px;
height:270px;
top:115px;
right:66px;
}

.copy {
position:relative;
float:left;
width:250px;
color:#FFFFFF;
font-size:11px;
top:25px;
left:50px;
}

.copy a:link {
color:#FFFFFF;
text-decoration:none;
}

.copy a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.copy a:visited {
color:#FFFFFF;
text-decoration:underline;
}

.link {
position:absolute;
}

form {
margin:0px;
padding:0px;
}

.form {
position:relative;
float:left;
color:#FFCC00;
font-size:10px;
top:20px;
}

.form input#text {
border: 1px #FFCC00 solid;
top:0px;
margin:0px;
}

.form input#submit {
position:absolute;
top:28px;
margin:0px;
}

.photo {
position:relative;
float:right;
top:20px;
right:50px;
margin-bottom:10px;
}

.contact {
position:relative;
float:left;
color:#FFFFFF;
font-size:10px;
width:134px;
top:22px;
left:120px;
}

.contact .title {
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
width:100%;
}

.contact .title a:link{
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact .title a:hover{
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact .title a:visited{
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact a:link {
color:#FFFFFF;
text-decoration:none;
}

.contact a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.footer {
background-image:url(GRAPHICS/footer-line-red.gif);
background-repeat:no-repeat;
background-position:top center;
padding-top:10px;
position:absolute;
width:300px;
float:left;
color:#FFFFFF;
font-size:11px;
left:466px;
top:825px;
text-align:center;
}

.footer a:link, a:visited, a:active {
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.footer .copyright {
color:#4d0100;
}
/* End of 'Home-Red' */