* {
	margin:0;
	padding:0;
}
/*
h2 {
	padding: 0.2em 0 0 0;
}
p {
	line-height:1.4em;
}
p + p {
	text-indent:2em;
}
*/
body {
	font-size:100%;
	text-align:center;
	background:#ddd;
}
#wrap {
	font: 1.0em Helvetica, Arial;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#f1f1f1;
/*	border:1px solid #000;*/
}
#header {
	float:left;
	background:#f1f1f1;
	border-bottom:1px solid #000;
	padding:10px;
}

#main {
	/*float:left;
	position:relative;*/
	/*right:738px;*/
	color:#0;
	/*padding:10px;*/
}

#side {
	float:left;
	position:relative;
	background:#f1f1f1;
	border-right: 1px solid black;
}
#side div{
	margin:auto;
}
#footer{
	clear: both;
	height: 20px;
	padding-top: 2px;
	position: absolute;
	color:#fff;
	background-color:#919191;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
}
#main h1{
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	color:grey;
	font-size:1.2em;
	text-shadow: 1px 1px 1px WhiteSmoke;
	margin-bottom: 20px;
	background-color: #c1c1c1;
	box-shadow:0px 20px 20px 0px #f1f1f1 inset;
	-webkit-box-shadow:0px 20px 20px 0px #f1f1f1 inset;
	-moz-box-shadow:0px 20px 20px 0px #f1f1f1 inset;
	-o-box-shadow:0px 20px 20px 0px #f1f1f1 inset;
}

#main h2{
	text-align:center;
	font-style:italic;
	margin: 0;
}
.content{
	/*
	padding: 10px 30px 0px 30px;
	text-align:justify;
	overflow:hidden;
	*/
		background-color: #fff;
		color:black;
		/*width:95%;*/
		/*margin: 1%;*/
		margin-top: 1%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 0%;
		
		overflow:hidden;
		border: 1px solid lightgrey;
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		font-weight:bold;
		line-height:41px;
}

.content:first-of-type{
		margin-top: 0%;
		
}


.content-div{
	border-bottom: 1px solid lightgrey;
	width: 100%;
	/*padding-left:2%;*/
	padding-right:2%;
}
.content-write{
	text-align: center;
	/*cursor: pointer;*/
}
.content div:last-of-type{
	border: none;
}

.smoothie{
	margin: 10px;
}
.text{
	/*
		background-color: #fff;
		border: 1px solid lightgrey;
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		font-weight:bold;
		line-height:41px;
		*/
		margin: 0 5%;
		overflow:hidden;		
		color:grey;
		width:90%;
		text-align:justify;

}
#header img {
	height:70px;
}

@media only screen and (orientation:landscape){
	#wrap {
		width:1024px;
		height:748px;
	}
	#header {
		width:100%;
		height:70px;
	}
	/*
	#main {
		width:807px;
		height:638px;
	}
	*/
	#side {
		width:216px;
		height:inherit;
	}
	#side img{
		width:216px;
		position:absolute;
		top:270px;
	}
	
	#footer{
		top:728px;
		width: 1024px;
	}
	#progress{
		background-color: rgba(0,0,0,0.7);
		color:white;
		height: 80px;
		width:200px;
		position: absolute;
		left:304px;	
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		top:279px;
		font-weight:bold;
		line-height:80px;
		text-align:center;
		
	}
}

@media only screen and (orientation:portrait){
	/* portrait mode */
	#wrap,
	#header,
	#footer,
	#side,
	#main {
		width:768px;
	}
	#header{
		height: 70px;
	}
	#wrap {
		height:1024px;
	}
	#main {
		height: 795px;
		padding-top:10px;
	}
	#main h1{
		padding-top: 0px;
		height: 20px;
		line-height: 20px;
		padding-bottom:8px;
	}
	#side {
		height:40px;
		/*background-color: white;*/
	}
	#side div{
		display:none;
	}
	#footer{
		top:1004px;
	}
}