{ 
	margin: 0;
	padding: 0;
}

body {
margin: 0 auto;
padding: 0;
height: auto;
/*background: #72846c;*/
background:#f2f2ea url(img/shadow.jpg) repeat-y center;
color: #333;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.6em;
/*background-image:url("img/bg.gif");
background-repeat: repeat-x;
background-position: left top;
background-attachment: fixed;*/
}

#logo
{
margin: 0 auto;
padding: 0;
width:800px;
height:70px;
background: #457a43;
display: block;
background-image:url("img/nak_logo.gif");
background-repeat: no-repeat;
background-position: left top;
/*border-left: 4px solid #686;
border-right: 4px solid #686;*/
text-indent: -3999px;
}

#logo a {
display:block;
height:70px;
width: 500px;
text-indent: -3999px;
}


#wrapper {
background: #fff;
margin: 0 auto 20px auto;
padding: 0;
width:800px;
height: 100%;
/*border: solid 4px #686;*/
border-top: solid 1px #686;
display: block;
}

a {
color: #686;
text-decoration: underline;
}



#faq a, #index dl a, .client a {
color: #333;
}

#faq dl a {
text-decoration: none;
}

a img {border:0;}

.clearboth
{
clear: both;
padding: 0;
margin: 0;
}

.clearboth-line
{
clear: both;
border-bottom: #999;
border-width: 0 0 1px 0;
border-style: none none solid none;
}



/* FONTS AND COLORS ----------------*/

#seo_code .indent {
font-family: "MS UI Gothic", osaka_unicode, sans-serif ;
}

h1, h2, h3
{padding: 0 0 10px 0; margin: 0;}

h1
{font-size: 150%;}

h2
{font-size: 130%; padding: 0; color: #457a43;}

h3
{font-size: 120%; padding: 0;}


.header {font-weight: bold; font-size: 120%; line-height: 1.4em;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.small {font-size: 94%;}
.smallb {font-size: 94%; font-weight: bold;}
.exsmall {font-size: 88%;} 
.tight {line-height: 1.25em;}
.tightsmall {font-size: 94%; line-height: 1.25em;}
.bigb {font-size: 110%; font-weight: bold;}
.boldtop {font-weight: bold; margin-top: 5px;}
.margint {margin-top: 10px;}
.marginb {margin-bottom: 8px;}
.margintb {margin-bottom: 10px; margin-top: 10px;}
.marginl {margin-left: 10px;}
.center {text-align: center; margin: 0 auto;}
.aright {text-align: right;}
.aleft {text-align: left;}

dt
{font-weight: bold;}


/* nav ---------------- */
#nav, #subnav
{
	padding: 0;
	margin: 0;
	height: 28px;
	width: 100%;
	background-color: #999; 
	display: block;
	background-image: url(img/bkg_nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
}

#subnav
{
	clear: both;
	display: block;
    height: 19px;
}

#nav ul, #subnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}

#subnav ul
{
	height: 19px;
	width: 100%;
/*	background: #88BF3A; */
	background: #72846c;
	float: left;
	clear: both;
	display: block;
	line-height: 6px;
/*	border-bottom: #2B516F;
	border-width: 0 0 4px 0;
	border-style: none none solid none;*/
}

#nav li, #subnav li
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
    width: 125px;
}

#subnav li
{
    height: 18px;
	width: auto;
}

#nav a
{
	color: #FFF;
	display: block;
	text-decoration: none;
	margin: 1px 0;
	padding: 8px 0 6px 0;
	font-family: "Frutiger 65", Arial, sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
}

#subnav a
{
	color: #FFF;
	display: block;
/*	width: auto; */ 
	text-decoration: none;
	margin: 0;
	padding: 7px 28px 0 22px;
/*	background: #88BF3A; */
	background: #72846c;
	font-family: "Frutiger 65", Arial, sans-serif;
	font-size: 100%;
	border-style: none;
	font-weight: bold;
}


#nav a:hover, 
#nav a:active 
{ color: #88BF3A; }

#nav a#current, #nav a:hover#current
{
	background: #626973;
	background-image: url(img/bkg_nav_over.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
}

#subnav a:hover, #subnav a#current-s
{
	color: #2F3540;
	text-decoration: none;
}


#nav a.active:link, 
#nav a.active:visited
{
	position: relative;
	z-index: 102;
	background: #88BF3A;
	font-weight: bold;
}

/* OTHER STRUCTURE ----------------------*/


#column-one
{
	width: 530px;
	margin: 0;
	padding: 0;
	float: left;
    display: inline;
}

#column-two
{
	width: 224px;
	margin: 20px 16px 0 0;
	padding: 0;
	float: right;
    display: inline;
 }

#content-body
{
	display: block;
	float: left;
	margin: 0;
	padding: 10px 20px 10px 20px;
    display: inline;
}

#portfolio #content-body {
    padding-right: 0
}

#contact #content-body {
    padding-bottom: 160px;
}

.indent {
padding-left: 16px;
}

/* dl -----*/

dl {
clear: both;
margin: 0;
padding: 0;
}

dt {
clear: both;
float: left;
display: inline;
width: 120px;
margin: 15px 0 0 0;
padding: 0 0 0 18px;
}


dd {
float: right;
width: 320px;
margin: 15px 0 0 0;
padding: 0 0 0 10px;
display: inline;
}


#contact dt {
width: 70px;
text-align: right;
}

#contact dd {
width: 370px;
}

#about dt {
text-align: right;
}

#faq dt {
width: 450px;
text-indent: -20px;
}

#faq dd {
float: left;
width: 440px;
padding: 0 0 0 28px;
margin-top: 8px;
text-indent: 0px;
}

#faq dd ul {
padding-left: 10px;
}


dd.last {
padding: 0 0 18px 0;
}


/* ul---------------*/

#faq #content-body ul {
margin-left: 20px;
}

#faq #content-body ul ul {
padding-left: 10px;
}

#services #content-body li {
margin-bottom: 10px;
}

#services li li {
margin: 5px 0 0 -6px;
}


/* box---------------*/
.box {
width: 224px;
margin: 0 0 12px 0;
padding: 0;
background:url("img/box-cup.gif") no-repeat bottom left;
}

.box .cap {
width: 224px;
margin: 0;
padding: 0;   /*this needs to be 0 */
background:url("img/box-cap-s.gif") no-repeat left top;
color: #fff;
}

.box .cap span {
/*margin-left: 10px;
line-height: 2.4em;*/
padding: 3px 10px;
display: block;
}

.box-body {
padding: 8px 10px 10px 10px;
}



/* footer --------- */
#footer {
	display: block;
	padding: 0 10px 0 0;
	margin: 0;
    text-align: right;
    font-size: 90%;
}

/* portfolio ------ */
.p-unit {
    width: 470px;
    margin: 10px 10px 10px 0;
    border: 2px solid #457a43;
    padding: 10px;
    background: #dfe6d9;
}

.p-unit img {
    float: left;
    border: 1px solid #999;
    margin: 10px 14px 5px 0;
    display: inline;
    height: 180px;
}

.p-unit p {
    margin: 0 0 10px 0;
    padding: 0;
}

.p-unit p.aright {
    margin: -10px 0 0 0;
}

/* more------------- */
.more {
    text-align: right;
    background-image:url("img/arrow_green.gif");
	background-repeat: no-repeat;
	background-position: right 50%;
    margin:0;
    padding-right: 10px;
}

.more a {
text-decoration: none;
}


/* service_list --- */
#service_list {
margin: 10px 0px 0 10px;
}

#service_list h2 {
    font-size: 108%;
    font-weight: bold;
}

#service_list h2 a {
    color: #333;
    text-decoration: none;
}

#service_list p {
    margin: 5px 5px 16px 14px;
    padding: 0;
}

#service_list img {
    padding-left: 5px;
}

img.kazari {
margin: -5px 0 0 0;
}

p.yun {
font-size: 80%;
text-align: right;
margin-top: 0;
}

p.yun a {text-decoration: none;
}