/* STANDARD 
----------------------------------------------- */

body, html {
	color:#949698;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	background: #000 url(../images/bg.jpg) top center no-repeat;
	font-size:12px;
	margin:0;
	padding:0;
}
h1, h2, h3 {
	color:#FFF;
	font-size:16px;
}
h3, h4, h5 {
	color:#9a0050;
	font-size:14px;
}
a:link, a:visited, a:active {
	color:#9A0050;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#FFF;
	text-decoration:none;
	outline:none;
}

.active{
	color:#fff !important;
}



/* STRUCTURE - Generic
----------------------------------------------- */

/* When the new line from the h3,h4,h5 tags is inconvenient */
.title {
	color:#9a0050;
}
#siteContainer {
	position:relative;
	margin:0 auto;
	width:937px;
	top:20px;
}
#header {
	width:937px;
	height:83px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
}
* html #header hr {
	height:32px !important;
	border-bottom:1px solid #9a0050;
}


#navArea {
	position:absolute;
	top:0px;
	right:0px;
}

#subNav {
	position:absolute;
	top:30px;
	right:0px;
	text-transform:uppercase;
}


#back {
	margin:0px;
	padding:0px;
	width:23px;
	height:23px;
	position:relative;
	top:-14px;
	float:right;
	border-bottom:1px solid #9a0050;
	border-right:1px solid #9a0050;
}
#footer {
	margin:0 auto;
	width:937px;
	height:83px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
}

	#copyright {
		font-size:11px;
		padding:10px 0px 0px 0px;
		color:#949698;
		float:left;
	}
	
		#copyright a {
			color:#949698;
		}
		
		#copyright a:hover {
			color:#9a0050;
		}			

	#address {
		font-size:11px;
		float:right;
		color:#949698;
		text-align:right;
		margin: 10px 10px 0px 0px;
	}
	
		#address a {
			color:#949698;
		}
		
		#address a:hover {
			color:#9a0050;
		}		
	
/* STRUCTURE - Template specific
----------------------------------------------- */

/* oneArea */

#contentArea {
	margin:30px 0px 30px 0px;
	min-height:350px;
}

	#flashContentArea{
		margin:10px 0px 50px 0px;
		min-height:350px;	
	}
	
		#flashContentAreaHome{
			margin:10px 0px 23px 0px;
			min-height:300px;	
		}	
	
	
	
/* twoArea */

#contentArea #col2A {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 420px;
	float:left;
}
#contentArea #col2B {
	width: 420px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	float:left;
}

#gMap {
	border:1px solid #9a0050;
	width:490px;
	height:350px;
	float:right;
	margin-right:-75px;
	}

/* threeArea */

#col3A {
	height:450px;
	width: 280px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}
#col3B {
	height:450px;
	width: 280px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	float:left;
}
#col3C {
	height:450px;
	width: 280px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	float:left;
}

#flashcontentWrapperHome{
	margin: 0px auto 0px auto;
	text-align:center;
	width:740px;
	height:427px;
}
	
	#flashcontentHome{
		width:700px;
		height:427px;
		margin: 0px auto 0px auto;
	}
	
		#flashcontentWrapperHome ul{
			list-style:none;
			display:block;
			margin: 10px 150px 0px 0px;
			text-align:right;  
			width:654px;
			color:#9A0050;
		}
		
			#flashcontentWrapperHome  ul li {
				display:block;
				font-size:11px;
				line-height:40px;
				list-style:none;
				font-family:Arial, Helvetica, sans-serif;
				color:#FFF;}		
		
			#flashcontentWrapperHome a:link, #flashcontentWrapperHome a:visited, #flashcontentWrapperHome a:active{
				color:#949698;
			}	
			
			#flashcontentWrapperHome a:hover{
				color:#9A0050;
			}			
		
		
#flashcontentWrapper{
	margin: 0px auto 0px auto;
	text-align:center;
	width:700px;
	height:400px;
}


	#flashcontent{
		width:700px;
		height:400px;
		margin: 0px auto 0px auto;
	}
	
	#flashcontentWrapper ul{
		list-style:none;
		display:block;
		margin: 10px 150px 0px 0px;
		text-align:right;  
		width:654px;
		color:#9A0050;
	}
	
		#flashcontentWrapper  ul li {
			display:block;
			font-size:11px;
			line-height:40px;
			list-style:none;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF;}		
	
		#flashcontentWrapper a:link, #flashcontentWrapper a:visited, #flashcontentWrapper a:active{
			color:#949698;
		}	
		
		#flashcontentWrapper a:hover{
			color:#9A0050;
		}	
		
	#flashChoreographers{
		width:320px;
		height:240px;
		margin: 0px auto 0px auto;
	}					
	
#historyFlashcontentWrapper{
	margin: 0px auto 0px auto;
	text-align:center;
	width:950px;
	height:200px;
}

	#historyFlashcontent{
		width:950px;
		height:200px;
		margin: 0px auto 0px auto;
	}	
	
#historyText{
	width:600px;
	margin: 0px auto 0px auto;

}
	
#showreelWrapper{
	margin: 0px auto 0px auto;
	text-align:center;
	width:500px;
	height:400px;
	border: 1px solid #9a0050;	
}

	#showreelcontent{
		width:500px;
		height:400px;
		margin: 0px auto 0px auto;	
	}	

/* CLASSES 
----------------------------------------------- */

.left {
	padding-right:25px;
	float:left;
}
.right {
	padding-left:25px;
	float:right;
}
.clear {
	clear:both;
}
.note {
	font-size:10px;
	font-style:italic;
}
button {
	color:#FFF;
	font-size:10px;
	background-color:#000;
	border: 1px solid #9a0050;
}


.pinkBorder img{
	border: 1px solid #9A0050;
}

/* AGENCY  List
----------------------------------------------- */

#agencyArea {
	min-height:350px;
}

#pagination{
	margin: 10px 0px 10px 0px;
}

#info {
	float:right;
	clear: both;
}

#gender_pagination {
	color:#949698;
	float:left;
	font-size:11px;
	text-transform:uppercase;
}
#alpha_pagination {
	color:#949698;
	float:left;
	font-size:11px;
	margin: 0px 0px 0px 50px;
	text-transform:uppercase;
}
#search_option {
	color:#949698;
	float:right;
	font-size:11px;
	text-transform:uppercase;	
	margin: 0px 20px 0px 0px;
}
.genderSelected {
}
.alphaSelected {
}
#agencyList {
	width:100%;
	margin:10px 0px 0px 0px;
}
#artist {
	padding:5px 13px 5px 0px;
	float: left;
}
#agencyListName {
	font-size:10px;
	width:80px;
	height:25px;
}
/* AGENCY  Details
----------------------------------------------- */

.artist_content .artistname {
	color: #ececec;
	font-size:16px;
	float:left;
}
.artist_content .type {
	color:#9a0050;
	font-size:14px;
	float: left;
	margin: 0px 0px 0px 10px;
}
.artist_content #info {
	position:absolute;
	top:100px;
	left: 450px;
	width: 490px;
}
.artist_content #info .col1 {
	position:absolute;
	left: 0px;
	width:200px;
}
.artist_content #info .col2 {
	position:absolute;
	left: 250px;
	width:200px;
}
.artist_content #info dl {
	list-style: none;
}
.artist_content #info dl dt {
	color:#9a0050;
	padding:0px;
	margin: 0px;
	float:left;
	clear:left;
	width: 60px;
}
.artist_content #info dl dd {
	padding:0px;
	margin: 0px;
}
/* Handle the abilites section */
.artist_content #artistskills #title {
	color:#9a0050;
	padding:0px;
	margin: 0px;
	float:left;
	width: 60px;
}
/* Handle the abilites section */
.artist_content #artistskills #skills {
	padding:0px 0px 0px 0px;
	margin: 0px;
	width: 410px;
	float:left;
}
#photo {
	width:80px;
	height:100px;
	display:block;
	background-image:url(../images/ccna.jpg);
	background-repeat:no-repeat;
}
/* Choreographers List
----------------------------------------------- */

#choreographers {}

#choregrapher_pagination {}

#choreographers .item {
	background: url(../images/choreo_bg.png) no-repeat;
	width: 445px;
	height: 100px;
	float:left;
	margin-right:20px;
}

#choreographers .item h3 {
padding:0px;
margin:15px 0 0 10px;
color:#ececec;
float:left;}

#choreographers .item h3:hover {
color:#9a0050;}

#choreographers .item a:link, #choreographers .item a:visited, #choreographers .item a:active {
	color: #ececec;
	font-size: 14px;
	margin: 10px 0px 0px 10px;
}
#choreographers .item h3 a:hover {
	color: #9a0050;
}
#choreographers .item #choreographer_photo {
float:right;
margin-bottom:20px;
padding-right:20px;}

#choreographers .item #credits {
	margin: 10px 0px 0px 10px;}
	
	
/* Choreographers Details
----------------------------------------------- */

#choreographers #main_image {
	float:left;
}
#choreographers #content {
	float:left;
	margin: 0px 0px 0px 45px;
	width: 400px;
}
.choreographers_info #name {
	color: #ececec;
	font-size:18px;
}
#choreographers dl dt {
	float:left;
	color: #9a0050;
	width: 20px;
}
#choreographers dl dd {
	float:left;
	width: 310px;
}

.video{}
	
	.video #flashcontent{
	margin: 0 auto 0 120px}
/* Stylist List
----------------------------------------------- */

#stylistArea {
	min-height:450px;
}

#stylist_pagination {}

#stylistArea .item {
	background: url(../images/choreo_bg.png) no-repeat;
	width: 445px;
	height: 100px;
	float:left;
	margin-right:20px;}
	


#stylistArea .item h3 {
	padding:0px;
	margin:15px 0 0 10px;
	color:#ececec;
	float:left;}
	
#stylistArea .item h3:hover {
color:#9a0050;}	

#stylistArea .item a:link, #stylistArea .item a:visited, #stylistArea .item a:active {
	color: #ececec;
	font-size: 14px;
	margin: 10px 0px 0px 10px;}
	
#stylistArea .item a:hover {
	color: #9a0050;
}
#stylistArea .item #stylist_photo {
float:right;
margin-bottom:20px;
padding-right:20px;}

.item #title {
clear:left;
color:#9a0050;
font-size:12px;
margin:5px 0px 0px 10px;
}	

#stylistArea .item #credits {
	float:left;
	margin: 10px 0px 0px 10px;
}
/* Stlist Details
----------------------------------------------- */

#stylist_content {
	padding: 10px 0px 0px 0px;
	height:475px;
}
.stylist_info {
}
.stylist_info #name {
	color: #ececec;
	font-size:18px;
}
#stylist_credits {
	width: 525px;
	position:absolute;
	bottom:30px;
}
#stylist_credits_title {
	float: left;
	color:#9a0050;
}
#stylist_credits_list {
	float: left;
	margin: 0px 0px 0px 10px;
	width: 350px;
}
#stylist_details {
	float:left;
	margin: 0px 0px 0px 45px;
	width: 400px;
}

/* Show List
----------------------------------------------- */

#showAreaList {
	min-height:450px;
	width: 700px;
	margin:0 auto;
	text-align:center;}
	
#showPhotoList {
	width:100%;
	float:left;}	
	
	.showPhoto {
		margin:5px;
		padding:0px;
		float:left;
	}	
	
	.showPhoto a:link, .showPhoto a:visited,  .showPhoto a:active   {
		color:#fff;
	}
	
	.showPhoto a:hover{
		color:#9A0050;
	}				
	
#poster{
	height:100%;
	float:left;
}	

/* Show Details
----------------------------------------------- */

#showArea h3 {
	margin:0px;
	padding:0px;}

#showArea h4 {
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#ececec;}

#showArea .show {
	width:600px;
	float:right;}
	
	#showBody{
		float:right
	}

#showNav {
	height: 30px;}

#showNav ul{
	list-style:none;
	margin: 10px 0px;
	padding:0px;}

#showNav ul li{
	float:left;
	margin: 0px 20px 0px 0px;}


/* News
----------------------------------------------- */

#newsHolder {
	width:940px;
	float:left;
}
	
#newsImageHolder {	width:600px; float:left; text-align:center;}
#newsTextHolder { width:320px; margin-left:10px; float:left;}

.news_story {
border-bottom:1px solid #ececec;
padding-bottom:20px;
}

.newsImages {
	float:left;
}

.newsImages img {
	margin:5px;
	float:left;
	border: 5px solid #ececec;}

.news_story h3{
	margin:10px 0px 0px 0px;
	padding:0px;
}

.news_story h4{
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.news_story p{
	margin:0px 0px 10px 0px;
}

.news_story img {
	border: 1px solid #9a0050;}

.news_story_latest .details{
	float:left;
	text-align:left;
}

/* Forms 
----------------------------------------------- */

#login_form dl {
}
input {
	width: 200px;
}
input .sf_error_border {
	width: 200px;
}
#login_form dl dt {
	width: 90px;
	float:left;
	clear:left;
	margin: 0px 0px 5px 0px;
}
#login_form dl dd {
	width: 180px;
	float:left;
	margin: 0px 0px 5px 0px;
}
#submission_form {
	width: 300px;
	text-align:left;
}

#submission_form dl {}

#submission_form dl dt {
	width:80px;
	float:left;
	clear:left;
	text-align:right;
	padding:4px 0;	
}
#submission_form dl dd {
	width:180px;
	float:left;
	padding:4px 0;
}

/* Navigation 
----------------------------------------------- */

ul.show {
	padding:0;
	margin:0;}

ul.show li {
	display:block;
	padding: 0px 15px 0px 0px;
	font-size:11px;
	line-height:40px;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;}


ul.nav {
	padding:0;
	margin:0;}

ul.nav li {
	display:block;
	padding-left:15px;
	font-size:11px;
	line-height:40px;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;}
	
ul.nav li a {
	display:block;
	color:#949698;
	text-decoration:none;	outline:none;}
	
	ul.nav li a.white {
	display:block;
	color:#fff;
	text-decoration:none;	outline:none;}
	
ul.nav li a:hover {
	color:#9a0050;
	display:block;
	text-decoration:none;	outline:none;}
	
ul.nav li ul {
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	padding:0px;
	margin:0px;}

	/* -- Fixes ie6, breaks ie7! 
	* html ul.nav li ul {
	top:40px;
	left:0px;}*/


/* Sub-navigation
----------------------------------------------- */

ul.nav li ul li {
	padding:5px;
	left:0px;
	float:left;
	width:240px;
	text-decoration:none;
	outline:none;
	height:20px;
	line-height:20px;
	border:1px solid #9a0050;
	border-top:none;}

ul.nav li ul li a {
	color:inherit;
	text-decoration:none;
		outline:none;}

ul.nav li ul li a:hover {
	color:#9a0050;
	text-decoration:none;
		outline:none;}

/* -- Make list visible -- */
ul.nav li:hover ul, #nav li.sfhover ul {
	/* ul.nav li:hover ul, ul.nav li.over ul { */
	display:block;
	text-decoration:none;
		outline:none;}
	
	
	#aboutUs{
		width:450px;
		float:left;
	}

.wrap{
	width:300px;
	height:200px;
	position:relative;
	overflow:hidden;
	float:left;
	padding: 0 1em;	
}

.wrap img{
	position:absolute;
	top:0px;
	left:0px;
}

.showInfo{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:300px;
	height:200px;
	border: 1px solid #9A0050;
	background-color:#FFFFFF;
}