html {overflow: -moz-scrollbars-vertical; margin:0; padding:0; font-family: 'Ubuntu', sans-serif; font-size:12px; line-height:18px; color:#221b0b}
body {padding:0; margin:0; min-width:1000px; overflow-x:hidden}
.shader {box-shadow: 0px 1px 5px rgba(0,0,0, 0.4)}

h1,h2,h3,h4,h5,h6 {color:#0c9900; text-shadow: 0px 1px 5px rgba(0,0,0,0.3)}
h1 {font-size:28px; line-height:28px}
h2 {font-size:24px}
h3 {font-size:20px}
a {color:#eee; text-decoration:underline}
a:hover {color:#fff; text-decoration:none}

div#background {width:100%; height:100%; z-index:1; background:url(../images/background.jpg); background-position: center top; position:absolute;}
div#background-small {width:536px; height:296px; background:url(../images/circle-bottom.png); position:fixed; bottom:0px; z-index:2}
div#background-nav {width:100%; margin-top:110px; position:absolute; z-index:3; background:url(../images/navbg.jpg); height:60px}
div#background-slider {width:591px; height:435px; position:absolute; z-index:4; background:url(../images/circle-top.png); left:50%; margin-left:110px}

div#container {width:1000px; position:absolute; z-index:10; left:50%; margin-left:-500px;}
div#slideshow {position:absolute; margin-left:812px; margin-top:41px; z-index:1}
div#slideover {position:absolute; margin-left:791px; margin-top:41px; z-index:2; background:url(../images/slider-overlay-small.png); width:230px; height:191px}
div#navigation {margin-top:110px; height:60px; line-height:60px; text-shadow: 0px 1px 5px rgba(0,0,0,0.3); padding-left:10px; font-size:13px; margin-bottom:20px}
div.nav, div.navact {float:left; padding-left:10px; padding-right:10px}
div.navact {background:url(../images/navact.jpg); font-weight:bold}
div.nav a {color:eee; text-decoration:none}
div.nav a:hover {color:#fff; text-decoration:none}
div.navact a{color:#0c9900; text-decoration:none}
div.navact a:hover {color:#0c9900; text-decoration:none}
div#subnav {min-height:1px; width:250px; float:left; clear:left;  text-shadow: 0px 1px 5px rgba(0,0,0,0.3); font-size:13px; padding-top:56px}
div#content {color:#fff; float:left; width:500px}
div#content a {color:#1dff0b; text-decoration:none}
div#content a:hover {color:#fff; text-decoration:none}
div#footer {clear:both; font-size:11px; margin-top:40px}
div.subnav, div.subnavact {padding-left:20px; padding-right:20px; clear:both; padding-top:10px; padding-bottom:10px}
div.subnavact {font-weight:bold}
div.subnav a{color:#eee; text-decoration:none}
div.subnav a:hover {color:#fff; text-decoration:none}
div.subnavact a {color:#0c9900; text-decoration:none}
div.subnavact a:hover {color:#0c9900; text-decoration:none}

input, textarea, select {width:150px; font-family: 'Ubuntu', sans-serif}

div.clear {clear:both}
div.float {float:left; width:25%}
div#navpos {clear:both}

@media only screen and (max-width: 999px) {
	body {overflow:auto}
	div#slideshow, div#slideover, div#background-slider {display:none}
	div#navigation {margin-top:0px; margin-bottom:0px; line-height:40px; height:40px}
	div#background-nav {margin-top:0px}
	div#container {width:100%; left:0%; margin-left:0px}
	div#content {width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px);  width: calc(100% - 40px); margin:0px; padding-left:20px; padding-right:20px; max-width:500px; margin-left:auto; margin-right:auto}
	div#subnav {width:100%; padding-top:0px; background-color:#444}
	div.subnav, div.subnavact {float:left; clear:none; }
}