@charset "UTF-8";

/*	=============================================
	=============================================
	Layout Small Screen
	=============================================
	=============================================*/

/* =Menu
==============================================================*/
/* main menu background and boarder */

nav {
	display:none;
}


/* =Page
==============================================================*/
/* main page background */	

#page {
	max-width: 480px;
}

/* =Header
==============================================================*/
header {
	height: 120px;
	border: 1px solid rgba(255,255,255,1);
	max-width: 480px;
}
header #slogan {
	background-image: url(../_images/slogan_sm.png);
	width: 150px;
	height: 60px;
	left: 30%;
	right: 30%;
}
header #title {
	top: 65%;
	left: 5%;
	font-size: 2em;
}



.spacer {
	display: none;
}


/* =Section
==============================================================*/
section {
	max-width: 480px;
}


/* =Article Banner
==============================================================*/
article {
	width: 99.9%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,1);
}
.adText {
	float: right;
	height: 55px;
	width: 65%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 1.2em;
}
.adImage {
	float: left;
	height: auto;
	width: 100px;
	background-color: rgba(204,204,204,1);
	/* [disabled]background-image: url(../_images/adImage1_med.jpg); */
}


/* = Main Content Section
==============================================================*/
#MainContent {
	width: 98%;
}

/* = Form Section
==============================================================*/



/* = Additional Content Section
==============================================================*/
#info h3 {
	font-size: 2em;
	line-height: 1em;
}


/* = Aside Section
==============================================================*/
aside {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.slider {
	width: 94%;
}