body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 224px;
	position:relative;
}
#header a {
	text-decoration: none;
	font-weight: bold;
	color: #EE3497;
	padding-left: 3px;
	padding-right: 3px;
}
#header ul{
	float:left !important;
	list-style-type:none;
	width:auto !important;
	position:absolute !important;
	right:0 !important;
	top:0.5em !important;
	}
	
#header ul li {
			float:left;
			display:block;fb-bg
			margin:0.2em;
		}
		
#header a#fb {position:absolute;right:.5em;top: 8.5em;background: #EE3497 url(../../images/fb-bg.png) no-repeat 0 0 !important;display:block;height:5.3em;width:11.5em;color: #000;text-transform: uppercase;outline: 0;
text-indent: -9999px;display:block;}

#header a#fb:hover {background: url(../../images/fb-bg.png) no-repeat 0 102% !important;}		
		
#main {
	background-image: url(../images/main_top.jpg);
	background-repeat: no-repeat;
	position:relative;
	
}
#mainRight h1 {
	margin-top: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #EE3497;
	letter-spacing: -.1em;
}

#mainRight ul {
			list-style-type:none;
			width:100%;
			padding:0;
			float:left;
			margin:0;
			}

#mainRight ul li {
			   display:block;
			  padding:0.2em;
			  width:11.9em;
			  margin: .5em;
			  float:left;
			  height:200px;
			  }
			  
#mainRight ul li:hover {
					background-color:#F8F8F0;
					}
					
#mainRight img {
				border:1px solid #CCC;
				margin: 1em auto;
				padding:0.5em;
				
			}	


			
#mainLeft h1 {
	margin-top: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #EE3497;
	letter-spacing: -0.1em;
	padding-left: 20px;
	margin-bottom: 15px;
}
#mainLeft h3 {
	color: #F1379A;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
}

#mainLeft p {
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 11px;
}


#mainLeft {
	width: 350px;
	background-color: #F8F8F0;
	padding-bottom: 15px;
	float:left;
	
}

#mainLeft ul {
			list-style-type:none;
			}
			
#mainLeft a.dvd-order {
color:#000;
}
#mainLeft a.dvd-order:hover {
text-decoration:none;
} 			

#mainRight {
	width: 530px;
	float: right;
	padding-right: 5px;
	padding-left:5px;
	position:relative;
	left:0em;
	
	
}
#mainRight p {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 11px;
}

#mainRight h3 {
	color: #F1379A;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
}

#footer {
	height: 60px;
	background-color: #393536;
	color: #CCC;
	padding-top: 10px;
	clear: both;
	padding-left: 20px;
	margin-top: 15px;
}
#header img {
	padding-left: 15px;
	padding-top: 15px;
	float: left;
}
#footer a {
	color: #EE3497;
}
#mainLeft .viewall {
	background-color: #393536;
	margin-left: 20px;
	color: #F03397;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}
#mainRight p strong {
	color: #EE3497;
}
#mainLeft p strong {
	color: #EE3497;
}
.styletable tr td {
	height: 22px;
	font-weight: bold;
}
#mainRight h2 {
	color: #EE3497;
	margin-bottom: 8px;
}


/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold;cursor:pointer;display:block;padding-top:1em;}
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;width:30em;}
legend      { font-weight: bold; font-size:1.2em;background-color:#EE3497;color:#FFF;padding:0.5em;margin-bottom:0.5em ;overflow:hidden;}

form {float:left;}
p.adult_classes{ float:left;padding-right:2em;overflow:hidden !important;}

label abbr, p abbr {color:#F1379A;font-size:2em;float:left;padding-right: .2em;border-bottom:0;margin:0;margin-top: -.4em;}
p.tel_contact label em {color:#AFAFAF;padding-left:0.3em;font-style:normal;}

fieldset.user_details {float:left;}
fieldset.dance_classes {float:left;}

form p.first_name, form p.surname{float:left !important;}
form p.email_contact, form p.tel_contact {float:left;}
form p.tel_contact, form p.surname {margin-left:1em;}



form p label {padding-bottom:0.5em;}


.redesign p.email_contact em {font-weight:normal;}
.redesign p.email_contact input {width:27em;}
.redesign input[type="submit"] {float:right;}
.redesign img {border: 0 !important;}
/* Form fields
-------------------------------------------------------------- */

input.text,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input:focus,
textarea:focus, select:focus {
  background-color:#FFBFE6;
  
}


input.text { width: 300px; padding:5px; }
textarea      { width: 349px; height: 250px; padding:5px; }



/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/*Page childres class*/
div.childrens-class blockquote {
border-left:1px solid #CCC;
line-height: 1.2em;
font-size: 13px;
padding-left:1em;
background: #fff url(../images/speech-mark.gif) no-repeat 0 0;
}

div.childrens-class p.parent {
font-weight:bold;
}

.redesign a {
border-bottom:1px dotted #333;
text-decoration:none;
}

.redesign a:link,
.redesign a:visited{
color:#000;
}

.redesign a:hover {
color: #EE3497;
}

.redesign a.feed-back{
background-color:#CCC;
padding: .3em;
}


/*Page time table*/
#mainRight ul {
width:40em;
padding-left:4em;
}