/* CSS Document */

body { background-color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; overflow: -moz-scrollbars-vertical;
}



#outside_area {  width:800px; margin-left:auto; margin-right:auto; }

html>/**/body #outside_area {  width:800px; margin-left:auto; margin-right:auto; background:url(http://www.controla.co.uk/images/template/images/ouside_mid.jpg) }


#header { background-image:url(http://www.controla.co.uk/images/template/images/logo1.jpg); background-color:#000000;  height:85px; background-repeat:no-repeat; }

#header h1 { position: absolute; left: -999em; width: 1em; overflow: hidden;}



#header h2 { background: url(http://www.controla.co.uk/images/template/images/logo2_04.jpg); height:54px; width:205px; display:block; position:absolute;  margin:15px 0px 0px 570px;  top:0px;}

#header h2 span {position: absolute; left: -999em; width: 1em; overflow: hidden;}

 
#header span { background-image:url(http://www.controla.co.uk/images/template/images/logo2_04.jpg); height:54px; width:205px; display:block; position:absolute; margin:15px 0px 0px 580px;}

#topnav { background-image:url(http://www.controla.co.uk/images/template/images/ouside_top.jpg); background-color:#000000; margin:0px 0px 0px 0px; height:40px; background-repeat:no-repeat; background-position:0px 12px; }

/*

#topnav ul { margin:0px 0px 0px 67px; padding:0px; width:700px; text-align:center;}

#topnav li { list-style-type:none; float:left;  }

#topnav a { color:#999999; font-size:10px; text-decoration:none; display:block; width:100px; height:16px; background-image:url(http://www.controla.co.uk/images/template/images/normal.jpg); margin:0px 5px 0px 5px; padding:8px 0px 0px 0px;}



#topnav a:hover { color:#ffffff;}

#topnav a.selected { background-image:url(http://www.controla.co.uk/images/template/images/over.jpg); color:#B39C12; height:18px;}


*/


#dropdown { position:absolute; margin:-2px 0px 0px 20px;}





#subnav {text-align:right; margin:0px 0px 0px 0px; position:absolute; width:730px;}


html>/**/body #subnav {  text-align:right; margin:0px 5px 0px 5px;   position:absolute; width:730px; }

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

#subnav li { list-style-type:none; display:inline;}

#subnav a {margin:0px 0px 0px 15px; color:#999999; font-size:10px; text-decoration:none; }

#subnav a:hover { color:#FFFFFF;}

#subnav a.subselected {color:#B39C12;}



#main_area { background-image:url(http://www.controla.co.uk/images/template/images/ouside_mid.jpg); color:#999999; font-size:11px; padding:5px 290px 10px 30px; text-align:justify; background-repeat:repeat-y; }


#main_area.fixed {height:350px;}



#main_area h1 { font-size:16px; text-transform:capitalize;  letter-spacing: .2em; margin:0px 0px 10px 0px; text-align:left;  }



#main_area h1 a { color:#666666; text-decoration:none; text-align:left; }
#main_area h1 a:hover { color:#999999; text-decoration:none;}

#main_area h2 { font-size:12px; text-transform:capitalize; margin:0px 0px 0px 0px; text-align:left;}

#main_area h5 { font-size:25px; margin:0px 0px 20px 0px; text-align:left;}

#main_area h5 span {font-size:18px; padding:0px 0px 0px 0px; display:block; text-align:left;}

#main_area h6 { font-size:16px; margin:0px 0px 20px 0px; text-align:left;}

#main_area ul { margin:2px 0px 15px 15px; padding:0px;  clear:both;}

#main_area li { list-style-type:square;}

#main_area a { color:#B39C12;}

#main_area a:hover { color:#ffffff;}

#front { width:600px; position:absolute; margin:270px 0px 0px 115px; }



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

#front li { list-style-type:none; display:block; float:right; margin:0px 0px 15px 20px;}
#front a { background-color:#2F2F2F;display:block; height:20px; width:100px; color:#999999; padding:80px 2px 2px 2px; text-decoration:none; font-weight:bold; border:1px #666666 solid; text-align:center;}

#front a:hover { background-color:#000000; color:#FFFFFF; border:1px #ffffff solid;}



/*
#front a.website { background-color:#660033;}
#front a.logo { background-color:#006604;}
#front a.illustration { background-color:#665D00;}
#front a.fineart { background-color:#660700;}
#front a.training { background-color:#003866;}

*/
#image_right { float:right;}

#image_right img { width:150px;}

#footer { background-image:url(http://www.controla.co.uk/images/template/images/ouside_bottom2.jpg); background-repeat:no-repeat; background-color:#000000; height:69px; color:#999999; text-align:center; font-size:10px; padding:60px 0px 0px 20px; clear:both;}

#footer ul { margin:-13px 10px 0px 0px; float:right;}

html>/**/body #footer ul { margin:0px 16px 0px 0px;}

#footer li { float:left; margin:0px 0px 0px 0px; list-style-type:none;}
#footer a { width:62px; height:22px; display:block; padding:52px 0px 0px 0px; float:left; color:#000000;}
#footer a.xhtml { background-image:url(http://www.controla.co.uk/images/template/images/valid-xhtml10-blue.jpg); background-repeat:no-repeat; }
#footer a.cssv { background-image:url(http://www.controla.co.uk/images/template/images/valid-css-blue.jpg); background-repeat:no-repeat; }
#footer a.sitemap {position: absolute; left: -999em; width: 1em; overflow: hidden;}






#outside_links {  margin:20px 0px 0px -37px; width:200px;}



html>/**/body #outside_links {  margin:20px 0px 0px -26px; width:200px;}





/* this is the the size of the outside area   */

div#links { width:200px;  }



html>/**/body #links { width:190px;  }



div#links li {display:inline; margin:0px;}



/* this is the look of the small images   */

div#links a { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin:0px 0px 10px 10px; }



#links img { border: #999999 solid 1px; filter:alpha(opacity=50); opacity: 0.5;

	-moz-opacity:0.5;}



#links a:hover {color: #411; background: #055000;}



#links a:hover img {filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}


/* this is the look of the large images   */
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 165px; left:40%; width: 450px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #999999;
   font: 10px Verdana, sans-serif; text-align: right;}

div#links a:hover span h1 { font-size:14px; margin:5px 0px 5px 0px;}

#outside_weblinks.web { width:400px; margin-top:-12px;}
#outside_weblinks.print { width:350px; top:-400px; position:absolute;}

#weblinks.printinside a span {  top:-10px;}







#outside_weblinks {  margin:0px 0px 0px -15px; width:350px;  height:100px; position:absolute;}




/* this is the the size of the outside area   */
#weblinks {  }

#weblinks li {display:inline; margin:0px;}

#weblinks ul {}

/* this is the look of the small images   */
#weblinks a { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:40px; height:40px; display:block;  float:left; margin:0px 7px 7px 0px; }

#weblinks img { border: #999999 solid 1px; filter:alpha(opacity=50); opacity: 0.5;
	-moz-opacity:0.5; width:40px; height:40px;}

#weblinks a:hover img {color: #411; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }


/* this is the look of the large images   */
#weblinks a span {display: none;}
#weblinks a:hover span {display: block;
   position: absolute; top: -0px; left:98%; width: 355px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #999999; 
   font: 10px Verdana, sans-serif; text-align: right;}	
   
#weblinks.printinside a:hover span {top: -55px; left:108%;}

#weblinks a:hover span h1 { font-size:14px; margin:5px 0px 5px 0px;}

#weblinks a:hover span img { width:350px; height:auto;}

html>/**/body #weblinks h1 { margin:5px 0px 10px 9px; }





#form {  width:400px; text-align:left; margin:10px 0px 0px 360px; position:absolute;}
#form label { display:block; width:110px; float:left;}
#form input { width:200px; margin:0px 0px 5px 0px;  background-color:#CCCCCC; border:1px #000000 solid; font-size:11px; background-image:url(http://www.controla.co.uk/images/template/form.jpg); background-repeat:repeat-x; padding:2px;}

#form textarea { width:200px; margin:0px 0px 5px 0px; background-color:#CCCCCC; border:1px #000000 solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(http://www.controla.co.uk/images/template/form.jpg); background-repeat:repeat-x; padding:2px;}
#form input.but { background-color:#006699; color:#FFFFFF; border:1px #000000 solid; width:206px; background-image:none;}


#courseform { border:#666666 1px dotted;  padding:10px 5px 10px 10px; margin:0px 0px 20px 0px; color:#ffffff; font-size:10px; }

#courseform h1 {  margin:-5px 0px 5px 0px; padding:0px 0px 5px 0px; width:160px; color:#999999; font-size:18px; border-bottom:#666 dotted 1px;}


#courseform label { display:block;  font-size:10px; margin:0px 0px 5px 0px; color:#999999;}
#courseform input { width:150px; margin:0px 0px 5px 0px;  background-color:#CCCCCC; background-image:url(http://www.controla.co.uk/images/template/form.jpg); background-repeat:repeat-x; border:1px #000000 solid; font-size:11px;  padding:2px;}

#courseform textarea { width:150px; margin:0px 0px 5px 0px; background-color:#CCCCCC; border:1px #000000 solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(http://www.controla.co.uk/images/template/form.jpg); background-repeat:repeat-x; padding:2px;}

#courseform input.but { background-color:#FF9900; color:#000; border:1px #000000 solid; width:155px; background-image:none; cursor:pointer; font-weight:bold;}


#courseform a:hover input.but { background-color:#FFC76F; color:#000;  }







#subscribe {  color:#999999; text-align:center;  width:200px;}

#subscribe h2 { color:#999999; margin:8px 0px 5px 0px; font-size:16px;}

.subtext {background-color:#CCCCCC; border:1px #000000 solid; font-size:11px; background-image:url(http://www.controla.co.uk/images/template/form.jpg); background-repeat:repeat-x; padding:2px; width:85px;}

#subscribe label { font-size:10px; margin:0px -5px 0px 0px;}

.butsub {background-color:#006699; color:#FFFFFF; background-image:none; width:35px; border:1px #000000 solid; font-size:11px; padding:2px; font-weight:bold; margin:0px 0px 0px -3px;}

#subscribe img { margin:5px 0px 5px 0px;}











#clients {  width:700px; margin:20px 0px 0px 0px; text-transform:capitalize; position:absolute;}

#clients ul { margin:0px; padding:0px; }
#clients li {  display:block; width:200px;  float:left; list-style-type:square;}

#right_pic { position:absolute; margin:10px 0px 0px 500px; text-align:right; }

#right_pic img { width:200px; border: #999999 solid 1px; filter:alpha(opacity=60); opacity: 0.6;
	-moz-opacity:0.6; padding:2px; }

#right_pic p { margin:5px 0px 0px 0px; }





#diary {font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
#diary h1 {margin:10px 0px 5px 0px; font-size:16px;}
#diary h2 {margin:10px 0px 10px 0px; font-size:18px;}
.diarytable tr,.diarytable td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#FFFFFF;}

.diarytable {border:1px #000000 solid; }

.Weekend {background-color:#666666; color:#FFFFFF; font-weight:bold;}
.Holiday {background-color:#999999; color:#FFFFFF; font-weight:bold;}

.Confirmed {background-color:#193F54; color:#FFFFFF; font-weight:bold; background-image:url()}


#info { position:absolute; top:45px; left:250px;}

#tesimonials {  margin:0px 0px 0px 0px;}

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

#tesimonials li { margin:15px 0px 15px 0px; list-style-type:none;}

#tesimonials li strong { display:block; margin:5px 0px 0px 0px;  }

#mylinks {  position:absolute; margin:0px 0px 0px 500px;}

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

#mylinks li { list-style-type:none;}

#mylinks a { font-size:9px;}




#directory, td, tr { text-align:left;}








#diary-new { color:#ffffff;  font-size:12px; margin:0px 0px 0px 0px; width:760px; }

#diary-new {    }

#diary-new ul { margin:0px 0px 0px 0px; padding:0px;   text-align:left; clear:both; }

#diary-new li { padding:10px 0px 10px 0px; margin:5px 5px 5px 0px; float:left; background:#2B749F; list-style-type:none; width:40px; text-align:center; display:block; font-weight:bold;}

#diary-new h2 {  margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; font-size:11px; clear:both; display:block;  }

html>/**/body #diary-new h2 {padding:20px 0px 0px 0px;}

#diary-new a:hover {}



#diary-new li.held { background:#B39C12;}

#heldtop { background:#B39C12; width:30px; text-align:center; padding:10px; float:left; margin:10px 5px 20px 0px; font-weight:bold; }

#held { background:#B39C12;}

#free { background:#2B749F; width:30px; text-align:center; padding:10px; float:left; margin:10px 5px 20px 0px; font-weight:bold;}

#diary-info { font-size:12px; text-align:left;  width5400px; margin:0px; }

#right-area {position:absolute; margin:45px 0px 0px 580px;}





#courses-list {}

#courses-list h1 { display:block; ; color:#ccc; font-weight:bold; text-decoration:none; width:160px; font-size:11px; padding:0px 2px 5px 5px; border-bottom:#3F3F3F 1px dotted; text-transform:capitalize; margin:0px;}

#courses-list ul { margin:0px; padding:0px;}

#courses-list li { list-style-type:none; margin:0px;}

#courses-list a { display:block; background:#000000; color:#999999; font-weight:bold; text-decoration:none; width:160px; font-size:10px; padding:4px 2px 5px 5px; border-bottom:#3F3F3F 1px dotted;}

#courses-list a:hover { background:#636365; color:#FFFFFF;}

#courses-list a.courses-list-select { background:#3F3F3F; color:#FFFFFF;}

#courses-list a:hover.courses-list-select { background:#636365; color:#FFFFFF;}

#course_comment { text-align:center; margin:10px;}

h3 { font-size:11px; margin:10px 0px 0px 0px; padding:0px;}

#main_area h4 { font-size:20px; margin:0px; text-align:left; }

#main_area h5 { font-size:18px; margin:0px; text-align:left; }



#main_area li { }

#line {border-bottom:#636365 1px solid; display:block; width:100%; height:1px; margin:10px 0px 10px 0px}


#front-links a { color:#000000; }

#signup {  width:600px; float:left;  color:#CCCCCC; font-size:12px; margin:6px 0px 0px 20px;}

#signup h1 { margin:0px;}

#signup h2.othernews { margin:-20px 0px 10px 0px; }

#signup a { color:#FFCC00;}

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

#signup li { list-style-type:none; margin:0px;}

#signup a { display:block; background:#000000; color:#FF9900; font-weight:bold; text-decoration:none; width:350px; font-size:10px; padding:4px 2px 5px 5px; border-bottom:#3F3F3F 1px solid;}

#signup a:hover { background:#FF9900; color:#000000;}

#signup a.courses-list-select { background:#3F3F3F; color:#FFFFFF;}

#signup a:hover.courses-list-select { background:#636365; color:#FFFFFF;}




img.tipsimage { float:left; border:#CCCCCC 1px solid; padding:5px; width:300px; margin:10px 0px 0px 2px;  }





#course-price { width:170px; padding:5px; margin:-20px 0px 10px 0px; font-size:10px; color:#999999; }

#course-price strong { font-size:25px;}

#course-price hr { border-bottom:none; border-left:none; border-right:none; border-top: #666666 dotted 1px; }


#map img { border:1px solid #8E8E8E; padding:5px;}


#booking-but {}

#booking-but ul { margin:0px; padding:0px;}

#booking-but li { list-style-type:none;}

#booking-but a {background-color:#FF9900; color:#000; border:1px #000000 solid; background-image:none; cursor:pointer; font-weight:bold; display:block; font-size:12px; padding:5px; text-decoration:none; text-align:center; margin:0px 0px 20px 0px;}

#booking-but a:hover { background:#000; color:#FF9900; border: #FF9900 solid 1px;}

#booking2 { position:absolute; margin:-30px 0px 0px 600px;}

#booking2 h1 { color:#FF9900;}


#course-comment-right { font-style:italic; width:300px; position:absolute; text-align:center; top:1100px; margin:0px 0px 0px 406px; }

#course-comment-right.css-course { top:1300px;}

#course-comment-right.seo { top:1180px;}

#course-comment-right.google { top:1180px;}

#course-comment-right.dreamwever { top:1180px;}

#course-comment-right.photoshop { top:1180px;}

#course-comment-right.indesign { top:1180px;}

#course-comment-right.html { top:1180px;}





#course-comment-right span { display:block; width:300px; border:#333 solid 1px; padding:5px; margin:0px 0px 10px 0px;}



#course-testomonial { position:absolute; width:300px; padding:10px; border:#CCC solid 1px; margin:-400px 0px 0px 300px;}

#contact-me-now { margin:-5px 0px 0px 34px; font-weight:bold; font-size:12px; width:600px; position:absolute; color:#999999}

#contact-me-now a { color:#FF9900; text-decoration:none; }


#front-testomonal { position:absolute; margin:0px 0px 0px 455px; top:462px; width:210px; border:#333 solid 1px; padding:5px; font-style:italic; text-align:left; }


html>/**/body  #front-testomonal { margin:0px 0px 0px 515px; }

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

#free-book { width:165px; color:#fff; text-align:left; font-size:12px; margin:0px 0px 15px 10px;}

#free-book h1 {font-size:14px; margin:0px 0px 5px 0px;}


#our-areas { color:#333; background:#000; line-height:18px; padding:40px 0px 0px 0px;}

#our-areas ul { margin:0px; padding:0px;}

#our-areas li { display:inline; margin:0px 2px 0px 0px; font-size:8px; border-right:1px solid #333; padding:0px 5px 0px 0px; color:#333;}






/*front slider */

#font-scroller { width:739px; text-align:right;}




#cont{width:733px;margin:0 auto;background:#000;text-align:left;padding:0px; border:#FFF solid 1px;}

.buttons{padding:0px;}
.buttons span{color:#ffffff;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff; padding:5px;}




/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}


.mask1{
	position:relative;
	width:729px;
	height:250px;
	overflow:hidden;
	border:#999999 solid 2px;
}

span img{
	display:block;
	border:none;
}


#clients { width:150px; height:500px; color:#aaa; text-align:center; font-size:14px; padding:0px 0px 10px 0px;margin:0px 0px 0px 10px;}


#clients.wordpress { background: url(http://www.controla.co.uk/images/clients/wp-clients.jpg) no-repeat 0px 50px;}

#clients.wordpressadv { background: url(http://www.controla.co.uk/images/clients/wp-clients.jpg) no-repeat 0px 50px;}

#clearfix { clear:both;}

#clients-list { background:#000; text-align:left; width:730px; font-size:12px;}

#clients-list ul { margin:20px 0px 0px 0px; padding:0px;}


#clients-list li { display:block; float:left; width:240px; height:30px; background:#000; }

#onlinestatus { margin:0px 0px 10px 0px;}

#onlinestatus img {}

#training-locations ul { padding:10px 0px 5px 0px; margin:0px; background:#000;}

#training-locations ul li { display:block; float:left; width:150px; background:#000; list-style-type:square; margin:0px 0px 4px 0px;}