/* main page */
#w {
  display: block;
  width: 100%;
  margin: 0px;
  background: none;
  float: left;
}


#content {
  float: left;
  width: 905px;
  margin: 0px;
  padding: 0px;
}


.contentblock {
  display: block;
  padding: 0px;
  float: left;
}

.contentblock.hidden {
  display: none;
}

/* side navigation */
#sidemenu {
margin: 0px;
width: 240px;
padding: 0;
float: left;
background: #e8e8e8;
border: 1px solid #8c8c8c;
}


#sidemenu li { display: block; text-align: center; border-top: 1px solid #fff; font-size: 1.1em; }

#sidemenu li a { font: 15px Century Gothic; text-align: left;  display: block;    background-color: #fed405;  text-transform: uppercase;    border-top: 0px;  border-left: 0px;           background-position: 192px 28px; padding: 25px 10px 25px 16px;  color: #555;  text-decoration: none;  border-bottom: 1px solid #d1d1d1;  background-image: url(../images/prodcut_arrow.png);  background-repeat: no-repeat;  background-position: 213px 28px;}
#sidemenu li a:hover {
  background: #f2f2f2;
  /*-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
	 -o-transition: 0.7s ease-in-out;
	  transition: 0.7s ease-in-out;*/
}

#sidemenu li a strong { 
  display: block;
  margin-top: 5px;
}

#sidemenu li a.open {
  width: 90%;
  background: #fff;
  background-image: url(../images/prodcut_arrow.png);
background-repeat: no-repeat;

  background-position: 213px 28px;
  padding: 25px 10px 25px 16px;
}

/* extra styles */
.bigtxtfield {
  display: block;
  width: 350px;
  color: #555;
  padding: 4px 6px;
  margin-bottom: 15px;
}

.bigtxtarea {
  display: block;
  width: 440px;
  height: 90px;
  padding: 5px 9px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #555;
  font-size: 1.2em;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }