a{ color:#FFF;}

a:hover{ color:#F00;}

#wrap {

	margin: 0 auto;

}



.inner {

	margin: 0 auto;

}



.relative {

	position: relative;

	z-index:100000;

}



.right {

	float: right;

}



.left {

	float: left;

}



/* HEADER */

#wrap > header {

	padding-bottom: 20px;

}



#navigation {

	position: absolute;

	bottom: 0px;

}



#menu-toggle {

	display: none;

	float: right;

}



/* HEADER > MENU */

#main-menu {

	float: right;

	font-size: 0;

	margin: 10px 0;

	

}



#main-menu > li {

	display: inline-block;

	margin-right:34px;

	padding: 2px 0;

}



#main-menu > li.parent {

	background: url(http://www.phukettopteam.com/news/wp-content/themes/twentytwelve/images/plus-gray.png) no-repeat right center;

	background-size: 8px 6px;

	background-repeat: no-repeat;

}



#main-menu > li.parent > a {

	/*padding-left: 14px;*/

}



#main-menu > li > a {

	color:#adabab;

	font-family: 'Roboto', sans-serif; font-size:16px;

	line-height: 14px;

	padding: 30px 15px 0 0;

	text-decoration:none;

}



#main-menu > li:hover > a,

#main-menu > li.current-menu-item > a {

	color: #FFF;

}



/* HEADER > MENU > DROPDOWN */

#main-menu li {

	position: relative;

}



ul.sub-menu { /* level 2 */

	display: none;

	left: 0px;

	top: 19px;

	padding-top: 10px;

	position: absolute;

	width: 192px;

	z-index: 9999;

}



ul.sub-menu ul.sub-menu { /* level 3+ */

	margin-top: -1px;

	padding-top: 0;

	left: 149px;

	top: 0px;

}



ul.sub-menu > li > a {

	background-color: #333;

	border: 1px solid #444;

	border-top: none;

	color: #bbb;

	display: block;

	font-size: 14px;

	line-height: 15px;

	padding: 10px 12px;

}



ul.sub-menu > li > a:hover {

	background-color: #2a2a2a; 

	color: #fff;

}



ul.sub-menu > li:first-child {

	border-top: 3px solid #F00;

}



ul.sub-menu ul.sub-menu > li:first-child {

	border-top: 1px solid #444;

}



ul.sub-menu > li:last-child > a {

	border-radius: 0 0 2px 2px;

}



ul.sub-menu > li > a.parent {

	background-image: url(../images/arrow.png);

	background-size: 5px 9px;

	background-repeat: no-repeat;

	background-position: 95% center;

}



#main-menu li:hover > ul.sub-menu {

	display: block; /* show the submenu */

}



@media all and (max-width: 991px) {



	#navigation {

		position: static;

		margin-top: 20px;

	}



	#menu-toggle {

		display: block;

	}



	#main-menu {

		display: none;

		float: none;

	}



	#main-menu li {

		display: block;

		margin: 0;

		padding: 0;

	}



	#main-menu > li {

		margin-top: -1px;

	}



	#main-menu > li:first-child {

		

	}



	#main-menu > li > a {

		background-color: #333;

		border: 1px solid #444;

		color: #bbb;

		display: block;

		font-size: 14px;

		padding: 12px !important;

		padding: 0;

	}



	#main-menu li > a:hover {

		background-color: #444; 

	}



	#main-menu > li.parent {

		background: none !important;

		padding: 0;

	}



	#main-menu > li:hover > a,

	#main-menu > li.current-menu-item > a {

		border: 1px solid #444 !important;

		color: #fff !important;

		

	}



	ul.sub-menu {

		display: block;

		margin-top: -1px;

		margin-left: 20px;

		position: static;

		padding: 0;

		width: inherit;

	}



	ul.sub-menu > li:first-child {

		border-top: 1px solid #444 !important;

	}



	ul.sub-menu > li > a.parent {

		background: #333 !important;

	}

	#main-menu{ margin:24px 0 0 0; position:absolute; width:100%; background:#333; height:300px; overflow:scroll; overflow-x:hidden;}

}