body {
 margin: 0;
 padding: 0;
 color: #ffffff;
 background-color: #472b1f;
 background-image: url("images/back01.gif");
 text-align: center;
 font-family: Palatino, Geogia, Times, 'Times New Roman', serif;
 font-size: 95%;
}

/* master init styles */

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

a:link, a:visited {
 color: #990000;
}

a:active, a:hover {
 color: #006633;
}

ul {
 list-style-type: none;
 margin-bottom: 2em;
}

li {
 color: #390013;
 list-style-position: outside;
}

th,td {
 padding: 5px 0 0px 20px;
}

.tb01 {
	color : #390013;
	font-weight: 550;
	table-layout: fixed;
	clear: both;
}

.tb02 {
  width: 80px;
}

.tb03 {
  width: 100px;
}

.tb04 {
  width: 250px;
}

.tb05 {
  width: 200px;
}

/* contents styles */

div#container {
	width: 800px;
	height: 100%;
	padding: 0;
	background-color: transparent;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* div#header */
div#header {
 width: 760px;
 height: 90px;
 padding: 10px 10px;
 background-color: transparent;
 background-image: url("images/header.jpg");
 background-repeat: no-repeat;
 background-position: 10px 10px;
 text-align: left;
}

div#header h1 {
 color#ffffff;
 font-size: 120%;
 font-weight: bold;
 text-indent: -9999px;
}

div#header p {
 color#ffffff;
 font-size: 90%;
 font-weight: normal;
 text-indent: -9999px;
}

/* div#navigation */
div#navigation ul {
 margin-bottom: 2em;
}

div#navigation li {
 display: inline;
 width: auto;
 padding-right: 2em;
 font-size: 100%;
 font-weight: bold;
 text-transform: lowercase;
}

div#navigation a:link, div#navigation a:visited {
 color: #ffffff;
}

div#navigation a:active, div#navigation a:hover {
 color: #990000;
}

#home div#navigation li#index a, #home div#navigation li#index a:link, #home div#navigation li#index a:visited {
 color: #990000;
}

#home div#navigation li#index a:active, #home div#navigation li#index a:hover {
 color: #ffffff;
}

#inside div#navigation li#coding a, #inside div#navigation li#coding a:link, #inside div#navigation li#coding a:visited {
 color: #990000;
}

#inside div#navigation li#coding a:active, #inside div#navigation li#coding a:hover {
 color: #000000;
}



div#banner01 {
 width: 780px;
 height: 105px;
 padding: 0;
 margin-bottom: 10px;
 background-color: transparent;
 text-align: left;
}

.img006{
 position: absolute;
 left: 100px;
 float: left;
}

/* div#wrapper */
div#wrapperbg {
 width: 780px;
 height: auto;
 padding: 5px;
 background-image: url("images/bgpattern.gif");
 background-repeat: repeat;
}

div#wrapper {
 width: 760px;
 height: auto;
 margin: 0;
 padding: 10px 10px 2em 10px;
 position: relative;
 background-image: url("images/wrapper001.jpg");
 background-repeat: repeat;
 overflow: hidden;
 background-color: #ffffff;
}

div#wrapper h2 {
 background-image: url("images/h2bg.gif");
 background-repeat: repeat-x;
 width: auto;
 height: auto;
 margin: -10px -10px 2em -10px;
 padding: 5px;
 color: #ffffff;
 font-size: 120%;
 font-famiry:"serif";
 font-weight: normal;
 text-transform: capitalize;
}

div#wrapper h2#fullstory {
 background-image: url("images/h2bg-gray.gif");

}

div#wrapper h3 {
 margin-bottom: 0.5em;
 color: #390013;
 font-size: 160%;
 font-weight: normal;
}

div#wrapper h4 {
 margin: 0.5em 0;
 color: #390013;
 font-size: 100%;
 font-weight: bold;
}

div#wrapper p {
 margin-bottom: 1em;
 color: #390013;
 font-size: 100%;
 font-weight: normal;
 line-height: 150%;
}

div#wrapper p img {
 float: left;
 width: auto;
 height: auto;
 border: 1px solid #877628;
 margin-right: 1em;
 margin-bottom: 0.5em;
}

/* div#contents */
div#contents {
 position: relative;
 left: 350px;
 margin: 0;
 padding: 0;
 width: 390px;
 height: auto;
}

/* div#greeting */
div#greeting {
 width: 350px;
 height: auto;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#greeting h5 {
	font-size: 14px;
	padding-left: 30px;
	color: red;
}

/* div#cont */
div#cont {
	position: relative;
	left: 40px;
	margin: 0;
	padding: 0;
	width: 680px;
	height: 100%;
	clear: both;
	float: left;
}

/* div#photo */
div#photo {
 width: 660px;
 height: 720px;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#photo02 {
	padding: 10px;
	border: 1px solid #f0f0f0;
	height: 100%;
	width: 660px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: both;
	float: left;
}


div#photo03 {
 width: 660px;
 height: 650px;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#lunch {
 width: 660px;
 height: auto;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

.img001{
 position: absolute;
 top: 50px;
 left: 385px;
 border: solid 4px white;
}

.img002{
 position: absolute;
 top: 155px;
 left: 25px;
 border: solid 4px white;
 z-index: 20;
}

.img003{
 position: absolute;
 top: 440px;
 left: 235px;
 border: solid 4px white;
}

.img004{
	position: relative;
	left: 60px;
	border: solid 4px white;
	height: 420px;
	width: 560px;
}
.h4{
	color: #390013;
	margin-left: 40px;
	margin-top: 0px;
	width: 560;
	font-size: 100%;
	font-weight: bold;
	float: left;
	margin-right: 0;
	margin-bottom: 0.5em;
	clear: both;
	height: auto;
}

/* div#address */
div#Address {
 float: left;
 display: inline;
 width: 350px;
 height: auto;
 margin: 0 0 0 0;
 padding: 10px 10px 0 10px;
 border: 1px solid #f0f0f0;
}

div#Address p {
 margin-bottom: 1em;
 color: #999999;
 font-size: 95%;
 font-weight: normal;
 line-height: 130%;
}

/* div#sidebar */
div#sidebar {
 position: absolute;
 top: 50px;
 left: 50px;
 width: 270px;
 height: 360px;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#sidebar01 {
 position: absolute;
 top: 125px;
 left: 50px;
 width: 270px;
 height: 360px;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#sidebar02 {
 position: absolute;
 top: 50px;
 left: 50px;
 width: 270px;
 height: 400px;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#sidebar h3 {
 margin-bottom: 0.5em;
 color: #000000;
 font-size: 125%;
 font-weight: normal;
}

div#sidebar p {
 margin-bottom: 1em;
 color: #999999;
 font-size: 95%;
 font-weight: normal;
 line-height: 130%;
}

/* address#footer */
address#footer {
 width: auto;
 height: auto;
 margin-top: 1em;
 padding-top: 5px;
 padding-bottom: 10px;
 text-align: center;
 font-family: 'Lucida Sands', Helvetica, Arial, Verdana, sans-serif;
 font-size: 90%;
 font-weight: normal;
 text-transform: lowercase;
 font-style:normal;
}


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


.box001 {
	float: left;
	height: 100%;
	width: 660px;
	position: relative;
	clear: both;
}