body {
	background:#FFF;
	color: #666666;
	font-family:Montserrat,Helvetica,Tahoma,Arial,sans-serif;
	font-size:13px;
	line-height:1.4em;
    margin: 0;
	
	height: 100%;
	min-width: 740px;
}
	
/*a img{border:none;}
h1,h2,h3,h4{clear:left;color:#666666;font-weight:400;margin:0.4em 0;}
h1{font-size:2.6em;}
h2{font-size:2.4em;}
h3{font-size:1.9em;}
p{margin:0 0 12px 0;}
ul{margin:0 0 12px 14px;}
li{padding-bottom: 6px;}
i,em {font-style:italic;}
b,strong {font-weight:700;}*/

h1 {
    color:#666666;
    font-weight:400;
    font-size: 34px;
    margin: 3%;
	line-height:1.1em;
}

h2 {
    color:#666666;
    font-weight:400;
    font-size: 22px;
}

#wrapper {
	
    min-height: 100%;
    position: relative;
}

#content {
	
	min-height: 70%;
}

#title {
    
    text-align: center;
    margin: 6% auto 4%;
	width: 54%;
}

#al_box {
    
    background-color: #A4CD6D;
    width: 49%;
    height: 220px;
    float: left;
	color: #FFF;
}

#flower_image {
	
	float: right;
	height: 250px;
	position: relative;
	top: -116px;
}

#al_logo {
	
	width: 240px;
	margin: 40px 0px 0 0px;
	padding: 0 24px 0 10px;
	float: right;
}

#uat_box {
    
    background-color: #77A36A;
    width: 49%;
    height: 220px;
    float: right;
	color: #FFF;
}

#uat_logo {
	
    width: 320px;
	margin: 35px 0px 0 30px;
}

.uat_links {

	width: 290px;
	margin: 40px 0px 0 30px;
}

.uat_link_title {
	
	text-align: left;
	width: 84%;
}

.uat_link_lang {
	
	text-align: right;
}

.al_links {

    clear: both;
    float: right;
	width: 234px;
	margin: 54px 28px 0 20px;	
}

.al_link_title {
	
	text-align: left;
	width: 84%;
}

.al_link_lang {
	
	text-align: right;
}

#footer {
    
	/*display: none;*/
	clear: both;
    text-align: center;
    font-size: 12px;
    width: 100%;
	position: absolute;
	left: 0;
	bottom: 0px;
}

a {
	color:#FFF;
	text-decoration:none;
}

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

/* --------- Smartphone ----------- */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
/*@media screen and (max-width: 640px) {*/
	
	body {
		font-size: 26px;
	}

	#title {
		width: 64%;
		margin: 7% auto 4%;
	}

	h1 {
	    font-size: 68px;
	}
	
	h2 {
	    font-size: 44px;
		margin-top: 48px;
		margin-bottom: 80px;
	}
	
	#al_box {
	
		/*background-color: red;	*/
		float: none;
		margin: 0 auto 10px;
		width: 100%;
		height: 400px;
	}
	
	#al_logo {
	
		float: none;
		display: block;
		width: 480px;
		margin: 40px auto;
		padding: 50px 24px 0 50px;
	}
	
	#flower_image {
	
		height: 350px;
		float: left;
		top: -330px;
		left: 80px;
	}
	
	.al_links {
		
		float: none;
		width: 444px;
		margin: 0 auto;
		padding-top: 60px;	
	}
	
	#uat_logo {
	
		float: none;
		display: block;
		width: 580px;
		margin: 30px auto;
		padding-top: 60px;
		padding-right: 50px;
	}
	
	.uat_links {
		
		float: none;
		width: 450px;
		margin: 0 auto;
		clear: both;
	}
	
	#uat_box {

		/*background-color: blue;*/
		float: none;
		margin: auto;
		width: 100%;
		height: 400px;
	}
	
	#footer {
		
		/*display: none;*/
	    font-size: 24px;
		position: relative;
		left: 0;
		bottom: -40px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
}

/* -------- Tablets----------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
/*@media screen and (min-width: 768px) and (max-width: 1024px){*/

	body {
		
		font-size: 16px;
	}

	#title {
		margin: 15% auto 4%;
	}

	h1 {
		
	    font-size: 48px;
	}
	
	h2 {
	    font-size: 28px;
		margin-top: 38px;
		margin-bottom: 80px;
	}

	#al_box {
		/*background-color: magenta;*/
		height: 320px;
	}
	
	#al_logo {
	
		width: 280px;
		margin: 40px 0px 0 0px;
		padding: 0 24px 0 50px;
	
	}
	
	#flower_image {
	
		top: -74px;
		left: 0px;
	}
	
	.al_links {
		
		width: 274px;
		margin: 134px 28px 0 50px;	
	}
	
	#uat_box {
		/*background-color: green;*/
		height: 320px;
	}
	
	#uat_logo {
	
		width: 340px;
		margin: 35px 0px 0 30px;
	}
	
	.uat_links {

		margin: 124px 0px 0 34px;
	}

	#content {
	
		min-height: 660px;
	}

	#footer {
		
		/*display: none;*/
	    font-size: 16px;
		position: relative;
		left: 0;
		bottom: -40px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
}


.clearer {
	
	clear: both;
}