/* ------------ CSS Reset ------------ */

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #77787b; }
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }   
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; }  
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }   
ol,ul {	list-style:none; }   
caption,th { text-align:left; }   
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }   
q:before,q:after { content:''; }   
abbr,acronym { border:0; }


/* ------------ Styles ------------ */

html 			{ height: 101%; }
body 			{ background: #322f31; }
p 				{ padding-bottom: 10px; line-height: 1.3em; }
p strong 		{ font-weight: bold; color: #999; }

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

hr 				{ display: none; }
div.hr 			{ border-bottom: solid 1px #666; margin-bottom: 20px; clear: both; }

div.clear 		{ clear: both; }

h1 				{ color: #8cc63f; font-size: 148%; }
h2 				{ color: #00abc1; font-size: 116%; }
h1, h2 			{ font-family: Times New Roman; text-transform: uppercase; padding-bottom: 10px; }

.center 		{ text-align: center; }
.WallpaperSize 	{ width: 200px; text-align: center; }

#FlashHolder	{ background: #fff; }
#FlashBox 		{ margin: 0 auto; width: 900px; height: 350px; }


/* ------------ Content ------------ */

#ContentHolder { 
	background: #404041; 
	overflow: auto; padding-bottom: 30px; 
	}
	
#ContentBox { 
	margin: 0 auto; 
	padding: 30px 0; 
	width: 900px; 
	font-size: 85%; /* base font size */
	}

#ContentBox .FlashBox, 
#ContentBox img { 
	width: 200px;  
	border: 0; 
	margin-bottom: 10px; 
	}
	
#StackHolder { 
	margin-left: 20px; 
	}

.Stack { 
	width: 660px; 
	float: left;
	overflow: hidden; 
	}

.Span1, .Span2, .Span3 {
	float: left; 
	padding-bottom: 20px; 
	padding-right: 20px; 
	}

.Span1	{ width: 200px; height: 270px; }
.Span2	{ width: 420px; }
.Span3	{ width: 640px; }
.no-h	{ height: auto; }

.BioDance a		{ background: transparent url('Assets/BioDance.jpg') no-repeat left top; }
.BioActing a 	{ background: transparent url('Assets/BioActing.jpg') no-repeat left top; }
.BioModelling a	{ background: transparent url('Assets/BioModelling.jpg') no-repeat left top; }

.BioDance a, .BioActing a, .BioModelling a { display: block; width: 200px; height: 120px; text-indent: -2000px; }
.BioDance a:hover, .BioDance .active, .BioActing a:hover, .BioActing .active,
.BioModelling a:hover, .BioModelling .active { background-position: left bottom; }


/* ------------ Menu ------------ */

#MenuHolder { 
	float: left;
	display: inline; 
	width: 200px; 
	margin: 0 20px; 
	}

#Menu { 
	float: left; 
	padding-bottom: 10px; 
	}

#Menu li a { 
	display: block; 
	height: 25px; 
	width: 200px; 
	background: transparent url('Assets/Menu.gif') no-repeat left top; 
	color: red; 
	text-indent: -2000px; 
	}

#Menu li.Home a 				{ background-position: 0px 0px; }
#Menu li.Home a:hover 			{ background-position: -200px 0px; }
#Menu li.Home a.Active 			{ background-position: -400px 0px; }
#Menu li.News a 				{ background-position: 0px -25px; }
#Menu li.News a:hover 			{ background-position: -200px -25px; }
#Menu li.News a.Active 			{ background-position: -400px -25px; }
#Menu li.Biography a 			{ background-position: 0px -50px; }
#Menu li.Biography a:hover 		{ background-position: -200px -50px; }
#Menu li.Biography a.Active 	{ background-position: -400px -50px; }
#Menu li.Choreography a 		{ background-position: 0px -75px; }
#Menu li.Choreography a:hover 	{ background-position: -200px -75px; }
#Menu li.Choreography a.Active 	{ background-position: -400px -75px; } 
#Menu li.Gallery a 				{ background-position: 0px -100px; }
#Menu li.Gallery a:hover 		{ background-position: -200px -100px; }
#Menu li.Gallery a.Active 		{ background-position: -400px -100px; } 
#Menu li.Downloads a 			{ background-position: 0px -125px; }
#Menu li.Downloads a:hover  	{ background-position: -200px -125px; }
#Menu li.Downloads a.Active 	{ background-position: -400px -125px; }
#Menu li.Contact a 				{ background-position: 0px -150px; }
#Menu li.Contact a:hover 		{ background-position: -200px -150px; }
#Menu li.Contact a.Active 		{ background-position: -400px -150px; }

.btnFollowMe a { 
	background: transparent url('Assets/btnFollowMe.png') no-repeat left top; 
	display: block; 
	float: left;
	width: 200px; 
	height: 40px; 
	text-indent: -2000px;
	}

.btnFollowMe a:hover { 
	background-position: left bottom; 
	}


/* ------------ Footer ------------ */

#Footer {  
	background: #322f31; 
	height: 100px; 
	width: 900px; 
	margin: 20px auto; 
	}
	
#Footer p { 
	display: block; 
	margin: 0px 20px 0px 578px; 
	padding: 0; 
	}
	
#Footer a { 
	text-align: right; 
	margin: 0 0 0 20px; 
	float: left; 
	}