/******   otway fresh css  *****/

/*****
 
Thanks to the.x.man for his help on this. jono[at]thexman[dot]net[dot]nz 
*****/ 



/*****  main elements  *****/


* {
  margin: 0;
  padding: 0     
}

img { 
  border: 0; 
}

a {
  text-decoration: none;
 }  
        
span.hide {   
  display: none;
  }  

body {
  margin: 10px; 
  text-align: center;  
  cursor: default;   
  font: normal 62.5% Arial, Helvetica; 
  background: #fff;
}           

#wrapper {
  width: 802px; 
  height: 600px;    
  text-align: left;
  margin: 0 auto;     
}    

#container {
  position: relative; 
  top: 0; 
  left: 1px; 
  width: 801px; 
  height: 600px;     
}     

/*****  quote blocks  *****/  

.quotes {     
  clear: both; 
  width: 801px; 
  height: 72px; 
  margin: 0 0 10px 0; 
}        

.quote-block {
  float: left;
  width: 266px;
  height: 72px; 
  margin: 0 1px 0 0; 
}         


.quote-block img {
  float: left;
  border: 1px solid #000; 
  margin: 0 5px 0 0; 
}          

.quote-block p { 
  font-size: 1.4em;  
  font-weight: bold;
}      
  

/*****  menu  *****/      
	

ul {
  width: 801px;  
  font-size: 1.8em; 
  font-weight: bold;   
  text-align: center;  
  text-transform: uppercase;
  list-style: none;     
}

li {   
  float: left;
  width: 266px;   
  margin: 5px 1px 1px 0; 
}

li a {    
  display: block;
  color: #000;
}

li a:hover {
  color: #e2fe0b;
  background: #4ea429;
}    
  

/*****  heading  *****/      


h1 {
  width: 280px;
  height: 280px;
  background: url(images/OtwFreshblalge.jpg);
}
  

/*****  content  *****/  
   

#content-outer {  
  float: left;
  width: 800px;     
  background: #000;
  margin: 5px 0 10px 0;   
}        

#content-inner {
  float: right;
  width: 520px; 
  min-height: 280px; 
  height: auto !important; 
  height: 280px;                   
  background: #4ea429;
  margin: -280px 0 0px 0; 
}                

h2 {  
  font: bold 1.8em Arial, Helvetica; 
  text-align: justify;
  margin: 10px; 
}     

#content-inner p {  
  font-size: 1.5em; 
  text-align: justify;
  margin: 10px; 
}                  


img.header {    
  margin: 0 0 -5px 0; 
}        
  

/*****  footer  *****/  
   

#footer {    
  display: block;
  width: 800px;    
  margin: 20px 0;  
}        

#footer p {
  font-size: 1.2em; 
  text-align: center;  
}                

#footer p a {
  text-decoration: underline;  
}