/* custom styles */
@import url("font.css");

  html { font-size:100.01%; }

  body
  {
    margin: 0px;
    padding: 0px;
    height:100%;
    background-color: #0080C0; /*#7E296C;*/
    font-family:"AllerRegular", "Verdana", sans-serif;
    color:#8f8e8f;
    font-size: 13px;
    text-align:center;
  }
  
  #main
  {
    text-align: center;
    margin:auto;
    width:833px;
    background-color: white;
    box-shadow: 10px 0px 10px #004D71, -10px 0px 10px #004D71;
    -moz-box-shadow: 10px 0px 10px #004D71, -10px 0px 10px #004D71;
    -webkit-box-shadow: 10px 0px 10px #004D71, -10px 0px 10px #004D71;
  }

  header 
  { 
    background-color: white;
  	text-align:left;
  	position: fixed;
  	top:0px;
    width:833px;
  	height:126px;
  	z-index:1000;
  }

  header p 
  { 
  	color:#8f8e8f;
  }

  img#signet
  {
    margin:30px;
    height:66px;
  }

  #contact
  {
  	margin:35px;
    margin-right:40px;
    float:right;
    text-align:right;
    line-height: 1.2em;
  }
  #contact p span
  {
    font-style: italic;
  }
  
	#content
	{ 
	  padding-top: 126px;
    font-family:"AllerRegular", "Verdana", sans-serif;
	}    

  #content img
  {
    width:833px;
/*    height:345px;*/
    border:0px;
    padding:0px;
    display:block;
  }
  
  #readSample .img
  {
    margin: 20px 0px 20px;
  }

  #content .outdated
  {
    display:none;
  }
  
  #content .txt
  {
    line-height:18px;
  	position:absolute;
    margin-top:-225px;
    width:793px;
  }   

  #content .txt2
  {
    margin-top:-125px;
	}

  #content .txt0
  {
    margin-top:-300px;
  }

  #content h2
  {
    line-height:19px;
  	font-size:17px;
  }

  #content a
  {
/*    color: white;*/
  }

  .left
  {
    text-align:left;
    padding-left:90px;
  }

  .right 
  {
    text-align:left;
    padding-left:495px;
  }

  div.line
  {
    width: 36px;
	  height: 11px;
	  background: #ce2a2a;
	  margin-bottom:10px;
  }

  span.bold
  {
    font-weight:bold;
  }

  p.intro
  {
    font-style:italic;
  }
	
  #orderBook
  {
    text-align:center;
  }

  #orderBook p.ok, #orderBook p.error
  {
    font-weight:bold;
    line-height: 25px;
    width: 550px;
    margin:auto;
  }

  #orderBook p.error
  {
    color:#FF0000;
    background:#FFCCCC;
  }
  
  #orderBook p.ok
  {
    color:#00FF00;
    background:#CCFFCC;
  }

  #orderBook h3
  {
    margin-top:5px;
  }

  #orderBook #orderForm
  {
    width:300px;
    margin: auto;
  }

  #orderBook .orderLabel
  {
    padding: 3px;
  	text-align:left;
    margin-left:30px;
  }
  
  .orderLabel label
  {
    width:250px;
    height:15px;
  }

  .orderInput input, .orderInput select, .orderInput textarea
  {
    width:250px;
    height:20px;
    font-family:"AllerRegular", "Verdana", sans-serif;
  }

  .orderInput textarea
  {
    height:60px;
  }

  .orderInput.orderButtons
  {
    margin-top:10px;
  }

  .orderInput.orderButtons input
  {
    width:120px;
    margin:2px;
  }
  
  .orderInput input, .orderInput select, .orderInput textarea
  {
    cursor:pointer;
    border:1px solid #8f8e8f;
    background:#d3dce6; 
  }

  .orderInput input:hover, .orderInput select:hover, .orderInput textarea:hover,
  .orderInput input:focus, .orderInput select:focus, .orderInput textarea:focus
  
  {
    color:#ffffff;
    background: #004D71;
  }

  footer
  {
      color:#8f8e8f;
  }
  
  footer div
  {
    padding:30px;
  }  

  a,
  a:focus,
  a:hover,
  a:visited
  {
    color:#8f8e8f;
  }
  
  a.text
  {
    text-decoration:none;
  }  

 @media only screen and (max-width: 800px)
 {
    header { position:static;}
    #content { padding-top: 0px;}
 }