/* fix for ie 6 transparency */

* html background-image,
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* end png  fix */

/***********/
/* reset */
/********/


html, body, div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, p, img, a {
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  outline: none;
	/*  -moz-outline: none;*/
}

/***********/
/* global */
/*********/

body {
  background: #212b2e url('background2.jpg') no-repeat top left;
	width:5000px;
  font-size: .9em;
  font-family: "MS Sans Serif", Geneva, Sans-Serif;
  color: #1a2123;	
 }

p, label, ul, ol, a{
	padding-bottom:2px;
}

p, h1, h2, h3 {
	padding-bottom: 12px;
}

h1 {
font-size: 135%;
color: #6f803b;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: .75px;
font-weight: normal;
}

em { font-family: Verdana; }


/*************/
/* sections */
/***********/

#main{
	padding-top:173px;
	float:left;
}

#main #title{
	display:none;
}

.section {
	margin: 0px 30px 0 0px; 
	padding-left: 30px; 
	float: left; 
	width: 400px;
	height: auto;
}

.design {
	margin: 0px 30px 0 0px; 
	padding-left: 30px; 
	float: left; 
	width: 700px;
	height: auto;
}

.end {
	margin: 0px 30px 0 0px; 
	padding-left: 30px; 
	float: left; 
	width: 275px;
	height: auto;
}

/************************************/
/* navigation from listutorial */
/************************************/

.menu {
padding-top: 102px;
padding-left: 40px;
height: auto;
float:left;
width:201px;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li, #navcontainer2 ul li {
	margin-bottom: 6px;
}

#navcontainer ul li a
{
background: transparent url(bullet.png) left center no-repeat;
padding-left: 20px;
text-align: left;
text-decoration: none;
color: #212b2e;
font-weight: bold;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
}

#navcontainer ul li a:hover
{
background: transparent url(bullet_hover.png) left center no-repeat;
color: #8fa074;
}

#navcontainer ul li a#current
{
background: transparent url(bullet.png) left center no-repeat;
color: #1a2123;
}

#navcontainer2 ul
{
list-style-type: none;
text-align: left;
margin-left: -30px;
}

#navcontainer2 ul li a
{
background: transparent url(bullet_hover.png) left center no-repeat;
padding-left: 23px;
text-align: left;
text-decoration: none;
color: #6f803b;
font-family: Georgia, "Times New Roman", Times, serif;
}

#navcontainer2 ul li a:hover
{
background: transparent url(bullet_hover2.png) left center no-repeat;
color: #8fa074;
}

#navcontainer2 ul li a#current
{
background: transparent url(bullet_hover.png) left center no-repeat;
color: #6f803b;
}

/**********/
/* other */
/********/

#arrows {
	position: fixed;
	top: 565px;
	left: 220px; 
	width: 110px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 50px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 50px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(back.png) no-repeat;}
#arrows ul #right a{background: transparent  url(forward.png) no-repeat;}

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

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

a:hover {
	color: #8fa074;
	text-decoration: underline;
	}

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

.bottomNAV {
	font-size: 75%;
}

a.bottomNAV:link {
	color: #6f803b;
	text-decoration: none;
}

a.bottomNAV:visited {
	color: #6f803b;
	text-decoration: none;
}

a.bottomNAV:hover {
	color: #8fa074;
	text-decoration: underline;
	}

a.bottomNAV:active {
	color: #6f803b;
	text-decoration: none;
}

/*
#redux {
position: fixed;
bottom: -60px;
left: 540px;
width: auto;
height: 160px;
padding-right: 10px;
}
*/

#redux {
position: fixed;
bottom: -109px;
left: 650px;
width: auto;
height: 200px;
padding-right: 10px;
}

#redux p {
/*color: #919697;*/
color: #596063;
font-size: 10px;
text-align: justify;
border-left: thin dashed #1a2123;
border-top: thin dashed #1a2123;
padding-left: 5px;
padding-top: 5px;
}