* { margin: 0; padding: 0; }
body { padding:20px 0px 10px 20px; background: #252525; color: #000; font: 14px/normal Verdana, Arial, Helvetica, sans-serif; }

/*fonts*/
h1 { margin-bottom: .5em; border-bottom: solid 0px #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 180%; text-indent: 0px; letter-spacing: 0px; }

h2 { margin-bottom: .5em; border-bottom: solid 0px #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 150%; text-indent: 0px; letter-spacing: 0px; }

h3 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%; text-indent: 0px;  }

h4 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 70%; text-indent: 0px;  }

h5 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align:center; color: #dbdbd1; font-size: 70%; text-indent: 6px;  }

h6 { margin-bottom: .5em; border-bottom: solid 0px #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 120%; text-indent: 0px; letter-spacing: 0px; }

/*unknown*/

cite { float: right; }
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }

img#background { min-height: 100%; min-width: 800px; width: 100%; height: auto; position: fixed; top: 0; left: 0 }
@media screen and (max-width: 800px) { img#background { left: 50%; margin-left: -400px; }}

/*scroll box*/
.scrollArea {
width: 474px; 
height: 560px;
padding-left: 10px;
padding-right: 10px; 
border-color: #dbdbd1;
border-width: 1px; 
border-style: solid;
float: left; 
overflow: auto;
}

/*scroll box*/
.scrollAreaContact {
width: 474px; 
height: 300px;
padding-left: 10px;
padding-right: 10px; 
border-color: #dbdbd1;
border-width: 1px; 
border-style: solid;
float: left; 
overflow: auto;
}
	
#content {
background-color: #fff;
width: 500px;
background: #dbdbd1;
padding: 0px;
float: left;
}

#content2 {
background-color: #000000;
width: 700px;
background: #2c333d;
padding: 0px;
float: left;
}

#content3 {
background-color: #ffffff;
width: 680px;
background: #ffffff;
padding: 10px;
float: left;
}

#content4 {
background-color: #ffffff;
width: 680px;
background: #dbdbd1;
padding: 0px;
float: left;
}

#wrappersky {
  position: center;
left:40px;
top:40px;
  width: 500px;
  height: relative;
  margin: 0px auto;
  background-color:#2c333d;
  color: #2c333d;
  border: thin solid #000000;
}

#wrapper {
  position: center;
left:40px;
top:40px;
  width: 1200px;
  height: relative;
  margin: 0px auto;
  background-color:#2c333d;
  color: #2c333d;
  border: medium solid #000000;
}

* html #wrapper {height:100%;} /*for ie6, same as min-height*/

#wrapperR {
  position: center;
left:40px;
top:40px;
  width: 1200px;
  height: relative;
  margin: 0px auto;
  background-color:#dbdbd1;
  color: #2c333d;
  border: medium solid #000000;
}

* html #wrapperR {height:100%;} /*for ie6, same as min-height*/

#header {
width: 500px;
padding: 0px;
margin: 0px;
text-align: center;
}

/*navigation bar*/
ul {
margin-top: 0px;
margin-bottom: 0px; 
list-style-image: url(your custom bullet);
color: #333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px; 
padding-left: 20px; 
line-height: 1.3em;
} 

#navigation
{
	float: left;
	width: 500px;
	background: #000000;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #dbdbd1;
	text-decoration: none;
	border-right: 1px solid #dbdbd1;
}

#navigation li a:hover { background: #610B0B; }


#foot1 { 
 width: 1190px;
 position: relative;/* this gives IE6 hasLayout to properly clear */
 clear: both;
 color: #dbdbd1;
 height:10px;
 padding: 5px;
 background: #000000;
}