@charset "UTF-8";
/* 
CSS Document */

@import url('https://fonts.googleapis.com/css?family=Kanit:200,300,500');



body 	{
	background-color: #e2e2e2;

		font-size: 13px;

		font-family: 'Kanit', sans-serif;

		font-weight: 200;
	
	color: #363636; 
}



p 	{
	line-height: 140%;
 }



header	{	z-index: 1000;
	
	position: fixed;
		background-color: #fff;

		width: 100%; 
}



#header-content {
	width: 960px;
	
			margin-left: auto;
		
	margin-right: auto;
		
	height: 130px;

			position: relative; }


#header-content img{
	position: relative;
			left: 0px;
			top: 8px ; }

#social-icons	{	position: absolute;
			right: 0px;
			Top: 38px;
			}

#social-icons img	{	margin-left: 10px; }




nav 	{
	background-color: #000;

		color: #fff;
	
	width: 100%;
	
	text-align: center;
	
	font-size: 14px;
	
	font-weight: 300; 
}



nav ul 	{
	display: block;
	
		padding: 14px 0 16px; 
}



nav li 	{
	display: inline-block;
 }



nav a 	{
	padding: 10px 30px 5px;
 }



nav a:link {
	color: #fff;
	text-decoration: none;
}



nav a:hover {
	background-color: #acacac;

		color: #000;
	
	border-bottom: 7px solid #e50069;
 }



#wrapper {	padding-top: 174px;
	
	width: 960px;

		margin-left: auto;

		margin-right: auto;
	
	background-color: #fff;
	
		overflow: hidden; 
}



main 	{
	padding: 10px; 
}



#center-content {	
max-width: 100%;
		
	background-color: #e2e2e2;
		
	padding: 16px;

			margin-top: 6px;
		
	margin-bottom: 16px; }



h1 	{
	font-size: 28px;
	
	font-weight: 500;
	
	border-bottom: 1px solid #c2c2c2;
	
	margin-bottom: 14px;
}



#center-content p {
	font-size: 14px;
		
	line-height: 150%; 


}

#col1, #col3 	{
	width: 300px;
		
	float: left;
		
	margin-bottom: 16px;
		
	text-align:justify;
 }


#col2 {
		width: 300px;

		margin-left: 20px;
	
	margin-right: 20px;
	
	margin-bottom: 16px;

		float: left;
	
	text-align:justify; 
}



#gender, #color, #age {
	position: relative;
			height: 118px;

			max-width: 300px;
		
	margin-bottom: 16px;
 }



#gender {
	background-image:url(../images/gender-bg.jpg); 
}



#color {
	background-image:url(../images/color-bg.jpg);
 }



#age {
		background-image:url(../images/age-bg.jpg);
 }



h2 {		position: absolute;
		left: -2px;
		bottom: -9px;
		font-weight:500;
	
	font-size: 60px;
	
	color: #fff;
 }



footer {
	background-color: #000;

		color: #fff;

		font-size: 10px;
	
	text-align:center;
	
	padding: 12px;
	
	clear: both; 
}