@charset "shift_jis";

/* Table of contents :global.css

Reset
Basic layout + sticky footer

header
	-navigation
body
footer			
IE Fixes

*/


/* reset
--------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

/* basic layout + sticky footer
--------------------------------------------- */
html,
body {
	background:#64A333 url(../images/body_gradient.jpg) repeat-x;
	margin:0;
	padding:0;
	height:100%;
	text-align: left;
}
#container {
	min-height:100%;
	position:relative;
	overflow-x: hidden;
}

div#header_box {
	height: 169px;
	width: 750px;
	position: relative;
 }

#header {
	height: 196px;
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
	
div#header h1{
	background: transparent url(../images/header_logo.gif) no-repeat scroll left bottom;
	position: absolute;
	height: 109px;
	width: 244px;
	left:4px;
	top:44px;
}

div#header h1 a span {
	display: none;	
}
	
div#header h2.blurb{
	background: transparent url(../images/blurb_tel.gif) no-repeat scroll left bottom;
	position: relative;
	height: 53px;
	width: 255px;
	left:487px;
	top:10px;
}
	
ul#header_links{
	position: absolute;
	left:487px;
	top:80px;
} 

ul#header_links li.top{
	margin-bottom: 5px;
}

#body {
	width: 750px;
	margin: 0 auto;
	padding-bottom:228px;	/* Height of the footer */
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:228px;			/* Height of the footer */
	background:#6cf;
}

#top_content .title{
	width: 709px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #cccccc;
}

#top_content .header_top{
	height: 150px;
}

/*navigation 
------------------------------- */

#header .nav_wrap{
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	overflow:hidden;
}

#navigation{
	clear: left;
	float: left;
	left: 50%;
	list-style-type: none;
	bottom: 0;
	position: relative;
	text-align: center;
}

#navigation li{
	float: left;
	position: relative;
	right: 50%;
	margin-right: 1px;
}

#navigation li.left_curve{
	background: transparent url(../images/left_curve.gif);
	height:26px;
	width:10px;
}

#navigation li.right_curve{
	background: transparent url(../images/right_curve.gif);
	height:26px;
	width:10px;
	margin-right: 1px;
}

#navigation li a{
	line-height: 1.5em;
	width: auto;
	display: block;
	padding: 4px 7px;
	background: white;
	background-color: #E3F1F6;
}

#navigation li.current a{
	background: white;
}
 
.push{
	width: 10px;
	height: 26px;
}


/* body
------------------------------- */


.gradient_text{
	padding: 5px 0 0 3px;
	float: left;
	display: block;
}

.gradient_header{
	display: block;
	float: left;
	background: url(../images/about_gradient.gif) no-repeat;
	width:706px;
	height: 27px;
	margin: 20px 0 5px 0;
}


/* footer 
------------------------------- */

 #footer {
 	background: url(../images/footer_gradient.jpg) repeat-x;
 }

 #footer .inner {
 	width:750px;
   margin: 0 auto;
   position: relative;
 }
 
 #footer .footer_menu{
 	padding-top: 17px;
 
 }

 #footer ul{
	background: url(../images/footer_menu_background.gif) no-repeat 0 0;
	padding: 12px 0 0;
	height: 40px;
	text-align: center;
  }
 
 #footer li.first{
 	background: transparent none repeat scroll 0 0;
 }
 
 #footer li{
 	background: transparent url(../images/footer_spacer.gif) center left no-repeat;
 	display: inline;
 	padding-left: 10px;
 	list-style-position: inside;
 	list-style-image: none;
 	list-style-type: none;
 	margin-right: 5px;
 }
 
 #footer .small_logo{
 	background: url(../images/small_logo.gif) no-repeat;
 	display: block;
 	height: 26px;
 	width: 66px;
 	padding-bottom: 5px;
 }
 
 #footer .footer_address{
 	float: left;
 	width: 500px;
 }
 
 address {
 	text-align: left;
 	color: white;
 	display: block;
 	line-height:16px;
 }
  
 #footer .footer_logo{
 	background: url(../images/footer_logo.gif) no-repeat scroll left bottom;
 	display: inline;
 	float:right;
 	width:243px;
 	height:114px;
 }

/* IE Fixes
--------------------------------------------- */