/* CSS Document */


/* Style sheet for EggiesNestJapan 
by liz kelleher, freerangewebdesign.com.au*/

/* 
  COLORS
body bg #6F5534 (khaki from kuler), now trying #ccc
nav bg new red #990100, previous darker red #4d1214
Background #
 */


* {
    margin:0;
    padding:0;
	border: 0;
}
/* set font-size on body to 76% so when we set a font to 1em, it will be close to user's default font size.  */

html, body {  
	background-color: #ccccff;/* 957B59 or light beige colour D9D8AD */
	font:12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	color:#26130C;
    margin:0;
    padding:0;
	background-image: url(images/bg-blue.jpg);
	background-repeat: repeat-x;
/* background: url(images/bg-tile-eggie.jpg) repeat;   */
}

	
/* links
------------------------------------------- */


a:link, a:visited {
	text-decoration: none;
	color: #990100;  
	border-bottom: 1px dotted #990100;

}

a:hover {
	border-bottom: 1px solid #990100;
}


/* page structure
------------------------------------------- */

#wrap {
	width: 760px;
	margin: 10px auto;  /* 10px here gives bg across top of page */
	padding: 21px 0px 0px 0px;  /* 10px here moves header image down to align with bg */
	color: #444;

/* border-left: 1px #4d1214 solid;
	border-right: 1px #4d1214 solid; */
	}
#main-body {
	width: 760px;
	height: 100%;
	clear: both;
	text-align:left;
	margin: 0px 0px;  
	background-color: #fff!important;
	}
#content {
	width: 532px;
	text-align:left;
	float: left;
	padding: 15px 5px 0 10px;
		background-color: #fff !important;
}
#sidebar {
	font-size: 100%;
	clear: all;
	width: 190px;
	text-align:center;
	margin: 0 0 0 0px;
	padding: 10px 10px;
	float: right;	
	}
#sidebar {
	background-image: url(images/sidebar_bg.jpg);
	background-repeat: repeat-y;
	height: 100%;
}
		
#header {
	width: 760px; /* THIS is what i needed to stop peekaboo bug  */
	text-align: left;
	padding: 0;
	background: #3C2922; /* dark khaki 593f1e  */ 


}

#logo a:link, a:visited, a:hover {
	text-decoration: none;
	border-bottom: none;

}

#logo img{
	text-decoration: none; 
	border-bottom: none;
	padding: 0;
	margin: 0;
}

	
/* nav bar
------------------------------------------- */


#nav { 
width : 760px;  /* need this here to view coloured bg to nav  */
margin : 0; 
padding : 0; 
background-color: #990100; /* dark red*/
text-align: center;
height: 33px;   /* need this here to view coloured bg to nav in Firefox */
}

#nav ul{ 
width : 760px; /* need this here to view coloured bg to nav  */
background-color: #990100;
list-style: none;
text-align: center;

}
#nav ul li{ 
list-style: none;
float: left;
display: inline;
padding: 0 10px 0 30px; /* reduced to fit additional Gallery section in  */
}

#nav ul a { 
color: #fff;
display: block;
text-decoration: none;
border-bottom: none;
font-size: 110%;
font-family: "century gothic", Arial, sans-serif;
}

#nav li a:hover {
	background:#990100;
	color:#fff;
}

	
#nav ul li a {
	text-decoration: none;
	color: #fff;  /*	pale grey nav bar text */
	padding:7px;

	}
#nav ul li a.active{
	color: #fff;
		padding-bottom: 5px;
 background: url(images/nav-marker.png) no-repeat 50% 100%;   
	}
#nav ul li a:hover {
	color: #fff ;
	padding-bottom: 5px;
	background: url(images/nav-marker.png) no-repeat 50% 100%;  
	}
	

/* content styles
------------------------------------------- */

#content {
	background-color: #fff !important;
}

#content a {
	text-decoration: none;
	color: #990100;  /*  */
	border-bottom: 1px dotted #990100;

}

#content a:hover {
	border-bottom: 1px solid #990100;
}



#content h1 {
	font-family: "Century Gothic", Lucida, Verdana, sans-serif; 
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 0.04em;
	font-size: 180%;
	line-height: 1.5em;
	font-weight: bold;
	color: #2e2d40; /* dark blue  */
	/*   border-bottom: 1px dashed #666;  */
	}
#content h2 {
	margin: 0;
	padding: 5px 0 15px 0;
	letter-spacing: 0.02em;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	color: #2e2d40;
	}
	
#content h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	letter-spacing: -0.01em;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #704F43;
	background: url(images/heading_bg.gif);
	}
#content h3 a {
	border: none;
	}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
#content p {
	margin: 0 0 1em 0;  /* reduced spacing from 1.5 to 1em to condense spacing and improve readability */
	padding: 0;
	line-height: 1.5em;
	}
#content ul,
#content ol {
	line-height: 1.4em;
	}
	
#content ul {
	font-size: 1em;
	list-style-type: bullet;
	margin-left:15px;
	}

#content ul li a {
	text-decoration: none;
	color: #0064b5;  /*  blue  */
	border-bottom: 1px dashed #0064b5;
	}
#content ul li.active a {
	color: #555;
	}
#content ul li a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
	}

/* images
---------------------------------------------------------- */
/*    #main-body img {
	margin: 0;
	padding: 4px 4px 4px 4px !important;
	border:1px solid #ddd;  
	}  */
.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}

#content img.sidebar {
	float: left;
	padding: 20px 20 20px 0;
	margin: 1.5em 1.5em 1.5em 0px;
}
a img { 
	border-width: 0;
	background: none;
	}
.pano {
	margin: 0;
	padding: 7px 9px 13px;
	background: #fff url(images/panobase.gif) no-repeat 0 0;
	}
#content .bannerhead a {
	margin: 0;
	padding: 0;
	display: block;
	width: 256px;
	height: 58px;
	background: none;
	border-width: 0;
	}
#content .bannerhead a:hover {
	background: none;
	border-width: 0;
	}

/* sidebar
---------------------------------------------------------- */

#sidebar h2 {
	margin: 0;
	padding: 5px 0 5px 0;
	letter-spacing: 0.02em;
	font-size: 120%;
	font-weight: bold;
	color: #2e2d40;
	text-align: left;
	}
#sidebar h4 {
	color: #666666;
	font-size: 120%;
	font-weight: bold;
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	}
#sidebar h3 {
	color: #666666;
	font-size: 110%;
	font-weight: bold;
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	}
#sidebar h3.first {
	margin-top: 0;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0;
	text-align: justify;
	}
#sidebar p.center {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#sidebar img {
	margin-top: 10px;
	float: center;
	border: none;}
#sidebar a {
	text-decoration: none;
	color: #990100;  /*  */
	border-bottom: 1px dotted #990100;

}

#sidebar a:hover {
	border-bottom: 1px solid #990100;
}



#sidebar ul {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	list-style-type: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	}
#sidebar a.none:hover  {
	text-decoration: none;
	border-bottom: none;
} 

#sidebar a.none {
	text-decoration: none;     /*  needed to remove underline below hyperlinked image  */
	border-bottom: none;
} 

/* table
------------------------------------------- 
#packages {
	width: 490px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 490px;	 
	font: italic 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	text-align: right;
}*/


table {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	padding: 6px 6px 6px 12px;
	color: #444;
	border: 1px solid #ddd;
}
td {
	border-top: 1px solid #ddd;
	padding: 6px 6px 6px 12px;
}

#sleeping {
	border: 1px solid #ddd;
}
#sleeping td {
	border: 1px solid #ddd;
}


#tablefeatures, #tablefeatures td {
	border: none;
}
#tablefeatures tr td {
	margin-bottom: 12px;
}
#tablefeatures tr td img {
	border: 1px solid #ddd;
	padding: 4px 4px 4px 4px !important;
	}

#addresstable, #addresstable td {
	border: none;
}
.textfield60 {
	width: 60px;
	border: 1px solid #444;
}
.textfield90 {
	width: 90px;
	border: 1px solid #990100;
}
.textfield180 {
	width: 180px;
	border: 1px solid #990100;
}
.textfield280 {
	width: 280px;
	border: 1px solid #990100;
}
.textfield360 {
	width: 360px;
	border: 1px solid #990100;
}

#addresstable {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 11px;
}
#addresstable th {
	color: #666; 
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
}
#addresstable td {
	padding: 5px 10px;
}
.tdnoborder {
	border-bottom-style: none!important;
	border-left-style: none!important;
	background: #fff!important;
}
#button {
	border-style: none!important;
	background: #990100;
	color: #fff; 
	padding: 5px;
}

/*
td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
}

td {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #ddd;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
}

th.specalt {
	border-left: 1px solid #ddd;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	color: #797268;
}
 picture border
------------------------------------------- */

#borderTop {
	clear: both;  /* need this for firefox */
	width: 100%; 
	background-color: #ececec;
	padding: 30px 0px 30px 0px;
	text-align: center;
}
#borderTop ul {
	margin: 0px;
	padding: 0px;
}
#borderTop li {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#borderTop li img {
	border: solid 4px #fff;
}



/* footer
------------------------------------------- */

#footer {
	clear: both; 
	width: 760px;
	font-size: 90%;
	margin: 0;
	padding: 10px 0 10px 0; 
	background-color: #2e2d40; /*now dark blue...prev  3C2922, dark khaki 593f1e  */
	}

#footer a {
	text-decoration: none;
	color: #fff;  
	border-bottom: 1px dashed #fff;
}

#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	}
#footer p.copyright {
	color: #fff;
	text-align: center;
	}




/* misc
------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	text-decoration: none;
	border-bottom: none;
	}
	
a.img { text-decoration: none; }

#clear {
	clear: both;
}
#content a.backtotop {
	float:right;
	width:90px;
	text-align:right;
	padding:0 3px 0 0;
	color: #990100;
	border-bottom: 1px solid #990100;

	}

.clearboth { clear: both; }

#thumbnail{
	padding: 5px; /* photo shape 3px 3px 8px 3px*/
	border: 1px solid #999;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}	
#thumbnail a, #thumbnail a:hover { border: none;}

#button a {
		text-align: center;
width: 180px;
	font-size: 100%;
	padding: 8px;
	background: #3D5C36;
	text-decoration: none; 
	border:1px solid #fff;
	color: #fff;
	}

#button a:hover {
	color: #ccc;
	border:1px solid #333;
	}