/*Common*/
body, input, textarea {
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #918873;
	background: #000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	letter-spacing: 0;
	padding-top: 30;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
/*q: before, q: after {
	content: '';
}*/
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup, sub {
	/*line-height: -1px;*/
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
h1 {
	font-size: 138.5%;
}
h2 {
	font-size: 123.1%;
}
h3 {
	font-size: 108%;
}
h1, h2, h3 {
	margin: 0;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
em {
	font-style: italic;
}
/*blockquote, ul, ol, dl {
	margin: 1em;
}
ol, ul, dl {
	margin-left: 2em;
}*/
ol li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}
dl dd {
	margin-left: 1em;
}
th, td {
	border: 1px solid #000;
	padding: .5em;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	margin-bottom: 0.5em;
	text-align: center;
}
p, fieldset, table {
	margin-bottom: 1em;
}
textarea {
	/*resize: none;*/
}
a {
	text-decoration: none;
}
a img {
	border: none;
}

/*User specific*/
body {
	font-size: 13px;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	text-align: center;
}
hr {
	display: none;
}
#main-shadow {
	width: 100%;
	background-image: url(shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.wrapper, .wrapper-b {
	width: 990px;
	margin: 0 auto;
}
.wrapper {
	padding: 0px;
	background-image: url(border-vertical.png);
	background-repeat: repeat-y;
	text-align: left;
}
.l {
	background-position: -10px 0px;
}
.r {
	background-position: 980px 0px;
}
.wrapper-b {
	height: 10px;
	background-image: url(border.png);
	background-repeat: no-repeat;
	background-position: -10px -8px;
}
.br {
	background-position: 980px -8px;
}
.bl, #main-container {
	width: 970px;
}
.bl {
	background-repeat: repeat-x;
	background-position: 0px -26px;
}
#main-container {
	margin-left: 10px;
}
.container-b {
	height: 9px;
	background-image: url(border-bottom.png);
	background-repeat: no-repeat;
	background-position: -9px 0px;
}
.cr {
	background-position: 961px 0px;
}
.cl {
	margin-left: 9px;
	margin-right: 9px;
	background-repeat: repeat-x;
	background-position: 0px -9px;
}
#header {
	width: 100%;
	height: 30px;
	background-color: #000;
}

/*Navigation*/
#logo {
	float: left;
	margin-top: 15px;
	margin-left: 18px;
}
#navigation {
	float: none;
	width: 800px!important;
	line-height: 3em;
	margin: 0px;
}
#navigation {
	list-style-type: none;
	list-style-image: none;
}
#navigation li {
	display: inline;
	cursor: pointer;
}

#logo, #navigation a {
	color: #b5b29c;
}
#navigation a {
	float: right;
	display: block;
	/*height: 56px;*/
	background: #000;
	margin-left: 2px;
	background-image: url(menu.png);
	background-position: top right;
	background-repeat: no-repeat;
}
#navigation a:hover, #navigation .selected {
	background-position: right -56px;
	color: #7F7148;
}
#navigation a:hover .title, #navigation .selected .title {
	color: #7c7567;
	background-image: url(menu-bullet-hover.gif);
}
.strong {
	width: 50px;
	margin-top: 14px;
	margin-left: 17px;
	height: 20px;
	display: block;
	font-size: 1.4em;
	font-variant: small-caps;
	color: #b1aca2;
	background-image: url(menu-captions.png);
	background-repeat: no-repeat;
	text-indent: -1920px;
	cursor: pointer;
}
.title {
	width: 95px;
	display: block;
	margin-left: 4px;
	font-size: 1.1em;
	color: #4a4740;
	padding-left: 1.05em;
	background-image: url(menu-bullet.gif);
	background-position:  3px 10px;
	background-repeat: no-repeat;
	line-height: 2em;
	cursor: pointer;
	white-space: nowrap;
}
#home {
	width: 27px;
}
#about {
	width: 32px;
	background-position: -27px 0px;
}
#news {
	width: 28px;
	background-position: -58px 0px;
}
#portfolio {
	width: 50px;
	background-position: -85px 0px;
}
#services {
	width: 40px;
	background-position: -135px 0px;
}
#contact {
	width: 40px;
	background-position: -200px 0px;
}
#blog {
	background-image: url(blog.png);
	background-repeat: no-repeat;
}
/*Navigation*/

.artwork {
	background-color: #000;
}
#artwork, .artwork {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	padding-top: 30px;
}
h1 {
	height: 94px;
	line-height: 5em;
	background-repeat: no-repeat;
	text-indent: -1920px;
	margin-left: 20px;
	margin-top: -71px;
}
#content {
	width: 100%;
	background-color: #000;
	padding-top: 10px;
}
#content-box {
	margin-left: 10px;
	margin-right: 10px;
}
.box {
	background-image: url(boxbg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/*Custoom dynamic box*/
.box-border, .box-borders {
	width: 100%;
}
.box-border {
	background-image: url(box-corner.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.box-borders-b, .box-borders-t {
	height: 7px;
	background-repeat: no-repeat;
}
.box-borders-t {
	background-image: url(box-corners-t.gif);
}
.box-borders-b {
	background-image: url(box-corners-b.gif);
}
.bbr {
	background-position: right;
}
.bbtr {
	background-position: left -7px;
	padding-left: 7px;
}
.bbtl {
	background-position: right -7px;
	padding-right: 7px;
}
.bbt, .bbb {
	height: 7px;
	background-repeat: repeat-x;
}
.bbt {
	background-position: top;
}
.bbbr {
	background-position: left 0px;
	padding-left: 7px;
}
.bbbl {
	background-position: right 0px;
	padding-right: 7px;
}
.bbb {
	background-position: bottom;
}
/*Custoom dynamic box*/

.content {
	padding-top: 4px;
	margin-left: 11px;
	margin-right: 11px;
}
.hdr {
	height: 3em;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #887249;
}
.hdr em, .ftr em {
	color: #561200;
}
h2 {
	font-variant: small-caps;
	font-weight: normal;
}
.hdr h2 {
	float: left;
	width: 60%;
	line-height: 1.4em;
	font-size: 1.8em;
	text-indent: 3px;
	color: #afaaa0;
	letter-spacing: -0.2px;
	word-spacing: 2px;
	font-size: 2em;
}
.hdr .right {
	float: right;
	height: 30px;
	text-align: right;
	font-size: 1.1em;
	line-height: 3em;
	color: #38382e;
}
.box a {
	text-decoration: none;
	color: #937f57;
}
.box a:hover {
	text-decoration: underline;
}
.box .ftr {
	margin-bottom: -5px;
	background: url(haragei.png) left center no-repeat;
	text-align: right;
	font-size: 1.1em;
	line-height: 3.2em;
	color: #38382e;
}
.ftr span {
	padding-right: 10px;
}
.ftr a {
	color: #525245;
}
#footer {
	background: none;
	margin-top: 0px;
	text-indent: 20px;
	line-height: 30px;
	color: #4d4940;
	font-size: 1.1em;
}

.loader {
	background-image: url(loader.gif);
	background-position: center;
	background-repeat: no-repeat;
}