/* CSS Document */

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

body {
	text-align: center;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
	background: #fff url(../../images/bg.jpg) repeat-x fixed;
}

A:link{
color: #0033FF;
}

A:visited{
color: #0033FF;
}

A:active{
color: #0033FF;
}

A:hover{
color: #0033FF;
}

h1 {
background:url(../../images/mainTitle_bg.jpg) no-repeat;
width: 502px;
height: 57px;
float: right;
padding-left: 60px;
color: #FFFFFF;
padding-top: 4px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 1.1em;
margin: 0px;
padding-top: 5px;
}

h2 {
font-weight: bold;
font-size: 1em;
}


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

#container {
position: relative;
width: 760px;
/* Mozilla Firefox Centre Align Fix */
margin-left:auto;
margin-right:auto;
text-align:left;
border: solid #000 1px;
border-top: 0px;
}

#header {
height: 176px;
padding: 0px;
margin: 0px;
width: 760px;
background:url(../../images/headerBg.jpg) no-repeat #9b80ce;
text-align: right;
}

#contentContainer {
padding: 0px 20px 0px 0px;
width: 740px;
background: #9b80ce;
clear: both;
overflow: hidden;
}

* html #contentContainer {
overflow: visible;
}

#logo {
float: left;
}

#contentRight {
width: 562px;
float: right;
background: #f6f8bd url(../../images/contentBg.jpg) no-repeat bottom;
padding-bottom: 200px;
}

#contentRight li {
padding: 5px 0px;
}

#contentRight_gallery {
padding: 15px 30px 0px 30px;
text-align:center;
height:530px;
}

#contentRight_gallery img {
border: 1px solid #000;
}

#contentRight_chat p{
	padding-left:28px;
	padding-right:20px;
}

#contentRight_chat table{

}



#contentRight_text {
padding: 15px 30px 0px 30px;
text-align:justify;
}

#contentRight_text_duplicate {
padding: 15px 30px 0px 30px;
text-align:justify;
}

#contentRight_text img {
border: none;
}

#contentRight_text a {
color: #0033CC;
}

#contentRight_text img {
padding-left: 10px;
float: right;
}

#slideshow {
width: 157px;
}

#footer {
clear: both;
width: 740px;
background: #23014d;
color:#FFFFFF;
padding: 10px;
font-size: 0.8em;
}

#lessonsImages {
float: right;
width: 250px;
}

#shout {
height:400px;
width:90%;
margin-left:auto;
margin-right:auto;
overflow:auto;
border:1px solid #9c82ce;
}

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

#navigation {
float: left;
width: 157px;
border-top: 7px solid #b3a0da;
padding: 0px;
padding-bottom: 23px;
background: url(../../images/navBottom.jpg) no-repeat bottom #d4cbeb;
margin: 0px;
}

#navigation ul {
padding: 0px;
margin: 0px;
}

#navigation li {
display: block;
}

#navigation a {
color: #000;
text-decoration: none;
background: #d4cbeb;
display: block;
text-align: right;
width: 147px;
padding: 5px 10px 5px 0px;
}

#navigation a:hover {
color: #fff;
background: #4c2f92 url(../../images/nav_hover_bg.jpg) left no-repeat;
text-decoration: none;
}

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

.h1_duplicate {
background:url(../../images/mainTitle_bg.jpg) no-repeat;
width: 502px;
height: 57px;
float: right;
padding-left: 60px;
color: #FFFFFF;
padding-top: 4px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 1.1em;
}


.header{
font-weight:bold;
}

.fun {
text-transform: uppercase;
color: #990000;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 1px;
}

.chatRight {
float:right;
padding:10px;
margin:10px;
margin-right:28px;
margin-left:10px;
border:1px solid #9c82ce;
width: 300px;
}


/* SEO
-----------------------------------------------------*/

#bottom-links {
	margin-top: 50px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#bottom-links ul{
	list-style:none;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;	
}
#bottom-links li{
	display: inline;
}
#bottom-links a{
	padding: 5px 10px;
	color:#CCCCCC;
	font-size: 10px;
}

#bottom-keywords{
	font-size: 9px;
	color:#CCCCCC;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-top:10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#calendar {
	margin: 0px;
	padding: 30px 20px 20px 20px;
	height: 128px;
	width: 208px;
	float: right;
	font-weight: bold;
	text-align: center;text-decoration: none;
	color: #fff;
	font-size: 1.3em;
	background: url(../../images/scroll.jpg);
}

#calendar a {
	
}

.black {
	color: #000;
}

#advert {
	background: #FFFF97;
	text-align: center;
	border: 1px dotted #333;
	float: left;
	font-size: 15px;
}

	#advert ul {
		margin: 0px;
	}
	
		#advert ul li {
			margin: 0px;
			padding: 0px;
		}
		
.pricesTable th {
	text-align: center;
	padding: 5px;
	background: #FFE24F;
}		
		
.pricesTable td {
	text-align: center;
		padding: 5px 10px;
	background: #FFE79F;
}

/*------------------------------------------------------*\
	CONTACT FORM
\*------------------------------------------------------*/
div#form {
	float:left;
	width:500px;
	font-size:0.9em;
}
	
fieldset {
	border:none;
}
	
/* -- Contact Form Left */
	
.contactFormLeft {
	width:440px;
}
	
/* -- Contact Details */

#contactForm #contactDetails label {
	padding:7px 0px 0 0px;
	display:block;
	float:left;
	width:150px;
}

.contactDetailsWrap {
	float:left;
	margin-top:6px;
	width:100%;
}

#contactDetails input {
	width:200px;
	height:25px;
	padding:0px 5px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	float:left;
}

.contactDetailsLeft {
	margin-top:10px;
}
		
/* -- Interested In */

#whatareyoulookingfor {
	font-size:1em;
	margin:20px 0 5px;
}

.interestedInWrap {
	float:left;
}

#contactForm label {
	padding:5px 0px;
	display:block;
	width:220px;
}
		
/* Enquiry and Submit */

#contactForm .enquiry {
	padding:10px 0px 5px 0px;
}

#contactForm textarea {
	padding:20px;
	width:320px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #ccc;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}

#contactForm .submit {
	margin-top:10px;
	padding:5px 10px;
}

/* For form validation when JS disabled */
#form #errors li {
	color: #7f2d0f;
	font-weight: bold;
	margin:5px 0;
	list-style:inside;
}

	
/* Hide Bot Buster */
.botBuster, #callbackBotBuster { display: none; }


/* jQuery form validation Pop Ups */
.formError {
	position:absolute;
	top:300px; left:300px;
	padding-bottom:13px;
	display:block;
}
			
.formErrorContent {
	background:#ee0101;
	color:#fff;
	width:130px;
	font-size:0.7em;
	border:2px solid #ddd;
	padding:4px 10px;
}

.formErrorArrow {
	position:absolute;
	bottom:0; left:20px;
	width:15px; height:15px;
}
			
.formError .formErrorArrow div{
	height:1px;
	background:#ee0101;
	margin:0 auto;
}

.formErrorArrow .line10 { width:15px; border:none; } 
.formErrorArrow .line9 { width:13px; border:none; } 
.formErrorArrow .line8 { width:11px; } 
.formErrorArrow .line7 { width:9px; } 
.formErrorArrow .line6 { width:7px; } 
.formErrorArrow .line5 { width:5px; } 
.formErrorArrow .line4 { width:3px; } 
.formErrorArrow .line3 { width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd; } 
.formError .formErrorArrow .line2 { width:3px;border:none;background:#ddd; }
.formError .formErrorArrow .line1 { width:1px; border:none; background:#ddd; }