/*
Theme Name: Web Courses Bangkok
Theme URI: http://www.webcoursesbangkok.com/
Description: Custom theme for Web Courses Bangkok
Version: 1.0
Author: Sam, Zack, Carl
Author URI: http://webcoursesbangkok.com/

*/

.action{
		font-weight:bold;
		border:1px solid gray;
		background:url(../../uploads/2011/11/icon-dw.png) 10px 10px no-repeat #f4f5f4;
		padding:10px 10px 5px 50px !important;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
min-height:50px
	}



.alignright { float:right; }
div#main-content-blog li.widget{font-size:14px;}
		
/* ================= ABOUT CSS ============================= */


	
	#about-bg{	
		background:url(../../uploads/2011/07/the-journey.gif) repeat-y top center;

	}
	

	ul#about-team{		
		overflow:hidden;
		padding-top:30px;
		}	
	
		ul#about-team img{
			background:none;
			
		}
		
		ul#about-team img, 
		ul#about-team a{
			margin:-1px;
			padding:0px;
			float:left;
			-moz-transition:all 0.2s linear;
			-webkit-transition:all 0.2s linear;
			-o-transition:all 0.2s linear;
		}
		
		ul#about-team img:hover{
			margin-top:-70px;
			
		}
		
			ul#about-team a.one{ /* Carl */
				background: url(../../uploads/2011/07/United-Kingdom.png) 15px 266px no-repeat;
			}
			ul#about-team a.two{ /* Taya */
				background: url(../../uploads/2011/07/Thailand.png) 15px 258px no-repeat;
			}
			ul#about-team a.three{ /* Pui */
				background: url(../../uploads/2011/07/Thailand.png) 15px 278px no-repeat;
			}
			ul#about-team a.four{ /* Mike */
				background: url(../../uploads/2011/07/Wales.png) 15px 258px no-repeat;
			}
			ul#about-team a.five{ /* Zack */
				background: url(../../uploads/2011/07/Thailand.png) 15px 248px no-repeat;
			}
			ul#about-team a.six{ /* Ben */
				background: url(../../uploads/2011/07/Australia.png) 15px 278px no-repeat;
			}
			ul#about-team a.seven{ /* Adam */
				background: url(../../uploads/2011/07/United-Kingdom.png) 15px 290px no-repeat;
			}
			ul#about-team a.eight{ /* Seth */
				background:url(../../uploads/2011/07/Canada.png) 15px 258px no-repeat;
			}
			ul#about-team a.nine{ /* Pete */
				background: url(../../uploads/2011/12/flag-british.png) 15px 282px no-repeat;
			}
			ul#about-team a.ten{ /* Tom */
				background: url(../../uploads/2011/11/Italy-Flag-50x50.png) 15px 278px no-repeat;
			}
			ul#about-team a.eleven{ /* Koen */
				background: url(../../uploads/2011/11/dutch_50.jpg) 15px 282px no-repeat;
			}
		
		ul#about-team a{
			display:block;
			width:84px;
			height:335px;
			
			
		}

/* ========== ABOUT BOX ============== */
		
.about-box{
	margin:600px auto 0 auto;
	border:1px solid #ccc;
	height:400px;
	position:relative;
	width:880px;
	padding:20px;
	background-image:url(../../uploads/2011/07/bg-20.png);
}

	.about-box img.tab{
			position:absolute;
			right:10px;
			top:-10px;
	}

	#content ul.about-nav{
		margin:0 auto 20px auto;
		list-style:none;
		overflow:hidden;
	}
	
			#content ul.about-nav li{
				display:inline;
				margin:0 16px;
				font-size:18px;
				height:40px;
			}
			
			#content ul.about-nav li a{
				font-size:16px;
			}

	.about-box div.col{
		width:440px;
		float:left;
	}
	
	.about-box .right{overflow:hidden;}
	.about-box .right{font-size:16px;}
	
	.about-box .left{
		position:relative;
		height:500px;
	}
	
		.about-box .left img{
			position:absolute;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
		}
		.about-box .left img:hover{
			-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			
		}

			.about-box .left img.one{left:10px; top:50px; z-index:2;}
		
			.about-box .left img.two{left:50px; top:200px; z-index:3}
			
			.about-box .left img.three{left:90px; top:350px; z-index:1}
			
			.about-box .left img.four{left:90px; top:550px; z-index:4}

	
	.about-box .shadow{
		border:5px solid white;
		-moz-box-shadow: 0px 0px 10px #999;
		-webkit-box-shadow: 0px 0px 10px #999;
        box-shadow: 0px 0px 10px #999;
	}
	
	.about-box .rotate20{
		-moz-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
		-webkit-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
		-o-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
		-ms-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
		transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
	}
	.about-box .rotate-20{
		-moz-transform: scale(1) rotate(-20deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(-20deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(-20deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(-20deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1) rotate(-20deg) translate(0px, 0px) skew(0deg, 0deg);
	}
	

 	#whatwedo{
	 	height:820px;
	}
	
	#howweteach{
		height:1020px;
	}
	
	#our-promise{
		height:820px;
	}
	
	#our-responsibility{
		height:820px;
	}
	
	#thank-you{
		height:800px;
	}
	
/* ================= Footer Logo's CSS ============================= */
	
	.logo {
		margin-bottom: 10px;
	}	    
	
	
/* ================= Contact Form CSS ============================= */

	#inputcaptcha {width: 100px;
	}