@charset "UTF-8";

/* Layout Small Screens */


header {
	height: 75px;
	background: url(../images/banner_small.jpg) no-repeat right 0px;
}

header a.logo {
	top: 75%;
	right: 15px;
	background-image: none;
	z-index: 20;
}

header a {
	color:#000;
	font-family: "Dosis", san-serif;
	top: 28px;
	right: 30px;
	text-decoration: none;
	font-size: 36px;
} 

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

nav {
	display: block;
	position: static;
	padding: 10px 0px 10px 0px;
	background-color: #626262;
}

nav a {
	color: #a6abc5;
	display: block;
	margin: 15px;
	padding: 9px;
	border: 1px solid #a6abc5;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

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

.promo_container { padding: 0px; }

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

.promo_container .promo .content { padding: 0px 20px 5px 90px; }


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

body { background-image: none;  }

/* CSS Document */

.banner{position:absolute; z-index:1; height:85px; width:500px; top:0px; background:#000; border:none}
.banner h1{
	position: absolute;
	bottom:20px;
	right:20px;
	font-family:"Dosis", san-serif;
	color:#444;
	float:right;
	width:50%;
	font-size:40px;
	text-align:right;
	line-height:100%;
	font-weight: normal;
	background-color: #FFF;
}
#banner1{
	background-image:url(../images/panel_01_sm.jpg);
}
#banner2{
	background-image:url(../images/panel_02_sm.jpg);
}
#banner3{
	background-image: url(../images/panel_03_sm.jpg);
}
#banner4{
	background-image: url(../images/panel_04_sm.jpg);
}
#banner5{
	background-image: url(../images/panel_05_sm.jpg);
}