@charset "UTF-8";

/* Layout Small Screens */
header { background: url(../images/banner_small.jpg) no-repeat left 0px;}

header a.logo {
	width: 80px;
	height: 72px;
	top: 5px;
	right: 20px;
	background-image: url(../images/logo_small.png);
}

article { padding: 20px 20px 10px 20px;}

nav {
	display: block;
	padding: 0px;
}

nav a {
	display: block;
	margin: 0px;
	padding: 9px;
	border-bottom: 1px solid #f5a06e;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
}

nav a:hover { color: #fff; background-color: rbga (255,255,255,.15;);}

.promo_container {
	padding: 0px;
	display:  block;
}

.promo_container .promo {
	padding: 10px 0px 0px 0px;
	background-position: 20px 13px;
	border-top: 1px solid #ccc;
}

.promo_container .promo .content {
	text-align:center;
	padding: 5px 10px 5px 10px;
}

/*.promo_container .promo .invite{
	width:200px;
	margin:auto;
	text-align:center;
	line-height:3em;
	}*/

footer { border-top: 1px solid #a6abc5; }

body { background-image: none; }

#hero { height: 100px; background: url(../images/banner_small.jpg) no-repeat left 0px;}
#hero .homepanel .caption { display: none;}

a.mobile_menu {
	display: block;
	width: 30px;
	height: 34px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #1c3b73 url(../images/mobile_link_menu.png) no-repeat 4px 4px;
	position: absolute; top: 64px; left: 10px;
	cursor: pointer;
	}
	
a.mobile_menu.selected { background-position: 4px -26px;}