/* -------------------------------------------------------------------------Basic Page Structure ---------------*/



body{ 
	margin:0; padding:0; 
	font-family: Georgia, Arial, Helvetica, sans-serif;
	background-color: #E5E5E5;
	font-size: 80%;
	color: #3F3F3F;
	line-height: 1.7em;
	background: #e5e5e5 url(http://www.wordworks.jp/images/design_images/sbbkgnd4.gif);
}
		
#container {
	width: 760px;
	\width: 780px;
 	w\idth: 760px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-left: 1px solid #2A3A00;
	border-right: 1px solid #2A3A00;
	border-bottom: 1px solid #2A3A00;
	border-top: 1px solid  #2A3A00;
}

#topnav {
	width: 750px;
	\width: 770px;
	w\idth: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background: transparent;
	text-align: center;
    }


#headerpic {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e5e5e5;
	font-size: 0px;
	line-height:2px;
	height: 222px;
}

#headerpic img{
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 1px;
}

#mainnav{
	background-image: url(http://www.wordworks.jp/images/design_images/nav_bkgnd.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#content {
	margin: 0px 0px 20px 0px;
	padding: 0px 25px 0px 0px;
	width: 483px;
	float: right;
}


#fullpage_content {
	margin: 0px 0px 20px 0px;
	padding: 0px 25px 20px 24px;
	width: 711px;
	float: right;
}


#sidebar-a {
	float:left;        
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	width: 228px;
	background-color: #ffffff;
}


#footer {
	clear: both;
	height: 23px;
	padding-top: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
	background-color: #2A3A00;
	color: #ffffff;
	background-image: url(http://www.wordworks.jp/images/design_images/footer_bkgnd.jpg);
	background-repeat: repeat-x;
	font-size: .85em;

}

#sitecredits{
	width: 760px;
	\width: 780px;
	w\idth: 760px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	margin-bottom: 3px;
	background: transparent;
	font-size: 10px;
	color: #5B5B5B;
}

#sitecredits .right{
	font-family: verdana;
	text-align: right;
	width: 50%;
	float: right;
}

#sitecredits .left{
	font-family: verdana;
	text-align: left;
	width: 50%;
	float: left;
}

/* ------------------------------------------------------------------------------Global Nav----------------------------------------------- */
#container #nav {
	width: 748px;
	height: 29px;
	margin: 0 auto 10px auto;
	color: #ffffff;
	padding-top: 5px;
	background-repeat: repeat-x;
}

#container #nav ul	{
	width: 750px;
	height: 26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding:0;
	list-style: none;
	color: #ffffff;
}


#container #nav ul li {
	list-style: none;
	text-align: center;
}
	
#container #nav ul li, ul li a {
	height: 20px;
	margin: 0;
	display: inline;
	color: #ffffff;
}

	
#container #nav ul li a {
	text-decoration: none;
	font-size: 16px;
	padding-top: 1px;
	padding-left: 17px;
	padding-right: 17px;
	color: #ffffff;
}

#container #nav a:hover {
	text-decoration: underline;
	color: #ffffff;
}	

/* ---------------------------------------------------------------------------- JP Global Nav ------------- */

#container #jp_nav {
	width: 748px;
	height: 29px;
	margin: 0 auto 10px auto;
	color: #ffffff;
	padding-top: 5px;
	background-repeat: repeat-x;
}

#container #jp_nav ul	{
	width: 750px;
	height: 26px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding:0;
	list-style: none;
	color: #ffffff;
}


#container #jp_nav ul li {
	list-style: none;
	text-align: center;
}
	
#container #jp_nav ul li, ul li a {
	height: 20px;
	margin: 0;
	display: inline;
	color: #ffffff;
}

	
#container #jp_nav ul li a {
	text-decoration: none;
	font-size: 12px;
	padding-top: 1px;
	padding-left: 17px;
	padding-right: 17px;
	color: #ffffff;
}

#container #jp_nav a:hover {
	text-decoration: underline;
	color: #ffffff;
}	


/* -----------------------------------------------------Main Nav Active Section Indicators */
body#home #homemenu a:link {text-decoration : underline;}
body#home #homemenu a:visited {text-decoration : underline;}

body#services #servicesmenu a:link {text-decoration : underline;}
body#services #servicesmenu a:visited {text-decoration : underline;}

body#people #peoplemenu a:link {text-decoration : underline;}
body#people #peoplemenu a:visited {text-decoration : underline;}

body#clients #clientsmenu a:link {text-decoration : underline;}
body#clients #clientsmenu a:visited {text-decoration : underline;}

body#books #booksmenu a:link {text-decoration : underline;}
body#books #booksmenu a:visited {text-decoration : underline;}

body#blogs #blogsmenu a:link {text-decoration : underline;}
body#blogs #blogsmenu a:visited {text-decoration : underline;}

body#contact #contactmenu a:link {text-decoration : underline;}
body#contact #contactmenu a:visited {text-decoration : underline;}

body#search #searchmenu a:link {text-decoration : underline;}
body#search #searchmenu a:visited {text-decoration : underline;}


/* ------------------------------------------------------------------------ Home Page Structure ---------------*/

.clear {
	clear: both;
}

.homepageband{
	width: 100%;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.bandleftcolumn{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	width: 228px;
	float:left;
	background-color: #ffffff;
	
}

.bandmiddlecolumn{
	width: 230px;
	background-color: #fff;
	float:left;
	margin-top: 5px;
	
}

.bandrightonecolumn {
	float: right;
	background-color: #ffffff;
	width: 229px;
	margin-top: 5px;

}


.bandrighttwocolumn{
	margin: 0px 0px 15px 0px;
	padding: 4px 25px 0px 0px;
	width: 483px;
	float:right;
	background-color: #fff;
	
}

.bandrighttwocolumnspacer{
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 54px;
	clear: both;
	background-image: url(http://www.wordworks.jp/images/design_images/blogdivider.jpg);
	background-repeat: no-repeat;
}

.homepageband h2{
	color: #636F44;
	font-weight: lighter;
	letter-spacing: -1px;
	font-size: 2em;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}


.jp{
	font-weight: bold;	
	letter-spacing: -1px;
	font-size: .8em;
}

.en{}


.homepageband h3{
	color: #A9A9A9;
	font-size: 1.4em;
	font-weight: lighter;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.homepageband h4{
	font-size: 1.2em;
	color: #636F44;
	font-weight: lighter;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom:0px;
}

.homepageband .postdate{
	color: #A9A9A9;
	font-size: .85em;
	margin-bottom: 0px;
	margin-top: -5px;
}

.homepageband .postedin{
	color: #A9A9A9;
	font-size: .85em;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.3em;
}


#container .homepageband h2 a:link {
	color: #636F44;
	text-decoration: none;
}

#container .homepageband h2 a:hover{
	color: #33371E;
	text-decoration: none;
}


#container .homepageband h2 a:visited {
	color: #636F44;
	text-decoration: none;
}

#container .homepageband h2 a:visited:hover {
	color: #33371E;
	text-decoration: none;
}


.homepageband p{
	margin: 0px;
	padding: 0px;
}

.homepagedivider{
	background-image: url(http://www.wordworks.jp/images/design_images/divider.jpg);
	background-repeat: no-repeat;
	height: 54px;
	clear: both;
}




/* ---------------------------------------------------------------------------------------------- Links ---------------*/

#topnav a:link{
	color: #F66804;
	text-decoration:none;
        font-weight: bold;
	}

#topnav a:hover{
	color: #33371E;
	text-decoration: underline;
        font-weight: bold;
}	
	
#topnav a:visited{
	color: #F66804;
	text-decoration:none;
        font-weight: bold;
}

#topnav a:visited:hover{
	color: #33371E;
	text-decoration: underline;
        font-weight: bold;
}

#container a:link{
	color: #F66804;
	text-decoration: underline;
}

#container a:visited {
		color: #F66804;
	        text-decoration: none;
}

#container a:hover, a:active {
	color: #DD5B04;
	text-decoration: underline;
}	

#sitecredits a:link{
	color: #000000;
	text-decoration: none;
}

#sitecredits a:visited {
	color: #3F3F3F;
	text-decoration: none;
}

#sitecredits a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}	

#footer a:link{
	color: #ffffff;
	text-decoration:none;
}

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

#footer a:visited{
	color: #ffffff;
	text-decoration: none;
}

#footer a:visited:hover{
	color: #e5e5e5;
	text-decoration: underline;
}


#container .homepageband h4 a:link {
	color: #636F44;
	text-decoration: none;
}

#container .homepageband h4 a:hover{
	color: #33371E;
	text-decoration: none;
}


#container .homepageband h4 a:visited {
	color: #636F44;
	text-decoration: none;
}

#container .homepageband h4 a:visited:hover {
	color: #33371E;
	text-decoration: none;
}




/* ------------------------------------------------------------------------------------------------- Lists ---------------*/
#container .bandrighttwocolumn ul {
	padding-top: 0px;
	margin-top: 10px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	padding-bottom: 20px;
}

#container .bandrighttwocolumn ul li {
	background: url(http://www.wordworks.jp/images/design_images/flowerbullet.gif) no-repeat 0px 6px;
	padding-left: 13px;
	
}


#content ul {
	padding-top: 0px;
	margin-top: 10px;
	padding-left: 0px;
	margin-left: 15px;
	list-style: none;
	padding-bottom: 0px;
}

#content ul li {
	background: url(http://www.wordworks.jp/images/design_images/flowerbullet.gif) no-repeat 0px 6px;
	padding-left: 13px;
	
}

#content ul li ul{
	margin-top: 0px;
	margin-left: 10px;
}

#content ol li{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #d9d9d9;
}

/* ------------------------------------------------------------------------------------------ Images ---------------*/

.bandrighttwocolumn .bandrightonecolumn img {
	float: right;	
	padding: 3px 3px 3px 3px; 
	border: 1px solid #636F44;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 10px;
	background: #e5e5e5
}

.bandrighttwocolumn img{
	padding: 15px 0px 15px 0px;	
}





/* ---------------------------------------------------------------------------- sub-page text ---------------*/
#content h2 {
	color: #636F44;
	font-weight: lighter;
	letter-spacing: -1px;
	font-size: 2em;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}


#fullpage_content h2{
	color: #636F44;
	font-weight: lighter;
	letter-spacing: -1px;
	font-size: 2em;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#content h3 {
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
        font-size: 1.4em;
        font-weight: normal;
        color: #444D6F;
}

#content h4{
        padding: 0px 0px 0px 0px;
        margin: 15px 0px 0px 0px;
        font-size: 1.2em;
        font-weight: normal;
}

#content h3 a:link{
	color:#444D6F;
	text-decoration: none;
}

#content h3 a:hover{
	color:#444D6F;
	text-decoration: underline;
}

#content h3 a:visited {
	color:#444D6F;
	text-decoration: none;
}

#content h3 a:visited:hover{
	color:#444D6F;
	text-decoration: underline;
}

#content .categories{
	font-size: .9em;
	line-height: 1.4em;
	color:#636F44;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
}


#content p {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 5px 1px;
}

#content blockquote{
	background: url(http://www.wordworks.jp/images/design_images/blockquote.gif) top left no-repeat;
	margin: 15px 50px 25px 20px;
	padding: 4px 0 5px 16px;
	font-size: 95%;
	border-bottom: 1px dotted #d9d9d9;
}

#content img {
	float: right;
	margin: 25px 0px 5px 10px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #2A3A00;
	margin-left: 10px;
	background: #D0D0D0;
}

#content table img{
	margin: 52px 0px 5px 10px;
}

#category_heading{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}


#content .booktable {
	width: 482px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}

#content .divider {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	background: transparent;
}

#content .comment_divider{
	border:none;
	background: transparent;
}

.section_description{
	margin: 20px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}

.content_entry{
      margin: 0px 0px 30px 0px;
      padding: 0xp 0px 0px 0px;
}


.content_entry img{
      margin: 100px 0px 0px 0px;

}


/* ---------------------------------------------------------------------------- sidebar text ---------------*/

#sidebar_top_spacer{
	height: 70px;
}

#sidebar-a .content_block{
	margin: 5px 20px 30px 0px;
	padding: 0px 0px 0px 0px
}

#sidebar-a h3 {
	 padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: normal;
	color: #444D6F;
}

#sidebar-a h4{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: .9em;
	font-weight: normal;
}

#sidebar-a p{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
}

#sidebar-a ul{
	margin: 5px 20px 5px 14px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	line-height: 1.5em;
}

#sidebar-a ul li{
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}


#sidebar-a .sidebar_postdate{
	color: #A9A9A9;
	font-size: .85em;
	margin-bottom: 0px;
	margin-top: -5px;
}

.sidebar_postedin{
	color: #A9A9A9;
	font-size: .85em;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.3em;
}

#sidebar-a form {
        margin: 5px 0px 0px 0px;
}


#sidebar-a select {
        margin: 0px 0px 5px 0px;
        background-color:  #e5e5e5;
        border: 1px solid #999999;
        font-family: Georgia, Arial, Helvetica, sans-serif;
}


/* ---------------------------------------------------------------------------- Pagination  ---------------*/

.paginate {
	 font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	 font-size: 11px;
	 font-weight: normal;
	letter-spacing: .1em;
	padding: 20px 0px 0px 0px;
	margin: 0;
	background-color: transparent;
}

.pagecount {
	font-family:	Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 11px;
	color: #666;
	font-weight:  normal;
 	background-color: transparent;
	margin: 0px 0px 0px -35px;
}

.books_pagecount {
	font-family:	Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size:11px;
	color: #666;
	font-weight: normal;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
}


/* ---------------------------------------------------------------------------- Forms ---------------*/
input.large {
	width: 200px;
	font: 11px/16px verdana,trebuchet,sans-serif;
}

input {
	background-color:  #e5e5e5;
	border: 1px solid #999999;
	font: 11px/16px verdana,trebuchet,sans-serif;
}

input:focus {
	background-color : #f9f9f9;
}

input.button {
	color : white;
	background-color : #636F44;
	font: 11px/16px verdana,trebuchet,sans-serif;
}

input.hidden{
	display:inline;
}

textarea {
	border: 1px solid #999999;
	margin-bottom: 10px;
	color: black;
	background-color: #e5e5e5;
	font: 11px/16px verdana,trebuchet,sans-serif;
}

textarea:focus {
	background-color : #f9f9f9;
}

.pulldown {
	 font-family: trebuchet,Verdana, sans-serif;
	 font-size:	11px;
	 font-weight: bold;
	 color:	#333333;
	 border-top: #000000 1px solid; 
	 border-left: #000000 1px solid; 
	 border-right: #000000 1px solid; 
	 border-bottom: #000000 1px solid;
}

#captcha img{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: none;
}

.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}