body {
	background: #c9c3bc;
}

h1 {
	font-size:240%;
	padding-bottom:15px;
	color:#EB419A;
}


h2 {
	font-size:160%;
	padding-bottom:15px;
	color:#EB419A;
}


a {
	color:#e40178;
	text-decoration:none;
}

a:hover {
	color:#ff7fc3;
	text-decoration:none;
}

input, textarea {
	padding:2px;
	margin-top:5px;
	width:306px;
	border:1px #939598 solid;						
}	

button {
	padding:10px;
	border:0;
	background: #E40178;
	color:white;
}

.grey {
	color:#939598;
}

.magenta {
	color:#E40178;
}

.bigger {
	font-size:130%;
}
	


.magentaHeader {
	font-size:150%;
	color:#ffffff;
	padding:6px;
	background:#E40178;
}

	.magentaHeader a {
		font-size:80%;
		color:#ff6fbc;
	}

	.magentaHeader a:hover {
		font-size:80%;
		color:#ffdff0;
	}	
	
.box  {
	border-bottom:1px #e4e4e5 solid;						
	padding:10px;
	min-height:130px;
}

	.boxText {
		margin-left:180px;
	}
	
div#container {
	margin:0 auto;
	width: 720px;
	padding-top:40px;
	padding-left:105px;
	padding-right:105px;
	padding-bottom:30px;
	background:#ffffff;
}

div#header {

}
	div#motto {
		font-size:10pt;
		color:#808284;
		padding-bottom:10px;
		border-bottom: 1px #e4e4e5 dotted;
	}
	
	div#navigation {
		color:#808284;
		font-size:7pt;
		padding:5px;
	}

	div#menu {
		float:right;
		font-size:9pt;
		color:#808284;
	}
	
		div#menu a {
			color:#808284;
			text-decoration:none;
		}
		
		div#menu a:hover {
			color:#EB419A;
			text-decoration:none;
		}

		div#menu  ul {
			padding:0;
			margin:0;
			border:0;
		}
	
		div#menu li {
			float:left;
			display:block;
			width:120px;
			padding-left:20px;
			border-right:1px #e4e4e5 solid;
		}

div#main {

}

	div#slidesContainer {
		padding-bottom:15px;
		height:339px;
		overflow:hidden;
	}
	
		/* rotator in-page placement */
		.rotator {
			margin:0;
			padding:0;
			border:0;
			position:relative;
			height:339px;
			width:240px;
			overflow:hidden;
			float:left;
		}
		/* rotator css */
		.rotator ul li {
			float:left;
			position:absolute;
			padding:0;
			border:0;
			margin:0;
			list-style: none;
		}
		.rotator ul li.show {
			z-index:500
		}
		.rotator ul {
			margin: 0;
			padding: 0;
			border:0;
		}
	
	div#welcome {
		color:#808284;
		height:270px;
		font-size:9pt;
	}
	
		div#text {
			width:490px;
		}

		div#video {
			float:right;
			background:#f1f1f1;
			width:220px;
			height:235px;
			padding:10px;
			text-align:center;
		}
	
div#footer {
		color:#808284;
		font-size:90%;
		padding:5px;
}
		div#footer a {
			color:#808284;
			text-decoration:none;
		}
		
		div#footer a.magenta {
			color:#EB419A;
			text-decoration:none;
		}		
		
		div#footer a:hover {
			color:#EB419A;
			text-decoration:none;
		}

#femaleScroller, #maleScroller
{
	width:100%;
	height: 150px;
	position: relative;
	background:#f8f8f8;
}

	.slided {
		float:left;
		width:102px;
		text-align:center;
		height:150px;
	}

	div.scrollWrapper
	{
		position: relative;
		overflow: hidden;
		width: 640px;
		height: 100%;
		float:left;
	}

	div.scrollableArea
	{
		position: relative;
		width: auto;
		height: 100%;
	}	

	
	#smallScroller div.scrollableArea *
	{
		display: block;
		position: relative;
		float: left;
		padding: 0;
		margin: 0px 10px 0px 10px;
	}
	
	div.scrollingHotSpotLeft, div.scrollingHotSpotRight
	{
		width:39px;
		height:149px;
		float:left;
	}
	
	#femaleScroller div.scrollingHotSpotLeft {
		background: url('../images/arrowLeft.png');
	}
	
	#femaleScroller div.scrollingHotSpotRight {
		background: url('../images/arrowRight.png');
	}
	
	#maleScroller div.scrollingHotSpotLeft {
		background: url('../images/arrowLeft2.png');
	}
	
	#maleScroller div.scrollingHotSpotRight {
		background: url('../images/arrowRight2.png');
	}

div#model {
	height: 440px;
}

	div#cover {
		text-align:center;
		padding:10px;
	}

	div#modelBook {
		width:460px;
		height: 440px;
		float:left;
		background:#f8f8f8;
	}

	div#modelDetails {
		width:220px;
		float:right;
	}
	
	table#details th {
		width:110px;
		color:#888a8c;
		text-align:left;
	}

		
	#modelScroller
	{
		width:100%;
		height: 85px;
		position: relative;
	}

		#modelScroller div.scrollWrapper
		{
			position: relative;
			overflow: hidden;
			width: 385px;
			height: 100%;
			float:left;
		}

		
		#modelScroller div.scrollableArea *
		{
			display: block;
			position: relative;
			float: left;
			padding: 0;
			margin: 0px 3px 0px 3px;
		}
		
		#modelScroller div.scrollingHotSpotLeft, 
		#modelScroller div.scrollingHotSpotRight
		{
			width:33px;
			height:85px;
			float:left;
		}
		
		#modelScroller div.scrollingHotSpotLeft {
			background: url('../images/arrowLeft3.png');
		}
		
		#modelScroller div.scrollingHotSpotRight {
			background: url('../images/arrowRight3.png');
		}
		
	
div#leftColumn {
	float:left;
	width:395px;
	height:450px;
	padding-left:10px;
}

div#rightColumn {
	height:450px;

}


div#dance {
	background-image: url('../images/dancers.jpg');
	height:530px;
	padding:10px;
}

.tall {
	min-height:530px;
	padding:10px;
}