@charset "UTF-8";
/* Home Layout Small Screens */

html { text-align: center; min-width: 319px; }
body { margin: 5%; text-align: left; /*-webkit-border-radius: 0 12px; -moz-border-radius: 0 12px; border-radius: 0 12px;*/ }
div#homewindow {
	position: relative;
	width: 100%;
	min-height: 650px;
	background-color: none;
	background: url(../graphics/index_img.jpg) no-repeat right 0px;
}

div#branding_home { position: absolute; top: -99999px; display: none; }

div#flash_home { position: absolute; top: -99999px; left: -99999px; width: 100%; height:auto; text-align:right; margin:0;}



/* footer div */
div#nav_footer { position: absolute; top: 80px; text-align: left; clear: both; padding: 0 5px 0; min-height: 570px; font-size: .8em; }
div#nav_footer p { display: block; position: absolute; top: 532px; left: 0px; width: 415px; padding: 2.2em .8em .8em .8em; text-align: left;}

nav { display: block; position: absolute; top:0px; left:0px; padding: 10px 0px;}
#nav li { float: none; display: block; }
#nav #jump { position: absolute; left:-99999px; display: none; }
#nav #about { position: absolute; top: 0px;}
#nav #design { position: absolute; top: 40px;}
#nav #media { position: absolute; top: 80px;}
#nav #arts { position: absolute; top: 120px;}

#nav a { display: block; width: 160px; background-color:rgba(67,45,30,.8); text-align: left; color: #fff; margin: 3px 15px; padding: 9px; border: 0px;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
}
#nav a:link, #nav a:visited { color: #fff; font-size:12px; border: 0px;}
#nav a:hover { color: #fff; /*background-color:rgba(46,31,20,.82);*/ background-color:rgba(181,0,0,.85); border: 0px;}