@charset "UTF-8"; 

/*==================================================
	Site name : Open Terrace
	Modified  : Oct. 22, 2009
==================================================*/
html {
	height: 100%;
	zoom: 1;
}
html:first-child body {
	padding-bottom: 1px;
	min-height: 100%;
}
body {
	margin: 0 auto;
	text-align: center;
	zoom: 1;
	background: url(../img/bg_body.gif) 0 57px repeat-x;
	color: #221815;
}

/*==================================================
	#header
==================================================*/
#header {
	margin: 0 auto;
	padding: 12px 0 0;
	width: 948px;
	text-align: center;
}
#header .wrap {
	margin:0 auto;
	width: 940px;
	text-align: left;
	height: 48px;
	overflow: hidden;
}
#header .logo {
	float: left;
	display: inline;
	overflow: hidden;
	height: 38px;
}
#header .logo img {
	vertical-align: top;
}
#header .logo#brother {
	float: right;
	display: inline;
}
#header .nav {
	width: 948px;
	height: 56px;
	overflow: hidden;
}
#header .nav li {
	padding: 0 3px;
	float: left;
	display: inline;
	height: 42px;
	overflow: hidden;
	vertical-align: top;
}
#header a:link,
#header a:visited {
	color:#223766;
	border-bottom:0 dotted #516899;
}
#header a:hover,
#header a:active,
#header a:focus {
	color:#c01d38;
	border-bottom:0 solid #b55;
}

/*==================================================
	#page
==================================================*/
#page {
	margin: 0 auto;
	padding: 0 0 10px;
	width: 940px;
	text-align: left;
}
#page h1 {
	color: #4a3836;
}
#page h2 {
	color: #333;
}
#page p.breadcrumbs {
	padding: .4em 0 1.6em;
	font-size: 93%;
	float: left;
	display: inline;
	width: 610px;
	background-color:#fff;
}
#page p.breadcrumbs span {
	white-space:nowrap;
}
#page ul.nav#sub {
	width: 300px;
	float: right;
	display:inline;
}
#page ul.nav#sub li {
	margin: 0 0 0 8px;
	float: left;
	display: inline;
}
#page ul.nav#sub li a:link,
#page ul.nav#sub li a:visited,
#page ul.nav#sub li a:hover,
#page ul.nav#sub li a:active {
	border: 0;
}
#page p.totop:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
#page p.totop {
	clear: both;
	_height:1px;
	min-height: 1%;
	/*\*//*/
	height: auto;
	overflow:hidden;
	/**/
	zoom: 1;
}
html[xmlns] #page p.totop {
	display:block;
}
#page p.totop a {
	text-align: right;
	font-size: 93%;
	padding: 2px 0 0 14px;
	display: inline;
	float: right;
}
#page p.totop a:link,
#page p.totop a:visited {
	background: url(../img/icon_003.gif) 0 50% no-repeat;
}
#page p.totop a:hover,
#page p.totop a:active {
	background: url(../img/icon_003o.gif) 0 50% no-repeat;
}

/*==================================================
	#footer
==================================================*/
#footer {
	margin: 0 auto;
	background: url(../img/bg_footer.gif) 0 0 repeat-x #f0f0f0;
}
#footer .wrap {
	margin: 0 auto;
	width: 940px;
}
#footer p.product {
	padding: 34px 0 0;
	float: left;
	display: inline;
}
#footer ul.nav {
	margin: 0 auto;
	padding: 30px 0 12px;
	text-align: right;
	float: right;
	display: inline;
}
#footer .nav li {
	margin: 0 0 0 15px;
	padding: 3px 0 3px 11px;
	display: inline;
	line-height: 1.8;
	font-size: 93%;
	background: url(../img/icon_002.gif) 0 50% no-repeat;
}

/*	.copyright
==================================================*/
#footer p.copyright {
	margin: 0 auto;
	padding: 20px 0 15px;
	font-size: 93%;
	color: #333;
	text-align: center;
	background: url(../img/bg_copyright.gif) 0 0 repeat-x #fff;
}