html {
border: 0;
margin: 0 auto;
padding: 0;
}
body {
border: 0;
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 1.0em;
line-height: 1.2em;
background: #84c9f9 url(img/body-back.jpg) 0 -99px repeat-x; 
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: underline; }
a:link, a:visited { color: #fff; }
a:hover, a:active { color: #000; text-decoration: none; }
.selected { color: #000; text-decoration: none; }
a img { border: 0; }

.float-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.float-left a:hover {
padding-bottom: 0;
}
/* ---- Typography ------ */
.bold {
font-weight: bold;
}

input, textarea, em { font-family: Verdana, Arial, sans-serif; font-size: 0.9em; }
strong { font-weight: normal; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font: 1.1em Verdana, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
margin-top: 3px;
margin-bottom: 4px;
font-size: 1.0em;
font-weight: normal;
font-family: "trebuchet ms", "Gill Sans", Arial, sans-serif;
}
h1 {
font-size: 2.2em;
margin: 0;
padding-top: 100px;
}
h2 {
margin: 10px 0 25px 0;
font-size: 1.6em;
}
h3 {
margin: 10px 0;
font-size: 1.2em;
font-weight: bold;
}

/* standard helper classes */

.hide { margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }
.clearing {
clear: both;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------ page layout --------------- */

#container {
margin: 0;
padding: 0;
width: 1000px;
position: relative;
min-height: 1px;
clear: both;
}

div#header {
padding: 0;
width: 785px;
height: 200px;
background: #fff url(img/header-back.jpg) no-repeat;
clear: both;
margin: 0 auto;
text-align: center;
color: #fff;
}
body#index div#header {
background: #fff url(img/header-index.jpg) no-repeat;
}
#header img {
border: 0;
padding-top: 15px;
}
#header div#phone1 {
float: left;
position: relative;
padding: 20px;
font-size: large;
}

#pagebody {
width: 785px;
margin: 0 auto;
min-height: 450px;
}

#maincontent {
display: inline; /* ie win bugfix */
position: relative;
padding: 25px;
}


#footer {
margin: 0 auto;
width: 785px;
padding: 15px 0 10px 0;
clear: both;
text-align: center;
font-family: Verdana, Arial, san-serif;
font-size: 0.8em;
}

/* ---- navbar ------ */

#nav-bar {
padding: 0;
height: 34px;
text-align: center;
color: #fff;
font-family: Arial, helvetica, san-serif;
font-size: 0.9em;
}
#nav-bar ul {
float: left;
position: relative;
list-style-type: none;
margin: 0;
padding: 15px;
}
#nav-bar ul li {
padding: 0 15px;
margin: 0;
float: left;
position: relative;
font-size: 1.0em;
font-weight: bold;
}
#nav-bar ul li a {
text-decoration: none;
}

/* ---- Sidebar photo ------ */

div#sidebar {
width: 220px;
float: right;
position: relative;
min-height: 1px;
} 
div#photos {
position: relative;
}

div.photo-box {
background: #fff;
width: 220px;
position: relative;
float: left;
text-align: center;
}
div.photo-box img {
padding: 5px;
border: 1px solid #ccc;
margin: 10px;
}

div.box-shadow {
margin-right: 10px;
margin-left: 30px;
position: relative;
background: url(img/box-shadow.jpg) top right no-repeat;
}

/* ---- Home page ------ */

div#home, #accomodation, #location, #bookings {
left: -10px;
top: 0;
padding: 10px 25px 20px 25px;
background: #fff;
position: relative;
font-size: 0.8em;
}
#maincontent .box-shadow #home img {
border-left: 45px solid #fff;
}
div#home h2 {
text-align: center;
}


/* ---- Location page ------ */

div#map {
width: 690px;
height: 300px;
}

/* ---- Booking page ------ */

div#calendar {
width: 690px;
height: 400px;
padding: 20px 0;
}
/* ---- Directory List ------ */

dl {
}
dd {
margin: 0;
}
dt {
margin-top: 5px;
}



/* ------ Lifeblog Stuff ------ */

.lifeblogsms {
border: 0;
padding:0 5px 0 5px;
}

.lifeblognote {
border: 0;
padding:0 5px 0 5px;
}

.lifeblogimage {
float: left;
position: relative;
border: 0;
margin: 0 10px 5px 0;
}

.lifeblogimage img {
width: 230px;
border: 0;
margin: 0;
padding: 0;
}
.lifeblog_mp4{
margin: 10px 0;
}
.lifeblog_3gpp{
margin: 10px 0;
}


/* --- Forms ---- */

div#message {
color: #fff;
background: #f00;
border: 1px solid #000;
margin: 0 10px 10px 10px;
padding: 10px;
float: left;
position: relative;
display: block;
z-index: 10;
}

li.rowradio, li.rowselect {
padding-top: 15px;
clear: both;
}

li.rowradio label {
float: left;
position: relative;
padding: 3px 0;
width: 180px;
}
li.rowradio input {
margin: 3px 0 0 0;
padding: 0;
width: 30px;
float: left;
position: relative;
}
div.row, div.row2, div.rowsubmit, div.rowradio, div.rowselect {
clear: both;
padding-top: 10px;
min-height: 1px;
}
div.row label {
position: relative;
float: left;
text-align: right;
padding: 3px 10px 0 0;
width: 130px;
}
div#comments div.row label {
width: 120px;
}
div.row input {
position: relative;
float: left;
width: 300px;
border: 1px solid #000;
padding: 2px;
}
div#comments div.row input {
width: 290px;
}
div.row2 label {
padding: 3px 0 5px 0;
}
div.row2 textarea {
margin: 0;
padding: 1px 2px;
width: 430px;
border: 1px solid #000;
font-size: 1.0em;
}
div.rowsubmit input {
color: #fff;
background: #f00;
border: 1px outset #000;
width: 120px;
margin: 0 10px 3px 0;
padding: 0 5px;
float: left;
position: relative;
}
div#shop div.rowsubmit input {
border: 1px outset #999;
color: #fff;
font-weight: bold;
text-align: center;
margin: 0;
padding: 3px 2px;
width: 290px;
}
div.rowradio label {
float: left;
position: relative;
padding: 3px 0;
}
div.rowradio input {
float: left;
position: relative;
width: 30px;
border: 0;
margin: 5px 0 0 140px;
}




/* ----- Site Map ------- */

kbd {
font-weight: bold;
}

#sitemap ul {
padding: 2px 5px 4px 20px;
list-style: none;
margin-bottom: 0;
margin-top: 0;
}
#sitemap li {
padding: 3px 5px 5px 20px;
list-style: none;
background: url(http://www.eleykishimoto.com/img/sitemap1.gif) no-repeat;
}
#sitemap li ul li {
padding: 2px 5px 4px 20px;
list-style: none;
background: url(http://www.eleykishimoto.com/img/sitemap2.gif) no-repeat;
}