@charset "utf-8";
/* CSS Document */

a:link {
	text-decoration: none;
	color:#F60;
}

a:visited {
	text-decoration: none;
	color:#F60;
}

a:hover {
	text-decoration: none;
	color:#333;
}

a:active {
	text-decoration: none;
	color: #F90;
}

a img {
	border:none;
}

body{
	border:0;
	background:#F90;
	font-family: Sans-Serif;
}

figure
{
	width:50%;
	float:left;
	margin:0px;
	text-align:center;
	padding:0px;
}

iframe
{
	display:block;
}

table, th, td 
{
	border: 1px solid black;
	border-collapse: collapse;
}

td
{
	text-align: center;
}

th
{
	text-align: center;
}

table.center {
	margin-left:auto; 
    	margin-right:auto;
}

#container {
	<!--width:960px; -->
	<!--margin:0 auto;-->
}

#content1b {
	width:400px;
	background:#000;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	margin-left:20px;
	margin-top:15px;
	padding:10px;
	border-radius:5px;
	box-shadow:4px 4px 6px #000000;
}

#footer {
	color:#000;
	float:left;
	font-weight:bold;
	margin-left:10px;
	margin-top:250px;
}

#header{
	<!--width:800px;-->
	<!--height:190px;-->
}

#myform input[type="submit"] {
	background: #F90;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	float:right;
	margin-right:50px;
	margin-bottom:60px;
}

#myform input[type="text"] {
	width:200px;
	font-size:12px;
	color:#F90;
	background:#000000;
}

#myform legend {
	border:5px #F90;
	padding:10px;
	background:#F90;
	color:#333;
	border-radius:10px;
	margin:10px;
}

#nav 	{float:right;
}
	
#nav li {
	display:inline-block;
    	padding:10px;
	color:#000;
	font-weight:bold;
	line-height:35px;
	float:left;
	border-right:1px;
	font-size:20px;
	margin-top:80px;
	margin-right:20px;
}

.clear {
	clear:both;
}

.drop {
	background:#FFFFFF;
	box-shadow:4px 4px 6px #000000;
	padding:5px; 
        border-radius:5px;
	text-align:justify;
	display:inline-block;
}

.gs140 {
	margin:10px;
	float:left;
}

.gs300 {
	width:300px;
	min-height:120px;
	background: #FFF;
	float:right;
	border-radius:5px;
	box-shadow:4px 4px 6px #000000;
}

.gs620 {
	<!--width:620px;-->
	min-height:600px;
	background:#FFF;
	border-radius:5px;
	float:left;
	margin:10px;
	box-shadow:4px 4px 6px #000000;
}

.gs940 { 
	<!--width:960px;-->
	<!--min-height:150px;-->
        height:auto;
        margin:10px;
	background:#FFFFFF;
	border-radius:5px;
	box-shadow:4px 4px 6px #000000;
}

.margin130 {
	margin-left:70px; 
	margin-top:5px;
	float:left; 
	margin-bottom:20px;
}

.margin140 {
	margin-left:10px;
	margin-top:20px;
}

.margin150 {
	margin-right:10px; 
	margin-top:20px;
}

.pad {
	padding:20px;
}

.sender-message {
	width:200px;
	font-size:12px;
	color: #F90;
	background:#000000;
}

.thumb {
	float:right;
	padding-right:80px;
	padding-top:40px;
}

.thumtext {
	padding:20px;
	float:left;
}

@media only screen and (max-width: 767px) {

#container {
	width:750px;
}

#nav {
	float:none;
	width:100%;
}

#animation {
	width:100%;
	margin-left:0;
}

#info-button {
	width:100%;
	margin-left:0;}
}