@charset "utf-8";
/* SCREEN CSS Document */

body{
	background:url(images/bg-repeat.jpg) repeat-y #d0c39a; 
}

.clear{clear:both;}

#logo-image{
	position:absolute;
	bottom:0px;
	left:47%;
	z-index:1;
}

#container{
	width:833px;
	margin:auto;
	position:relative;
	z-index:0;
}


/*============= HEADER =============== */

.header h1{ 
	background:url(images/web-courses-bangkok.png) no-repeat; 
	height:80px; 
	margin-top:87px;
}

.header h1 span{display:none;}

.header h2{ 
	color:#FFF; 
	font-family:"Times New Roman", Times, serif; 
	letter-spacing:19px; 
	text-shadow:#666 1px 1px 3px;
	font-size:25px;
}

.header p{ 
	color:#FFF; 
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	line-height:30px;
	letter-spacing:1px; 
}

.header a{ 
	color:#FFF; 
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	line-height:30px;
	text-decoration:none;
	border-bottom:#FFF 1px dashed;
	letter-spacing:2px; 
}

.header a:hover{ 
	color:#594f35; 
	border-bottom-color:#594f35;
} 


/*============= COURSE =============== */

#inner{
	width:400px;
	margin-top:55px;
	z-index:3px;
}

.course span{
	background-image:url(images/transparent-bg.png);
	display:block;
	margin-bottom:40px;

	padding:10px 20px 15px 0;
	text-align:right;
	position:relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.course span a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	border-bottom:#FFF 2px dotted;
}

.course span a:hover{ 
	text-decoration:none; 	
	border-bottom:solid 2px;; 
}

.course img{
	position:absolute;
	bottom:10px;
	left:20px;
}

.course .course-site{
	font-size:18px;
}

.course .trainees-site{
	margin-left:70px;
	font-size:15px;
}

/*============= LISTING =============== */

.listing{margin-top:20px; }

.listing span{ 
	background-image:url(images/transparent-bg.png); 
	padding:25px;
	margin:20px 20px 20px 0;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:block;
	float:left;
	width:200px;
}

.listing span a{
	color:#fff;
	font-size:25px;
}

.listing span a:hover{
	text-decoration:none;
}


.listing span img{
	float:left;
	margin-right:10px;
}

.link-top{
	color:#fff;
	font-size:20px;
}