@charset "UTF-8";
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #191515;
	height: 100%;
}
html {
	min-height: 100%;
	margin-bottom: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}




/*///////// sIFR CSS FIN /////////*/



/*/////////////////////////////////////////////*/
/*///////// INDEX BACKGROUND KAWAROU! /////////*/
/*/////////////////////////////////////////////*/

#index {
	background-image: url(images/bg1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#about {
	background-image: url(images/bg2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#menu {
	background-image: url(images/bg3.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#news {
	background-image: url(images/bg4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#private {
	background-image: url(images/bg5.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#gallery {
	background-image: url(images/bg6.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#contact {
	background-image: url(images/bg7.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
/*///////// INDEX BACKGROUND KAWATTE OWARI! CHAA HOO! /////////*/


/*///////////////////////////////////////////*/
/*///////// NAVIGATION CSS SUTAATO! /////////*/
/*///////////////////////////////////////////*/

.container {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 75px;
	position: relative;
}
.center {
	text-align: center;
}
.logo {
	background-image: url(images/bonsailogo.png);
	clear: both;
	float: right;
	height: 20px;
	width: 113px;
	margin-right: 65px;
	margin-bottom: 30px;
}
#nav {
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 1200px;
	clear: both;
}
#nav ul {
	list-style-type: none;
	margin-left: 55px;
}

#nav li {
	float: left;
	display: inline-block;
	padding-left: 15px;
	height: 15px;
	padding-top: 3px;
}
#nav #spaced li {
	margin-right: 30px;
}
#nav a {
	text-decoration: none;
	color: #807D76;
}
#nav a:hover {
	color: #FFFFFF;
}
#nav span {
	padding-left: 10px;
	display: inline;
}
#index .home, #index .home a {
	background-color: #af362f;
	color: #000000;
}
#index .home span {
	color: #AF362F;
}
#about .about, #about .about a {
	background-color: #af362f;
	color: #000000;
}
#about .about span {
	color: #AF362F;
}
#menu .menu, #menu .menu a {
	background-color: #af362f;
	color: #000000;
}
#menu .menu span {
	color: #AF362F;
}
#news .news, #news .news a {
	background-color: #af362f;
	color: #000000;
}
#news .news span {
	color: #AF362F;
}
#private .private, #private .private a {
	background-color: #af362f;
	color: #000000;
}
#private .private span {
	color: #AF362F;
}
#gallery .gallery, #gallery .gallery a {
	background-color: #af362f;
	color: #000000;
}
#gallery .gallery span {
	color: #AF362F;
}
#contact .contact, #contact .contact a {
	background-color: #af362f;
	color: #000000;
}
#contact .contact span {
	color: #AF362F;
}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	color: #86837c;
	width: 720px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 200px;
	word-spacing: 0.15em;
	letter-spacing: 1px;
	clear: both;
	padding-top: 40px;
}
#footer .fleft {
	float: left;
	width: 20%;
}
#footer .fcenter {
	float: left;
	width: 60%;
}
#footer .fright {
	float: left;
	width: 20%;
}
#footer a {
	color: #ABA69D;
	text-decoration: none;
}
/*///////// NAVIGATION CSS OWARI! /////////*/



/*/////////////////////////////////////////*/
/*///////// CONTENT CSS HAJIME!!! /////////*/
/*/////////////////////////////////////////*/

#index .slideshow {
	float: left;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	height: 368px;
	width: 960px;
}
.clear {
	clear: both;
	width: 960px;
	padding-bottom: 40px;
	float: left;
}
#content {
	width: auto;
	clear: both;
	padding-top: 40px;
	height: 100%;
}
.textleft {
	float: left;
	padding-top: 0px;
	width: 450px;
}
#imgleft {
	float: left;
	width: 480px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
p {
	margin: 0px;
	padding: 0 0 10px 0;
	color: #efe1c4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 23.6px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #efe2c4;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AF362F;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	text-transform: none;
	padding:0px;
	margin:10px 0px 10px 0px;
}
#blogcontent .post-body {
	margin: 0px;
	padding: 0 0 10px 0;
	color: #efe1c4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 23.6px;
}
.downpad {
	padding-bottom: 13px;
}
.rightpad {
	padding-right: 7px;
}
.redserif {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #AF362F;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}

.redserif:hover {
	color:#86837c;
}
.smallsans {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	color: #86837c;
	letter-spacing: 1px;
	margin-left: 20px;
}
#contact .smallsans {
	margin-left: 0px;
}
#contact #contactinfo a {
	color: #efe1c4;
	text-decoration: none;
}

#contact #contactinfo a:hover {
	color: #efe1c4;
	text-decoration: underline;
}

#contact #contactinfo p {
	line-height:30px;
}

.largeserif {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}
.order {
	font-size: 18px;
	background-color: #86837c;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #efe1c4;
	width: 180px;
	text-align: center;
}
.order a {
	color: #efe2c4;
	text-decoration: none;
}
.order a:hover {
	color: #191515;
}
#pdfs a {
	text-decoration: none;
}

#news hr {
	padding: 0px;
	height: 15px;
	width: 100%;
	margin: 10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #86837c;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#news h1 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#news #content a {
	color: #86837c;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#news #content a:hover {
	color: #C9C3B9;
	text-decoration: none;
}

#news #blogcontent {
	width:595px;
	float:left;
	margin-right: 20px;
}
#news #blogcontent img {
	margin: 0px 0px 20px 0px;
}

#news #blogcontent h2 a {
	color:#AF362F;
}

#news #blogcontent h2 a:hover {
	color:#AF362F;
}


#news  .blogentry {
	padding: 0px 10px 20px 10px;
}

#news #sidecontent .column {
	width:345px;
	float:left;
}

#news #sidecontent p {
	padding: 0px 0px 5px 0px;
}

#news #sidecontent .gutter {
	height:160px;
	width:20px;
	float:left;
}

#news .entry {
	margin: 0px;
	padding: 0 0 10px 0;
	color: #efe1c4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 23.6px;
}






/*///////// CONTENT CSS DEKITA!!! /////////*/
