/********************************************************************
 *  SECTION LAYOUT
 ********************************************************************/

/* PAGE */
#page              { max-width:1024px; margin-left:auto; margin-right:auto; background-color:#3f2302; }

/* HEADER */
#header            { float:left; width:100%; }
#header *.oi       { height:100px; }
  #logo           { float:left; margin-top:15px; margin-left:100px;  }
  #greetings      { float:left; margin-left:20px; margin-top:60px; }
  #contacts       { float:right; margin-right:30px; margin-top:30px; }
  #shares       { float:right; margin-right:30px; margin-top:30px; }
#header h3         { font-size:0.8em; }

/* BODY */
#body               { 	
						float:left;
						width:98%; 
						margin:10px auto auto 10px; 
						background-color:#9cc66f; 
					}
 #nav               { 
 						float:left; 
 						width:17%; 
 						min-width:160px; 
 						margin:20px 0px 20px 20px; 
 						background-color:#9cc66f; }
 #nav    *.oi       { }
 
 #navMenu 	ul		{
 						list-style-type:none;
						width:100%;
						font: bold 12px 'Lucida Grande',Verdana,sans-serif;
 					}
 #navMenu	ul	li	{
 						background: #adadad;
 						color: #f6f8c0;
						margin: 0;
						padding: 5px 10px;
						border-left: 1px solid #fff;
						border-top: 1px solid #fff;
						border-right: 1px solid #666;
						border-bottom: 1px solid #aaa
 					}
 #navMenu	ul	li a {
 						color: #f6f8c0;
 					}
 #navMenu	ul	li:hover { background: #dddddd; color: #fd7802; }
  #navMenu	ul	li a:hover {
 						color: #fd7802;
 					}
 					
 #main              { 
 						float:right; 
 						width:78%; 
 						min-width:300px; 
 						margin:20px 20px 20px 0px;
 						font-size:0.8em; 
 						color:#2f5506;
 						background-color:#f6f8c0; 
 					}
 #main   *.oi       { 
 						padding:15px 15px 15px 15px;	
 					}
/* FOOTER */
#footer             { clear:both; padding-top:10px; }