/* Header logo */

#home header h1 {
	height: inherit;
	width: 108px;
	text-indent: -1000px;
	overflow: hidden;
	margin: -7px auto 0 auto;
	background: url(../../img/heading_logo.png) center center no-repeat;
}



/* Near me button with icon */

#home a[data-role="button"][href="#nearby"] {
	position: absolute;
	left: 0.5em;
	text-indent: -1000px;
	overflow: hidden;
}

#home a[data-role="button"][href="#nearby"]:before {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../../img/icons/icons.png) 0px -224px no-repeat;
}



/* Search button with icon */

#home header a[data-role="button"][href="#search"] {
	position: absolute;
	right: 0.5em;
	text-indent: -1000px;
	overflow: hidden;
}

#home header a[data-role="button"][href="#search"]:before {
	content: "";
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../../img/icons/icons.png) 0px -416px no-repeat;
}



/* Buttons common settings */

#home nav section[data-role="categories"]:after,
#home nav section[data-role="personal"]:after {
	content: '';
	display: block;
	clear: both;
}

#home nav a[data-role="button"] {
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 32px;
}

#home nav section[data-role="categories"] a[data-role="button"] {
	/*text-align: left;*/
}


#home nav a[data-role="button"]:before {
	content: ".";
	display: inline-block;
	height: 32px;
	width: 32px;
	text-indent: -1000px;
}

#home nav section[data-role="categories"] a[data-role="button"]:before {
	margin-right: 0.25em;
}



/* Categories buttons layout */

#home nav section[data-role="categories"] a[data-role="button"]:nth-child(2n) {
	float: right;
	width: 49%;
}

#home nav section[data-role="categories"] a[data-role="button"]:nth-child(2n+1) {
	float: left;
	width: 49%;
}



/* Personal buttons layout */

#home nav section[data-role="personal"] a[data-role="button"] {
	float: left;
}

#home nav section[data-role="personal"] a[data-role="button"]:nth-child(1) {
	width: 32%;
	margin-right: 1%;
}

#home nav section[data-role="personal"] a[data-role="button"]:nth-child(2) {
	width: 32%;
	margin-left: 1%;
	margin-right: 1%;
}

#home nav section[data-role="personal"] a[data-role="button"]:nth-child(3) {
	width: 32%;
	margin-left: 1%;
}



/* Bars & clubs button with icon */

#home a[data-role="button"][href="#bars_and_clubs"]:before {
	background: url(../../img/icons/icons.png) 0px -576px no-repeat;
}



/* Hightlife & music button with icon */

#home a[data-role="button"][href="#events"]:before {
	background: url(../../img/icons/icons.png) 0px -704px no-repeat;
}



/* Restaurants button with icon */

#home a[data-role="button"][href="#restaurants"]:before {
	background: url(../../img/icons/icons.png) 0px -736px no-repeat;
}



/* Hotels button with icon */

#home a[data-role="button"][href="#hotels"]:before {
	background: url(../../img/icons/icons.png) 0px -672px no-repeat;
}



/* Films button with icon */

#home a[data-role="button"][href="#films"]:before {
	background: url(../../img/icons/icons.png) 0px -640px no-repeat;
}



/* Body & mind button with icon */

#home a[data-role="button"][href="#body_and_mind"]:before {
	background: url(../../img/icons/icons.png) 0px -608px no-repeat;
}



/* Favorites button with icon */

#home a[data-role="button"][href="#favorites"]:before {
	background: url(../../img/icons/icons.png) 0px -352px no-repeat;
}


/* Inspire me button with icon */

#home a[data-role="button"][href="#inspire_me"]:before {
	background: url(../../img/icons/icons.png) 0px -864px no-repeat;
}


/* Top 10 button with icon */

#home a[data-role="button"][href="#top10"]:before {
	background: url(../../img/icons/icons.png) 0px -384px no-repeat;
}



/* Banner */

#home section[data-role="ad_banner"] img {
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}