@charset "utf-8";
/*
Master Stylesheet - Richard Geddes - DUSZA - August 2009

/*-------------------------------------------------------------------------LAYOUT*/

@import url("reset.css");


* {
	margin: 					0;
	padding: 					0;
	border: 					0;
	outline: 					0;
}
div#access {
	visibility:					hidden;
	height:						30px;
	margin-bottom:				-30px;
}
body {
	font:						normal 62.5% Arial, Helvetica, sans-serif;
	text-align:					center;
	background:					#323232 url('../images/bg.gif') left top repeat-x;
}
div#container {
	width:						966px;
	margin:						10px auto;
	text-align:					left;
}
div#header {
	float:						left;
	width:						966px;
	height:						330px;
	background:					url('../images/header_bg.jpg') left top no-repeat;
}
div#header h1 a {
	float:						left;
	width:						255px;
	height:						180px;
	text-indent:				-9999px;
	background:					url('../images/logo.jpg') left top no-repeat;
	margin:						53px 0 0 22px;
}
div#header h1 a:hover {
	background-position:		left -180px;
}

/*-----------------------------------------------------------------------------------------------------  NAVIGATION (main bar)
*/
ul#nav {
	float:						left;
	width:						966px;
	height:						auto !important;
	height:						40px; /* FIX IE */
	min-height:					40px;
	background:					url('../images/nav_bg.jpg') left top no-repeat;
}
ul#nav li, 
ul#nav li a, 
ul#nav li em {
	float: 						left;
}
ul#nav li.right {
	float:						right;
	padding-right:				15px;
}
ul#nav li a, 
ul#nav li em {
	padding:					13px 10px 11px 30px;
	color:						#FFF;
	text-decoration:			none;
	color:						#FFF;
	font-size:					1.2em;
	font-weight:				bold;
}
ul#nav li a:hover {
	color:						#C74B97;
}
/*-----------------------------------------------------------------------------------------------------  SUB-NAVIGATION (NO SCRIPT)
*/
div#content div.column.about ul#subnav {
	background-color:			#161616;

}
div#content div.column.about ul#subnav h2 {
	padding:					5px;
	width:						195px;	
}
div#content div.column.about ul#subnav li {
}
div#content div.column.about ul#subnav li a{
	padding:					5px;
	font-size:					1.1em;
	width:						195px;	
}
div#content div.column.about ul#subnav li a:hover,
div#content div.column.about ul#subnav li a.active:hover {
	background-color: 			#C74B97;
}
div#content div.column.about ul#subnav li a.active {
	background-color:			#373737;
}
/*-----------------------------------------------------------------------------------------------------  SUB-NAVIGATION (menus)
*/
ul#subnav {
	float:						left;
	background:					#DDD;
	margin:						15px 0 0 15px !important;
	margin:						15px 0 0 8px; /* FIX IE */
}
ul#subnav li {
	float:						left;
	list-style-type:			none;
}
ul#subnav li a, ul#subnav li h2 {
	float:						left;
	padding:					10px;
	margin:						0;
	text-decoration:			none;
	color:						#FFF;
	width:						200px;
	border-bottom:				1px solid #999;
}
ul#subnav li h2 {
	background:					transparent;
	color:						#FFF;
	font-size:					1.3em;
}
ul#subnav li a:hover {
	background:					#CCC;
}
ul#subnav li a.active {
	background:					#CCC;
}
ul#subnav li.extra a {
	padding-left:				30px;
	width:						180px;
}
/* sub-menu heading style */
ul#nav li.subnav a:hover, 
ul#nav li.subnav.active, 
ul#nav li.subnav.active a {
	color:						#C74B97 !important;
}
ul#nav li.subnav ul {
	display:					none;
}
ul#nav li.subnav:hover ul, 
ul#nav li.subnav.active ul {
	display:					block;
}
ul#nav li.subnav ul {
	position:					absolute;
	top:						380px;
	float:						left;
	clear:						left;
	margin:						0 0 0 -2px;
	padding:					10px 0;
	background:					#000;
	border: 					1px solid #747474;
	border-top: 				0;
	width:						220px;
	z-index:					9999;
}
ul#nav li.subnav ul li {
	position:					relative;
	float:						left;
	clear:						left;
	border:						0;
}
ul#nav li.subnav ul li a, 
ul#nav li.subnav.active ul li a {
	padding:					5px 20px 5px;
	color:						#111 !important;
	width:						180px;
	text-align:					left;
	color: 						#FFF !important;
	background:					transparent !important;
}
/* colour of sub-menu roll-over text */
ul#nav li.subnav ul li a:hover {
	color:						#C74B97 !important;
}


/*-----------------------------------------------------------------------------------------------------  CONTENT
*/
div#content h2#strapline {
	position: 					absolute;
	top: 						-28px;
	right:						3px;
	color:						#FFF;
	font-size:					1.2em;
	font-style:					italic;	
	font-weight:				bold;
	width:						340px;
	overflow: 					hidden;
}
div#content {
	float:						left;
	position:					relative;
	width:						964px;
	margin:						2px 0 0;
	padding:					10px 1px;
	background:					url('../images/content_bg.gif') left top no-repeat;
	color:						#FFF;
}
div#content div.column {
	float:						left;
	width:						220px;
	overflow:					hidden;
}
div#content div.page {
	float: 						left;
	width:						498px;
	padding:					0 10px !important;
	padding:					0 5px;

}
div#content div.page p {
	float:						left;
	margin:						0 10px 10px 5px !important;
	margin:						0 5px 10px 5px;
	font-size:					1.2em;
	width:						95%;
	clear: 						left;	
}
div#content h3 {
	font-size:					1.4em;
	font-weight:				bold;
	margin:						0 10px;
	padding-bottom:				5px;	
}
div#content h2 {
	font-size:					1.6em;
	font-weight:				bold;
	margin:						0 10px;
	padding-bottom:				5px;
}
/* item block for the landing page(s) body */
div#content div.page div.item {
	clear: 						both;
	padding: 					10px 0 10px 0;
}
div#content div.page div.item a img {
	float:						left;
	clear:						left;
	margin:						10px !important;
	border:						1px solid #E5499B;
}
div#content div.page div.item p {
	clear: 						none;
	width:						360px;
	margin:						10px 0 0 0;
}
div#content div.page div.item h2 a {
	color:						#FFF;
	text-decoration:			none;
	font-size:					1.2em;
	border:						0px;
}
div#content div.page div.item h2 a:hover {
	color:						#C74B97;
}
div#content div.page ul {
	float:						left;
	clear:						both;
	font-size:					1.2em;
	margin:						0 10px 15px 20px !important;
	margin:						0px 10px 15px 20px; /* FIX IE */
	padding:					0 10px 0 20px;
	width:						400px;
}
div#content div.page ul li {
	float:						left;
	clear:						left;
	list-style-type:			disc;
	width:						100%;
}
div#content div.page ul.thumbs {
	margin:						10px 0 0 !important;
	padding:					0;
}
div#content div.page ul.thumbs li {
	padding:					0 10px 10px 0;
	float:						left;
	width:						auto;
	list-style-type:			none;
	clear:						none;
}
div#content div.page ul.thumbs img {
	border:						1px solid #C74B97;
}
div#content div.page ul.thumbs img:hover {
	border:						1px solid #7D7D7D;
}
div#content div.column.dance {
	width:						226px;
}
div#content div.page h1 {
	color: 						#777;
	font:						normal 250% Arial, Helvetica, sans-serif;
	font-weight: 				bold;
	padding: 					10px 0px 35px 10px;
}
body#home div#content div.page h1 {
	float:						left;
	width:						220px;
	height:						30px;
	text-indent:				-9999px;
	background:					url('../images/welcome.jpg') left top no-repeat;
}
div#content div.column h2 a {
	float:						left;
	width:						220px;
	height:						85px;
	text-indent:				-9999px;
}
div#content div.column.about h2 a {
	background:					url('../images/about_the_dance_school.jpg') left top no-repeat;
}
div#content div.column.about h2 a:hover {
	background-position:		left -95px;
}
div#content div.column.dance h2 a {
	background:					url('../images/dance_lessons.jpg') left top no-repeat;
	margin-left:				-25px;
}
div#content div.column.dance h2 a:hover {
	background-position:		left -95px;
}
div#content div.column.about div.item {
	float:						left;
	padding:					5px 0 5px 20px;
}
div#content div.column.about div.item a {
	color: 						#FFF;
	text-decoration: 			none;
}
div#content div.column.about div.item br {
	display:					none;
}
div#content div.column.dance p.emph {
	display: 					none;
}
div#content div.column hr,
div#content div.column.dance div hr {
	display: 					none;
}
div#content div.column div.item a img {
	float:						left;
	margin:						0 10px 0 0;
	border:						1px solid #C74B97;
}
div#content div.column.dance div.item a img {
	margin:						0 10px 10px 0;
}
div#content div.column div.item a:hover img {
	border:						1px solid #7D7D7D;
}
div#content div.column div.item p {
	color:						#C74B97;
}
div#content div.column div.item p.emph {
	font-size:					1.2em;
	font-weight:				bold;
	color:						#FFF;
}
div#content div.column div.item a.read_more {
	float:						left;
	color:						#7D7D7D;
	text-decoration:			none;
	padding:					5px 15px 2px 112px;
	background:					url('../images/read_more_arrow.gif') right 6px no-repeat;
}
div#content div.column.dance div.item a.read_more 
{
	padding:					5px 15px 2px 0;
}
div#content div.column div.item a.read_more:hover {
	color:						#C74B97;
}
div#content div.page p.emph {
	font-size:					1.6em;
	font-weight:				bold;
	line-height:				1.2em;
	color:						#7E7E7E;
	padding:					15px 0 0 0;
}
/*-----------------------------------------------------------------------------------------------------  SITE MAP
*/
div#content div.page ul.sitemap {
	padding: 					30px;
}
div#content div.page ul.sitemap li.nested {
	margin:						5px 0 0;
}
div#content div.page li.nested ul, 
div#content div.page li.nested ol {
	padding:					5px 0 0;
	margin:						0 15px 8px !important;
	font-weight:				normal;
	font-size:					1em;
}
div#content div.page ul.sitemap a {
	color: 						#FFF;
	text-decoration: 			none;
}
div#content div.page ul.sitemap a:hover {
	color: 						#C74B97;
}
div#content div.page div.contact h2 {
	font-size:					1.4em;
	padding:					0 0 5px 5px;
}
div#content div.page div.contact p {
	padding:					0 0 0 5px !important;
	margin:						0 10px !important;
	margin:						0 5px;
	clear:						left;
}
div#content div.page div.contact a {
	color:						#FFF;
	text-decoration:			none;
	font-weight:				bold;
}
div#content div.page div.contact a:hover {
	color:						#C74B97;
}
div#content div.page a img {
	border:						1px solid #C74B97;
	margin-left:10px;
}
div#content div.page a:hover img {
	border:						1px solid #7D7D7D;
}
/*-----------------------------------------------------------------------------------------------------  FILE DOWNLOADS
 */
div#content div.page a.page_download, 
div#content div.page a.page_video {
	float:						left;
	clear:						both;
	width:						387px;
	height:						auto !important;
	height:						32px;
	min-height:					32px;
	margin:						10px 0 0 15px !important;
	margin:						10px -90px 0 15px; /* FIX IE */
	padding:					20px 20px 20px 70px;
	color:						#FFF;
	font-size:					1.3em;
}
div#content div.page a.page_video {
	background:					url('../images/video-icon.gif') left top no-repeat;
}
div#content div.page a.page_download.excel {
	background:					url('../images/download-icon-excel.gif') left top no-repeat;
}
div#content div.page a.page_download.pdf {
	background:					url('../images/download-icon-pdf.gif') left top no-repeat;
}
div#content div.page a.page_download.powerpoint {
	background:					url('../images/download-icon-powerpoint.gif') left top no-repeat;
}
div#content div.page a.page_download.word {
	background:					url('../images/download-icon-word.gif') left top no-repeat;
}
div#content div.page div.bookmarks {
	float:						left;
	width:						390px;
	padding:					10px 0 10px 10px;
	margin:						10px 10px 10px 40px !important;
	margin:						10px 0 10px 26px; /* FIX IE */
	border:						1px solid #666;
	border-width:				1px 0;
}
div#content div.page div.bookmarks ul {
	float:						none;
	width:						auto;
	margin:						0 !important;
	padding:					0;
	list-style-type:			none;
}
div#content div.page div.bookmarks ul li {
	float:						left;
	clear:						none;
	width:						auto;
	list-style-type:			none;
}
div#content div.page div.bookmarks a, 
div#content div.page div.bookmarks a img {
	float:						left;
	margin:						0;
	padding:					0;
}
div#content div.page div.bookmarks a {
	margin:						0 10px 0 0;
}
/*-----------------------------------------------------------------------------------------------------  IN-LINE LINKS
*/
div#content div.page a {
	color:						#FFF;
}
div#content div.page p.emph a {
	color:						#7E7E7E;
}
div#content div.page a:hover, 
div#content div.page p.emph a:hover {
	color:						#C74B97;
}
/*-----------------------------------------------------------------------------------------------------  FOOTER
*/
div#footer, 
div#footer div.footer {
	float:						left;
	width:						966px;
	padding:					0 0 20px;
	background:					url('../images/footer_bg.gif') left top no-repeat;
}
div#footer div.footer a {
	color:						#FFF;
	text-decoration:			none;
}
div#footer div.footer a:hover {
	color:						#C74B97;
}
div#footer div.footer {
	margin:						14px 0 0;
	background:					url('../images/nav_bg.jpg') left top no-repeat;
	overflow: 					hidden; /* IE FIX */
}
div#footer div.footer h3 {
	float:						left;
	color:						#FFF;
	font-size:					1.2em;
	font-weight:				bold;
	padding:					13px 0 0 20px;
}
div#footer p {
	visibility:					hidden;
	height:						0;
	margin:						0;
	padding:					0;
}
div#footer div.footer p.credit {
	visibility:					visible;
	color:						#FFF;
	float:						right;
	padding:					16px 20px 11px;
}
div#footer div.footer a.dusza {
	float:						right;
	clear:						both;
	width:						126px;
	height:						56px;
	text-indent:				-9999px;
	background:					url('../images/dusza.jpg') left top no-repeat;
	margin:						12px 0 0;
}
div#footer div.footer a.dusza:hover {
	background-position:		left -56px;
}
div#footer div.footer ul {
	float:						left;
	clear:						left;
	color:						#FFF;
	margin:						10px 0 0 20px;
}
div#footer div.footer ul li {
	float:						left;
	padding:					10px 8px 0 0;
}
/*-----------------------------------------------------------------------------------------------------  FORMS
*/
form, 
label,  
button {
	color:						#FFF;
	font:						1em Arial, sans-serif;
}
input, 
select, 
textarea {
	color:						#000;
	font:						1em Arial, sans-serif;
	background:					#FFF !important;
}
form {
	float:						left !important;
	float:						none; /* FIX IE */
	
	padding:					10px 0 20px 35px;
	width:						420px;
	margin:						10px 10px 20px 10px;
	font-size:					1.1em;
	background:					#000;
	overflow:					hidden;/* FIX IE */
}
div#content form a.form_anchor {
	float:						left;
	text-indent:				-9999px;
	height:						0;
}
legend {
	text-indent:				-9999px;
}
div#content form p {
	float:						none;
	margin:						10px 0 5px 5px !important;
}
div#content form p.error {
	border:						1px solid #CB0000;
	padding:					12px 5px 12px 46px !important;
	width:						305px !important;
	width:						319px; /* FIX IE */
	background:					#FFDBD8 url('../images/alert.gif') left center no-repeat;
	font-size:					1.1em;
	color:						#111;
	font-weight:				normal;
}
div#content form fieldset {
	clear: both;
}
div#content form p.success {
	border:						1px solid #009900;
	padding:					12px 5px 12px 46px !important;
	width:						305px !important;
	width:						319px; /* FIX IE */
	background:					#D8FFD9 url('../images/success.gif') left center no-repeat;
	font-size:					1.1em;
	color:						#111;
	font-weight:				normal;
}
form ol li {
	list-style-type:			none;
}
label, 
input, 
select, 
textarea, 
button, 
span.warning {
	float:						left;
	width:						345px;
	padding:					5px;
	margin:						0 5px !important;
	margin:						0 5px 2px 5px; /* FIX IE */
}
select {
	width:						357px;
}
label {
	background:					transparent;
	padding:					5px 2px 2px;
}
label em {
	font-size:					0.8em;
}
em.warning {
	color:						#CB0000;
}
input, 
select, 
textarea, 
button {
	background:					#FFF !important;
	border:						1px solid #999;
}
input:focus, 
select:focus, 
textarea:focus {
	border:						1px solid #333;
}
textarea {
	overflow:					auto;
}
span.warning {
	margin:						2px 0 2px 7px !important;
	padding:					0;
	color:						#CB0000;
}
label span.warning {
	margin:						2px 0 !important;
}
dl.inputgroup {
	float:						left !important;
	float:						none; /* FIX IE */
	width:						351px;
	margin:						5px 0 0 5px !important;
	background:					#323232;
	padding:					0 0 5px 5px;
}
dl.inputgroup dt, 
dl.inputgroup dd {
	float:						left;
	width:						28px;
	margin:						5px 0 0;
}
dl.inputgroup dt {
	clear:						left;
}
dl.inputgroup dd {
	width:						282px;
}
dl.inputgroup dt input {
	width:						13px;
	height:						13px;
	float:						right;
	margin:						6px 6px 3px !important;
	border:						0px;
	background:					#DDD;
}
dl.inputgroup dd label {
	width:						270px;
	margin:						0;
	padding:					5px 10px 5px 0 !important;
}
button {
	font-weight:				bold;
	font-size:					1em;
	width:						auto;
	margin:						10px 15px 0 5px !important;
	background:					#323232 !important;
	border:						1px solid #323232;
	color:						#FFF;
	cursor:						pointer;
	padding:					5px;
}
button:hover {
	background:					#666;
	border:						1px solid #666;
	color:						#C74B97;
}

/*-------------------------------------------------------------------------------------------------------  CREDIT
*/
div#credit {
	float:						right;
	width:						860px;
	margin:						-2px 0 10px !important;
	margin:						-2px -2px 10px 0; /* FIX IE */
	padding:					12px 30px 0;
	color:						#FFF;
	font-weight:				bold;
	text-align:					right;
	background:					url('../images/footer_bg.jpg') center top no-repeat;
}
div#credit a {
	display:					inline;
	color:						#555;
	text-decoration:			none;
}
div#credit a:hover {
	color:						#ADADAD;
}
div#credit a.dusza {
	float:						right;
	width:						92px;
	height:						42px;
	text-indent:				-9999px;
	background:					url('../images/dusza.gif') left bottom no-repeat;
	margin:						2px 0 0;
	text-align:					left;
}
div#credit a.dusza:hover {
	background-position:		left top;
}