/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px verdana;
	background:url(../gfx/bg.jpg) repeat-x;
	background-color: #cfcecc;
	line-height: 18px;
}

h1{	font: bold 19px arial; color: #4f4f4f; margin:0px 0px -10px 0px;}
h2{	font: bold 11px arial; color: #4f4f4f; margin:9px 0px 0px 0px;}
h3{	font: 11px arial; color: #3191cc; margin:0px 0px 0px 0px;}

h4{	font: 16px arial; color: #4f4f4f; margin:0px 0px 0px 0px;}

h5{	font: bold 14px arial; color: #4f4f4f; margin:20px 0px 0px 0px;}
h6{	font: bold 12px arial; color: #4f4f4f; margin:0px 0px 0px 0px;}

/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
/*h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }*/

hr {border:solid 1px #d8d8d8; margin:17px 0px 20px 0px;}

p {margin:0px;}

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }

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

/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input, textarea{
	background: white;
	border: solid 1px #797979;	
}

input#submit{
	width: 100px;
	background: white;
	height: 24px;
}

.center-box{
	align:center;
	}

#box{
	width:955px;
	height:auto;
	margin: 0px auto 0px auto; 
	}
	
#header {
	width:955px;
	height:105px;
	background:url(../gfx/header.gif) no-repeat;
	}
	
#header-link {
	width:296px;
	height:105px;
	cursor:pointer;
	background:url(../gfx/logo.jpg) no-repeat;
	}

#header-link a{
	width:526px;
	height:105px;
	cursor:pointer;
	}
	
#cta {
	width:955px;
	height:254px;
	background:url(../gfx/cta.jpg) no-repeat;
	}
	
#cta1 {
	width:955px;
	height:254px;
	background:url(../gfx/cta1.jpg) no-repeat;
	}	
	
	
#cta2 {
	width:955px;
	height:254px;
	background:url(../gfx/cta2.jpg) no-repeat;
	}		

#cta3 {
	width:955px;
	height:254px;
	background:url(../gfx/cta3.jpg) no-repeat;
	}

#cta4 {
	width:955px;
	height:254px;
	background:url(../gfx/cta4.jpg) no-repeat;
	}

#cta5 {
	width:955px;
	height:254px;
	background:url(../gfx/cta5.jpg) no-repeat;
	}

	
#cta-foot {
	width:955px;
	height:90px;
	background:url(../gfx/ctaFoot.jpg) no-repeat;
	margin-bottom:15px;
	overflow:hidden;
	}
	
#box1 a{
	width:198px;
	height:90px;
	background:url(../gfx/box1.jpg) no-repeat;
	margin-left:43px;
	float:left;
	overflow: hidden;
	}
	
#box2 a{
	width:210px;
	height:90px;
	background:url(../gfx/box2.jpg) no-repeat;
	float:left;
	overflow: hidden;
	}
	
#box3 a{
	width:209px;
	height:90px;
	background:url(../gfx/box3.jpg) no-repeat;
	float:left;
	overflow: hidden;
	}
	
#find-out-more a {
	width:129px;
	height:90px;
	background:url(../gfx/find.jpg) no-repeat;
	margin-left:166px;
	float:left;
	overflow: hidden;
	cursor:pointer;	}



html>body #ad {
	width:232px;
	height:226px;
	background:url(../gfx/ad.jpg) no-repeat;
	margin-left:19px;
	float:left;
	overflow: hidden;
	cursor:pointer;
	}
	
html>body #ad-text {
	font: 18px arial; 
	color: #FFFFFF; 
	line-height:25px;
	vertical-align:middle;
	width:212px;
	height:150px;
	padding:38px 10px 38px 20px;
	text-decoration:none;
	}
	
html>body .ad-text2{font: 16px arial; color: #FFFFFF; 
	text-decoration:none;
line-height:25px;}


#contact-container{
	width:246px;
	height:auto;
	float:right;
	overflow:hidden;
	}

#contact {
	width:246px;
	height:auto;
	background:url(../gfx/getInTouch.gif) no-repeat;
	padding:62px 26px 0px 22px;
	overflow:hidden;
	}
	
#contact2 {
	width:246px;
	height:auto;
	background:url(../gfx/bookNowSide.gif) no-repeat;
	padding:62px 26px 0px 22px;
	overflow:hidden;
	}
	
#contact-footer{
	width:246px;
	height:14px;
	background:url(../gfx/getInTouchFoot.gif) no-repeat;
	}
	
#left-contact {
	font: 11px arial; color: #4f4f4f;
	line-height:26px;
	width:51px;
	height:182px;
	float:left;
	overflow: hidden;
	margin-bottom:0px;
	}
	
#left-contact p{
	margin:0px;
	}
	
#right-contact {
	font: 11px arial; color: #4f4f4f;
	line-height:26px;
	width:147px;
	height:auto;
	float:left;
	overflow: hidden;
	margin-bottom:0px;
	}
	
#right-contact2 {
	font: 11px arial; color: #4f4f4f;
	line-height:26px;
	width:147px;
	height:auto;
	float:left;
	overflow: hidden;
	margin-bottom:0px;
	}
	
#booking-form {
	font: 11px arial; color: #4f4f4f;
	line-height:26px;
	height:auto;
	overflow: hidden;
	margin-bottom:0px;
	}
	
input {
	font: 9px Arial;
	width:137px;
	height:22px;
	border:none;
	background:url(../gfx/input.gif) no-repeat;
	padding: 5px 20px 0px 5px; 
	}
	
textarea {
	font: 9px Arial;
	width:137px;
	height:43px;
	border:none;
	background:url(../gfx/textarea.gif) no-repeat;
	padding: 5px 20px 0px 5px;
	}
	
checkbox {
	width:18px;
	height:18px;	
	background:url(../gfx/check.gif) no-repeat;
	margin-bottom:0px;
	}

.custombutton {
	padding:0px;
	margin-bottom:0px;
	margin-left:59px;
	margin-top:5px;
	border:none;
	background:none;
	cursor:pointer;
	}
	
#right-contact2 checkbox{
	}

.custombutton2 {
	padding:0px;
	margin-bottom:0px;
	margin-left:59px;
	margin-top:5px;
	border:none;
	background:none;
	cursor:pointer;
	}

fieldset {
	
	border:none; 
	padding: 0px 0px 0px 0px;
	margin:0px;
	}

#content-left {
	width:165px;
	height:auto;
	float:left;
	overflow:hidden;
	}
	
#content-right {
	width:165px;
	height:auto;
	float:right;
	overflow:hidden;
	}


#content-container {
	width:694px;
	height:auto;
	float:left;
	overflow: hidden;
	margin-bottom:15px;
	}

/*white box & corners*/

#left-content {
	width:694px;
	height:auto;
	background: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	}
	
#left-content:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.content {
	padding: 6px 0px 6px;
	clear: both;
	position: relative;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	}

span {
	width: 13px; /* Size of corner */
	height: 11px; /* Size of corner */
	display: block;
	position: relative;
	overflow: hidden;
	}

.tl {
	background: url(../gfx/contentCorner.gif) 0px 0px;
	float: left;
	margin-top: -1px;
	margin-left: 0px;
	overflow:hidden;
	}     

.tr {
	background: url(../gfx/contentCorner.gif) 13px 0px;
	float: right;
	margin-top: -1px;
	margin-right: 0px;
	overflow:hidden;
	}     

.bl {
	background: url(../gfx/contentCorner.gif) 0px 11px;
	float: left;
	margin-bottom: -1px;
	margin-left:0px;
	overflow:hidden;
	}     

.br {
	background: url(../gfx/contentCorner.gif) 13px 11px;
	float: right;
	margin-bottom: -1px;
	margin-right: 0px;
	overflow:hidden;
	}
   
#bottom {
	background: url(../gfx/bottom.gif) no-repeat;
	height: 13px;
	width: 695px;
}










/*main content box & corners*/

#inner-content-container {
	width:644px;
	height:auto;
	background: #f1f1f1;
	float:left;
	margin-left:25px;
	overflow:visible;
	position: relative;
	}
	
#inner-content-container p {margin:10px 0px 10px 0px;}
	
html>body #inner-content-container-home {
	width:397px;
	height:auto;
	background: #f1f1f1;
	float:left;
	margin-left:25px;
	overflow:visible;
		
	}
	
#inner-content-container:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: visible;	
	}
	
#inner-content-container-home:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: visible;	

	}
	
html>body .main-content {
	padding: 6px 23px 6px;
	clear: both;
	position: relative;
	}
	
	
html>body .main-content hr{
	margin: 10px 0px 0px 0px;
	}	
	
.main-content li { 
	list-style-type:none;
	background: url(../gfx/arrow.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 10px 8px;
	line-height:18pt;
	margin: 0 0 0 -30px;
	}	

#inner-content-container span {
	width: 7px; /* Size of corner */
	height: 6px; /* Size of corner */
	display: block;
	position:relative;
	overflow: hidden;
	}
	
#inner-content-container-home span {
	width: 7px; /* Size of corner */
	height: 6px; /* Size of corner */
	display: block;
	position:relative;
	overflow: hidden;
	}

.til {
	background: url(../gfx/innerContentCorner.gif) 0 0;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	overflow:hidden;
	}     

.tir {
	background: url(../gfx/innerContentCorner.gif) 7px 0;
	float: right;
	margin-top: -1px;
	margin-right: 0px;
	overflow:hidden;
	}     

.bil {
	background: url(../gfx/innerContentCorner.gif) 0 6px;
	float: left;
	margin-top: 15px;
	margin-bottom: -1px;
	margin-left:0px;
	overflow:hidden;
	}     

.bir {
	background: url(../gfx/innerContentCorner.gif) 7px 6px;
	float: right;
	margin-top: 15px;
	margin-bottom: -1px;
	margin-right: 0px;
	overflow:hidden;
	}  










/*navigation*/

#nav {
	width:955px;
	height:40px;
	background: url(../gfx/navBg.gif) repeat-x;
	margin-bottom:12px;
	overflow:hidden;
	}

#home {
	width: 54px;
  	height: 41px;
	float:left;
	margin-left:124px;
	overflow:hidden;
	}

#home a {
	display: block;
	width: 54px;
  	height: 41px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 0%;
	}

#home a:hover {
	width: 54px;
  	height: 41px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 100%;
  	}

#about {
	width: 77px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#about a{
	display: block;
	width: 77px;
  	height: 41px;
	background: url(../gfx/navAbout.gif) no-repeat;
	background-position: 0px 0%;
	}

#about a:hover{
	width: 77px;
  	height: 41px;
	background: url(../gfx/navAbout.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#corporate {
	width: 141px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#corporate a{
	display: block;
	width: 141px;
  	height: 41px;
	background: url(../gfx/navCorporateTraining.gif) no-repeat;
	background-position: 0px 0%;
	}

#corporate a:hover{
	width: 141px;
  	height: 41px;
	background: url(../gfx/navCorporateTraining.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#courses {
	width: 72px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#courses a{
	display: block;
	width: 72px;
  	height: 41px;
	background: url(../gfx/navCourses.gif) no-repeat;
	background-position: 0px 0%;
	}

#courses a:hover{
	width: 72px;
  	height: 41px;
	background: url(../gfx/navCourses.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#calendar {
	width: 128px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#calendar a{
	display: block;
	width: 128px;
  	height: 41px;
	background: url(../gfx/navCalendar.gif) no-repeat;
	background-position: 0px 0%;
	}

#calendar a:hover{
	width: 128px;
  	height: 41px;
	background: url(../gfx/navCalendar.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#speaking {
	width: 77px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#speaking a{
	display: block;
	width: 77px;
  	height: 41px;
	background: url(../gfx/navSpeaking.gif) no-repeat;
	background-position: 0px 0%;
	}

#speaking a:hover{
	width: 77px;
  	height: 41px;
	background: url(../gfx/navSpeaking.gif) no-repeat;
	background-position: 0px 100%;
  	}	
	
#contact-nav {
	width: 90px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#contact-nav a{
	display: block;
	width: 90px;
  	height: 41px;
	background: url(../gfx/navContact.gif) no-repeat;
	background-position: 0px 0%;
	}

#contact-nav a:hover{
	width: 90px;
  	height: 41px;
	background: url(../gfx/navContact.gif) no-repeat;
	background-position: 0px 100%;
  	}

#news {
	width: 97px;
  	height: 41px;
	float:left;
	overflow:hidden;
	}

#news a{
	display: block;
	width: 97px;
  	height: 41px;
	background: url(../gfx/navNews.gif) no-repeat;
	background-position: 0px 0%;
	}

#news a:hover{
	width: 97px;
  	height: 41px;
	background: url(../gfx/navNews.gif) no-repeat;
	background-position: 0px 100%;
  	}

	
#end-right{
	width: 28px;
  	height: 41px;
	background: url(../gfx/rightEnd.gif) no-repeat;
	float: right;

	}
	
#end-left{
	width: 26px;
  	height: 41px;
	background: url(../gfx/leftEnd.gif) no-repeat;
	float: left;
	}

#margin {
	width:auto;
	height:20px;
	}

#priceBox{
	background:url(../gfx/priceBox.gif) no-repeat;
	font: 11px Arial;
	width:100px;
	height:20px;
	margin:0;
	padding:0px 5px 5px 30px;
	color:#009900;
}


/*footer*/

#footer{
	
	clear: both;
	width: 955px;
	height: 190px;
	background: url(../gfx/footer.gif) no-repeat;
	margin-bottom: 40px;
	overflow: hidden;
	}
	
#footer-nav {
	font: 12px arial; 
	color: #FFF;
	width:768px;
	height:auto;
	margin:0px;
	padding:15px 0px 0px 110px;

	}
	
	#footer-nav a{
	font: 12px arial; color: #FFF;
	text-decoration:none;
	}
	
	#footer-nav a:hover{
	font: 12px arial; color: #FFF;
	text-decoration:underline;
	}
		
#copyright{
	font: 12px arial; color: #757575;
	width:955px;
	height:auto;
	padding:120px 0px 0px 651px;
}
	
	
	
	
#mainArea2{
	background: url(../gfx/mainAreaRepeat2.gif) repeat-y;
	width: 955px;
	overflow: hidden;
}

#mainAreaTop2{
	background: url(../gfx/mainTop2.gif) no-repeat top;
	padding-top: 25px;
}

#mainLeft2{
	clear: left;
	float: left;
	width: 50%;
}

#mainRight2{
	clear: right;
	float: right;
	width: 50%;
}

#mainAreaBottom{
	background: url(../gfx/mainAreaBottom.gif) no-repeat;
	height: 13px;
	}