/* CSS Document */

html{
		height:100%; /* fix height to 100% for IE */
		max-height:100%; /* fix height for other browsers */

}

body {
		margin:				0;
		background:			url(../images/bg.png) repeat;
		font:				11px/16px Verdana, Arial, Helvetica, sans-serif;
		color:				#333;
		height:100%; /* fix height to 100% for IE */
		max-height:100%; /* fix height for other browsers */
		/*overflow: hidden;*/
}

img {
		border:				none;
}

input, select {
		font:				10px Verdana, Arial, Helvetica, sans-serif;
}

a, a:visited {
		color:				#012c2d;
		text-decoration:	underline;
}

a:hover {
		color:				#b5dc10;
		text-decoration:	underline;
}

a:focus {
		outline:			none;
}

.float {
		float:				left;
}

.clear {
		clear:				both;
}

/* layout structure */

#contentArea {
	margin:				0;
	width:				100%;
	height:				480px;
	background:			url(../images/bg_patten.png) repeat;
}

#homepage {
		background:			url(../images/home_pic.png) repeat;
		width:				593px;
		height:				386px;
}

#center {
		margin:				0 auto;
		padding:			0;
		text-align:			left;
		width:				800px;
		border:				0;
}

#header {
		height:				173px;
		background:			url(../images/top.png) no-repeat;
}
#headerHome {
		height:				173px;
		background:			url(../images/top_home.png) no-repeat;
}

#count {
		width:				240px;
		padding:			60px 0 0 115px;
		color:				#954A00;
		height:				16px;
		float:				left;
}

/* #guestbook a{
		width:				25px;
		padding:			60px 0 0 90px;
		height:				16px;
		float:				left;
		display:			block;
		background:			url(../images/shim.png) no-repeat;
}
*/
#message a{
		width:				25px;
		padding:			60px 0 0 125px;
		height:				16px;
		float:				left;
		display:			block;
		background:			url(../images/shim.png) no-repeat;
}

	/* navigation */
	
#navi {
		height:				25px;
		list-style:			none;
		padding:			22px 0 0 110px;
		margin:				0;
		border:				0;
}

#navi li {
		float:				left;
		margin:				0;
		padding:			0;	
}

#navi a {
		float:				left;
		display:			block;
		text-decoration:	none;
		background:			#EAE8E8;
		color:				#999;
		padding:			0;
}

#navi span {
		display:			none;
}

#logo a{
		display:			block;
		width:				148px;
		height:				33px;
		background:			url(../images/sitename.png) no-repeat;
}

#logo span {
		display:			none;
}

#nav-photos a {
		width:				80px;
		height:				33px;
		background:			url(../images/navi_photo_off.png) no-repeat;
}
#nav-photos a:hover, #nav-photoson {
		display:			block;
		width:				80px;
		height:				33px;
		background:			url(../images/navi_photo_on.png) no-repeat;
}

#nav-videos a {
		width:				75px;
		height:				33px;
		background:			url(../images/navi_videos_off.png) no-repeat;
}

#nav-videos a:hover, #nav-videoson {
		display:			block;
		width:				75px;
		height:				33px;
		background:			url(../images/navi_videos_on.png) no-repeat;
}

#nav-notes a {
		width:				89px;
		height:				33px;
		background:			url(../images/navi_notes_off.png) no-repeat;
}
#nav-notes a:hover, #nav-noteson {
		display:			block;
		width:				89px;
		height:				33px;
		background:			url(../images/navi_notes_on.png) no-repeat;
}


	/* end navigation */


#top-padding {
		background:			url(../images/top_padding.png) no-repeat;
		height:				23px;
}	

#bottom-padding {
		background:			url(../images/bottom_padding.png) no-repeat;
		height:				23px;
}

#left {
		float:				left;
		width:				593px;
		height:				100%;
}


#right {
		float:				left;
		width:				207px;
		height:				600px;
}

#sub-navi {
		float:				left;
		padding:			10px 5px 0 60px;
		width:				115px;
		border-right:		1px dotted #666;
		height:				100%;
		font-size:			12px;
}

#sub-navi dt, #sub-navi a {
		height:				22px;
		color:				#630;
}

#sub-navi a:hover {
		color:				#C60;
}

.listNav {
	padding-bottom:			10px;
}

.listNav ul{
	margin:					0;
	padding:				7px 0 0 25px;
	list-style-type:		square;
}

.listNav li{
	padding:				2px 0;
}

#content {
		float:				left;
		padding:			0 20px 0 5px;
		width:				367px;
		height:				100%;
}

.photo-icon {
		float:				left;
		width:				180px;
		text-align:			center;
}


dt {
		font-size:			12px;
}


#bottom {
		height:				41px;
		background:			url(../images/bottom.png) no-repeat;
}
#bottomHome {
		height:				41px;
		background:			url(../images/bottom_home.png) no-repeat;
}
#footer {
		font:				italic 9px Verdana, Arial, Helvetica, sans-serif;
		color:				#629b43;
		text-align:			center;
}
#photoFlash {
	width:519px;
	height:386px;
	padding-left:46px;
}