html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html
{
  background-image: url(/assets/templates/images/main_bg.png); 
  background-repeat: repeat;
  color: #000;
  text-align: center;
}

#contents	
{
  margin-right:auto;
  margin-left:auto;
  width: 758px;
  color: #000;
  text-align: left;
}

#header
{
  height: 130px;
  background-image: url(/assets/templates/images/header.png);
  background-repeat: no-repeat;
  background-position: 0px 17px;
}

#menu
{
  height: 36px;
  background-image: url(/assets/templates/images/menu_bg.png);
  background-repeat: no-repeat;
  color: #fff;
  font-weight: bold;
  font-size: 116%;
  text-align: right;
  padding-right: 20px;
}

 a:link {color: #5F452E; }     /* unvisited link */
 a:visited {color: #5F452E; }  /* visited link */
 a:hover {color: #5F452E; } /* mouse over link */
a:active {color: #5F452E; }   /* selected link */


#menu a:link {color: #fff; text-decoration:none;}     /* unvisited link */
#menu a:visited {color: #fff; text-decoration:none;}  /* visited link */
#menu a:hover {color: #fff; text-decoration:none;} /* mouse over link */
#menu a:active {color: #fff; text-decoration:none;}   /* selected link */
#menu span{
  position: relative;
  top: 8px;
  padding: 1px 0px 5px 0px;
  margin-right: 25px;
} 

s1pan.active.prod{

  background-image: url(/assets/templates/images/menu_prod.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;

}   
s1pan.active.home{     
  background-image: url(/assets/templates/images/menu_home.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
} 
s1pan.active.port{     
  background-image: url(/assets/templates/images/menu_port.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
} 
s1pan.active.cont{     
  background-image: url(/assets/templates/images/menu_cont.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
} 

 span.active{     
  background-image: url(/assets/templates/images/menu_out.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;
} 



span.active a{
padding-left: 2.2em;
padding-right: 2.2em;

}

#main
{
  background-image: url(/assets/templates/images/content_bg.png);
  background-repeat: repeat-y;
  padding: 30px 54px 100px 54px;
  color: #666666;
}

#intro {

  width: 300px;
}

#gallery{
  float: right;
  p1adding: 6px;
  b1ackground-color: #B4B381;
  width: 288px;
  border: solid 6px #B4B381;
}

#footer
{
  text-align: right;
  height: 44px;
  color: #fff;
  padding: 6px 20px 0 0;
  font-weight: bold;
  background-image: url(/assets/templates/images/footer_bg.png);
  background-repeat: no-repeat;
}

h1	
{
  color: #6B4E34;
  font-size:197%;
}	

h2
{
  color: #6B4E34;
  font-size:146.5%;
  margin-top: 10px;
}	

h3
{
  color: #6B4E34;
  font-size:123.1%;
  margin-top: 10px;
}	

hr{
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
  border: 0px;
}

p {
  font-size: 108%; 
  margin-bottom: 10px;
}

#rightlist{
  float: right;
  width: 300px;
}
#leftlist{
  width: 300px;
}

ul.front{

}

ul.front li {
  list-style-image: url(/assets/templates/images/yw_bullet.png);
  padding-left: 10px;
  margin-top: 10px;
  margin-left: 30px;
  background-position: 2em; 
}

#pencil, #bulb, #database, #glasses, #cart {
     background-image: url(../images/pencil.png);
     background-repeat: no-repeat;
    padding-left: 110px;
}
#cart { background-image: url(../images/cart.png);}
#bulb { background-image: url(../images/bulb.png);}
#database { background-image: url(../images/database.png);}
#glasses { background-image: url(../images/glasses.png);} 

/* Forms (http://nidahas.com/2006/12/06/forms-markup-and-css-revisited/):
---------------------------------------------------------------- */
/* Form styles */
div.form-container { ba1ckground-color: #ffffff; margin: 10px; padding: 5px;  border: #EEE 0px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

#form_bottom {	}