@charset "utf-8";

html {height:100%;margin-bottom:1px;}

body
{	font:62.5%/1.2 Helvetica, Arial, sans-serif;	padding: 0 0 0 0;	margin: 0 0 0 0;		border: 0 0 0 0;	background-attachment: fixed;	background-position: center center;} 

#container { 	width:100%;	height:100%;	padding: 0 0 0 0;	background-color:#ffcc33;}
#header {	width:80%;	height:0;	padding-bottom:13%;	margin-left: auto;    margin-right: auto;}
#nav {	width:80%;	height:auto;	text-align:center;	padding: 0 0 6% 25%;	margin-left: auto;    margin-right: auto;}

#main{	width:80%;	clear:both;	padding-left: 10px;	padding-bottom: 10px;	margin-left: auto;	margin-right: auto;	vertical-align: top;	font-size: 14px;	font-family:Arial, Helvetica, sans-serif;	color:#330066;	position:relative;	border-color:#3300CC;	background-color:#FFFFFF;	}

.floatright { float: right; clear: right; }
.floatleft { position:absolute; bottom:0; }

#box{ background-color:#ffcc33; height: 10px; }

#footer {	width:80%;	background-color:#ffffff;	color:#330066;	margin-left: auto;	margin-right: auto;	clear: both;	padding-top: 0px;	padding-bottom: 0px;	font-size: 14px;	font-family:Arial, Helvetica, sans-serif;}
.address {padding-left:40%;}

a:link {color:#000033;}      /* unvisited link */
a:visited {color:#000033;}  /* visited link */
a:hover {color:#000033;}  /* mouse over link */
a:active {color:#000033;}  /* selected link */

@media screen and (max-width: 800px) {
#header {	width:100%;}
#nav {	width:100%;}
#main{ 	width:100%; }
#footer {	width:100%;}
.address {padding-left:15%;}

}