/* CSS Document */



body {
background-color: #ebebec;
}


.teflspain{
	position: absolute;
	width: 890px;
	left : 50%;
	margin-left : -410px;
padding-left : 15px;
padding-right: 5px;
	top: 0px;
	z-index: 1;
	/*background-image: url(images/tefl-spain-back-cont1.gif);*/
background-color: #FFFFFF;
}

/* layers */

.teflspain1{
	position: relative;
	height: 130px;
	width: 880px;
	left: 0px;
	top: 0px;
	z-index: 5;
	background-color: #FFFFFF;
}

.teflspain2{
	position: relative;
	height: 200px;
	width: 880px;
	left: 0px;
	top: 0px;
	margin-bottom: 0px;
	z-index: 5;
	background-color: #FFFFFF;
}

.teflspain3{
	position: relative;
	width: 635px;
	left: 0px;
	top: 0px;
	z-index: 5;
	margin-top: 0px;
	padding-left: 218px;
	padding-right: 27px;
	background-image: url(images/tefl-spain-base-back-level3.gif);
background-repeat: repeat-y;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	line-height: 17px;
	color: #003366;
}


/* left navigation */

.teflbarcelonaleft{
	position: absolute;
	width: 188px;
	left: 0px;
	top: 0px;
	z-index: 5;
	background-color: #F6F6F7;
}

.teflnavcont{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.teflnavcont ul{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.teflnav{
	width: 180px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.addthis{
display: block;
padding-left: 5px;
padding-top: 10px;
}

.toplink {
list-style-type: none;
color: #FFFFFF;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
display: block;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 180px;
}

.toplink ul
{
list-style-type: none;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.toplink a
{
display: block;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 180px;
background-color: #FF6600;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


.toplink a:link
{
list-style-type: none;
background-color: #FF6600;
display: block;
color: #FFFFFF;
text-decoration: none;
}

.toplink a:visited
{
color: #FFFFFF;
text-decoration: none;
}

.toplink a:HOVER
{
color: #591F0F;
text-decoration: none;
}

.teflnav ul
{
list-style-type: none;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.teflnav a
{
display: block;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 180px;
background: white url(images/tefl-spain-back-navon2.gif) repeat-x bottom left;
border-bottom: 1px solid #eee;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.teflnav a:link
{
color: #336699;
text-decoration: none;
}

.teflnav a:visited
{
color: #666666;
text-decoration: none;
}

.teflnav a:hover
{
background: white url(images/tefl-spain-back-navov2.gif) repeat-x bottom left;
color: #FF6600;
}


/* footer */


.footerteflcontainer {
	position: relative;
	width: 753px;
	left: 0px;
	top: 0px;
	font-size: 12px;
	line-height: 14px;
	margin-left: -218px;
	height: 55px;
}


.footerteflnav {
	position: absolute;
	height: 20px;
	width: 881px;
	left: 0px;
	top: 10px;
	background-color: #FF6600;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 2;
}



.footerteflbottom {
	position: absolute;
	height: 25px;
	width: 640px;
	left: 10px;
	top: 130px;
	padding-top: 15px;
	background-color: #FFCC00;
}

.webbarcelona {
	position: absolute;
	height: 20px;
	width: 790px;
	left: -20px;
	top: 35px;
	padding-top: 25px;
	/*background-image: url(images/tefl-spain-back-foot.gif);*/
	z-index: 1;
	padding-left: 25px;
	font:  10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


.webbarcelona a
{
font:  10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.webbarcelona a:link
{
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}

.webbarcelona a:hover
{
color: #FF6600;
text-decoration: none;
}

.webbarcelona a:visited
{
color: #666666;
text-decoration: none;
}


/* layer 3 */
.teflspain3 h1 {
	margin-top: 10px;
	color: #FF6600;
}
.teflspain3 h3 {
	color: #FF6600;
clear:both;
}

.teflspain3 h4 {
	color: #FF6600;
	margin-top: 40px;
	margin-bottom: 10px;
}

.teflspain3 h5 {
	margin-top: 25px;
	margin-bottom: 5px;
	color: #003366;
}

.threetoplinks {
	position: absolute;
	right: 10px;
	top: 8px;
	height : 35px;
	width: 225px;
	text-align: right;
	font:  10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.threetoplinks a
{
font:  10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.threetoplinks a:link
{
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}

.threetoplinks a:hover
{
color: #FF6600;
text-decoration: none;
}

.threetoplinks a:visited
{
color: #666666;
text-decoration: none;
}

.threebottom{
	position: relative;
	top: 0px;
	width: 520px;
	text-align: center;
	background-color: #F4F2EF;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* layer 2 */
.twoimageright {
	position: absolute;
	left: 550px;
	top: 4px;
	background-color: #FF6600;
	height : 176px;
	width: 294px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-top: 20px;
	padding-left: 35px;
}

.twoimageleft {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 200px;
	width: 550px;
}


/* layer 1 */
.oneimageright {
	position: absolute;
	right: 10px;
	top: 2px;
	height : 30px;
	width: 200px;
	text-align: right;
}

.oneimageleft {
	position: absolute;
	left: 5px;
	top: 15px;
	width: 200px;
}

.oneimageright a
{
font:  10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.oneimageright a:link
{
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}

.oneimageright a:hover
{
color: #FF6600;
text-decoration: none;
}

.oneimageright a:visited
{
color: #666666;
text-decoration: none;
}
.teflspainpeople {
	float: right;
	background-color: #F6F6F7;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 140px
}

.teflspainpeopleinner {
	position: relative;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 10px;
	width: 140px;
	text-align: center;
}
.highlighttext {
	font-weight: bold;
	color: #FF0000;
}
.highlightorange {
	color: #FF6600;
}

.teflspaintestimonials {
	float: right;
	margin-left: 10px;
	margin-right: 5px;
	width: 200px; 
	height: 220px;
}


.teflspainvideo {
	float: right;
	margin-left: 15px;
	margin-right: 0px;
	width: 286px; 
	height: 277px;
}

.smalltext {
	font-size: 10px;
}

.socialmedia {
	margin-left: 20px;
}