@import "reset.css";
@import "fonts.css";
@charset "UTF-8";

/*-----------------------------------------------------------------------------
Primary Style Sheet

version:   1.0
author:    DRAWING AND MANUAL.
website:   http://www.d-deprtment.jp

-----------------------------------------------------------------------------*/
html {  width:100%;
		height:100%; 
		overflow-x:hidden; 
		padding: 0;
		overflow-y: scroll;
		}

body  
{	
	width:100%;
		height:100%;
		color:#fff; 
		background-color:#121212; 
		background-position: center top;
		background-image: url(/Assets/images/body-bg1.jpg);
		background-repeat: no-repeat; 
		background-attachment: fixed;
		}
.text  
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
}

.big_block 
{
	font-family:Arial black,  sans-serif; display:block; font-size:140%; line-height: 1.0em; font-weight: bold; margin: 0 0 5px 0;
}

.button {
  color:#000;
  background: white url('/Assets/Images/buttons/button_bkgr.png') repeat;
  font: bold 100% Helvetica, Verdana, Arial,sans-serif;
  padding: 1px 5px;
  background-color:#EEE;
  border:1px solid;
  border-color: #CCC #AAA #CCC #AAA;
}

.date { font-family: Arial, sans-serif; color:#999; text-transform:uppercase; display:block; font-size:110%; line-height: 1.0em; font-weight: bold; display:block;  }
.title { font-family:Arial black,  sans-serif; color:#FFF; text-transform:uppercase; display:block; font-size:160%; line-height: 1.0em; font-weight: bold; margin: 0 0 5px 0; }
.title-inactive { font-family:Arial black,  sans-serif; color:#555; text-transform:uppercase; display:block; font-size:160%; line-height: 1.0em; font-weight: bold; margin: 0 0 5px 0; }
.title_underline { border-bottom: 3px solid #fff; }
.orange_title { font-family:Arial black,  sans-serif; color:#e89723; text-transform:uppercase; display:block; font-size:160%; line-height: 1.0em; font-weight: bold; margin: 0 0 5px 0; }



.edit_txt { margin-left:25px; width:900px; text-align:left;font-family:Arial Black, Verdana; color:#000; font-size:140%; display:block;  letter-spacing: -0.1em; }
.content_text   
{
	font-size:100%; 
	margin: 0 0 10px 0; 
	font-family:Arial,  sans-serif; 
	color:#7f7e7b; 
	line-height: 1.3em; 
	width: 94%; 
}

.content_text p
{
	font-size: 110%;
	padding: 3px 0px;
}

.content_text li
{
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}

img{margin:0;padding:0;border:none;}
a:focus, a:hover, a:active { outline:none }

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* Container ----------------------------------------------------------------*/
#container 
{
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

#container-inner {
	margin:0 auto;
	padding: 40px 0 0 0;
	width:100%;
	float:left;
}

#container2 
{
	margin:0 auto;
	padding: 120px 20px 0 20px;
	width:960px;
	text-align:left;
}



/* --------------------------------------------------------------------------*/
/* top nav -------------------------------------------------------------------*/
#top-nav {
	font-size:100%;
	top:0;
	left:0;
	margin:0 0 0 0;
	padding:15px;
	text-align: right;
	width: 100%;
	display:block;
	background-color:#000000;
	height: 60px;
	position: fixed;
	z-index: 20;
	}

#top-nav span.logo { margin: 0; float: left }

#top-nav ul{
	display: inline;
	padding: 0 20px 0 0;
	margin: 0;
}
#top-nav ul li{
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
	line-height:1.5em;
}
#top-nav ul li a {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding: 30px 0 0 0;
	margin: 0;
	font-size: 90%;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 3px solid #000000;
}

#top-nav ul li a:hover {border-bottom: 3px solid #e89723;}
#top-nav ul li a.active {border-bottom: 3px solid #e89723;}
	

/* --------------------------------------------------------------------------*/
/* pagebody -----------------------------------------------------------------*/
#pagebody {
	position:relative;
	left:0;
	height:1px;
}
#grid {
	position:absolute;
	top: 20px;
	width:auto;
	left:0;
}
#grid div.item{
	position:absolute;
	background:#000;
	width:190px;
	text-align:left;
}
#grid div.item div.body{
	line-height: 1.2em;
	padding: 8px;
}
#grid div.item div.body img{
	padding: 0;
}
#grid div.item div.body ul.rotation{
	margin-bottom: 8px;
}
#grid div.item div.body div{
}
#grid div.item div.body .title{
	font-family: Arial black,  sans-serif; 
	color:#FFFFFF; 
	text-transform:uppercase; 
	display:block; 
	font-size:160%; 
	line-height: 1.0em; 
	margin: 10px 0 0 0;
	}

#grid div.item div.body .description{
	font-size:85%; 
	padding-top: 10px; 
	font-family: Arial, sans-serif; 
	line-height: 1.2em;
	color:#7f7e7b; 
	}

.description a { font-family: Arial,  sans-serif; font-weight: bold; text-transform:uppercase; display:block; font-size: 15px; color:#FFFFFF; text-decoration:none; margin-top: 10px; border-bottom: 3px solid #000; }
.description a:hover { border-bottom: 3px solid #FFFFFF;  }

	
		
		
.description p {margin: 0 0 10px 0;}

#grid div.item div.body ul{
	font-size:85%;
	margin:0;
	padding:0;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
	right: 0;
}
.jScrollPaneDrag:hover {
	background: #666;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}



/* --------------------------------------------------------------------------*/
/* home details  -------------------------------------------------------------------*/
#home-details {
	position:relative;
	float: left;
	display: inline;
	font-size:90%;
	margin: 110px 0 0 0;
	padding: 0;
	text-align: left;
	clear:both;
	border-top: #fff 2px solid;
	color:#7f7e7b;
	width: 100%;
	}
	
#home-details ul{
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	}
	
#home-details ul li{
	display: inline-block;
	padding: 0;
	margin: 35px 0 20px 25px;
	line-height:1.3em;
	width: 20%;
	float:left;
	}
	
#home-details ul li a{
	display: inline-block;
	}


#home-details h3 { font-family: Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; display:block; font-size:175%; line-height: 1.0em; font-weight: bold; margin: 0 0 5px 0; }


#homenav {		
	border:0;	
	font-family: Arial black, sans-serif;
	float:left;
	display:block;
	padding: 0 0 8px 0;
	width: 572px;
	height: 380px;
	background-image:url(/Assets/images/leo-crossed-arms-smiling.jpg);
	background-repeat:no-repeat;
	}

#homenav ul {
	position:relative;
	top: 105px;
	right: 220px;
	list-style-type:none;
	margin: 0;
	text-align: right;
	list-style-type:none;
	line-height: 2.3em;
	}


#homenav a {
	display:block;
	text-decoration:none;
	color:#fff;
	margin: 0 0 0 0;
	font-size:255%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	}

#homenav li a:hover,
#homenav li a.sel {
	color:#fff;
	}
	
	
	
/* content ---------------------------------------------------------------------*/


#content .title
{
	font-size:200%;
	letter-spacing:0px;
	clear: left;
}
#content .title_underline
{
	text-align: right;
	padding-right: 10px;
}

#sidebar_container {
	border:0;
	font-family: Arial, sans-serif;
	float:left;
	display:block;
	padding-top: 30px;
	margin:auto;
	letter-spacing: -0.02em;	
	color: #7f7e7b; 
	}

#sidebar {
	background-color: #000;
	width:215px;
	padding:10px;
	margin: 5px;
	}
	
#sidebar li a:visited,
#sidebar li a {
	display:block;
	text-decoration:none;
	color:#444;
	margin: 0 0 0 0;
	font-size: 135%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	letter-spacing: -1px;	
	font-family: Arial black, sans-serif;
	}

#sidebar li a:hover,
#sidebar li a:active,
#sidebar li a.sel {
	color:#fff;
	cursor: pointer;
	}

#content {
	border:0;
	font-family: Arial, sans-serif;
	float:left;
	display:block;
	padding: 30px;
	margin:auto;
	letter-spacing: -0.02em;	
	color: #7f7e7b; 
	}
	
.inner_content 
{
	background-color: #000;
	padding:10px;
	margin: 5px;
}

.inner_content a { font-family:Arial, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none; margin-top: 15px; padding-bottom: 3px; }
.inner_content a:hover { border-bottom: 2px solid #FFFFFF; padding-bottom: 0;  }
	
#content p 
{
	padding: 5px;
	text-align: justify;
}

#content ul
{
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	display:block;
	color:#7f7e7b;
	margin: 0 0 0 0;
	letter-spacing: -0.02em;	
	}

.details_box {
	display:none;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	}	

.details_box p {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-weight: normal;
	color: #777777;
	font-size: 90%;
	width: 50%;
	line-height: 1.3em;
	}
	
.details_box h1 {
	font-size: 180%;
	margin: 0 0 5px 0;
	font-weight: bold;
	display:block;
	text-transform: uppercase;
	color:#FFFFFF;
	}

.details_box h3{
	display: block; 
	font-size: 100%;
	width: 50%;
	margin: 0 0 10px 0;
	line-height: 1.3em;
	}



/* --------------------------------------------------------------------------*/
/* Admin - nav -------------------------------------------------------------------*/



.edit_container h1 {
	display:block;
	text-decoration:underline;
	color:#fff;
	margin: 0 0 0 0;
	padding: 20px 0 5px 0;
	font-size: 250%;
	text-transform:uppercase;
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	}

.edit_container h3 
{
	width: 250px;
	display:block;
	text-decoration:none;
	color:#666;
	margin: 0 0 0 0;
	padding: 20px 0 5px 0;
	font-size: 150%;
	text-transform:uppercase;
	font-weight: bold; 
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	}
	
/* --------------------------------------------------------------------------*/
/* Admin - nav -------------------------------------------------------------------*/
#news_nav 
{
	border:0;
	width: 10%;
	font-family: Helvetica, Arial, sans-serif;
	float:left;
	vertical-align: top;
	display:block;
	padding: 40px;
	margin:auto;
	cursor: pointer;
}

#news_nav a {
	display:block;
	text-decoration:none;
	color:#888;
	margin: 0 0 0 0;
	font-size: 330%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	}
	
#news_months a {
	display:block;
	text-decoration:none;
	color:#444;
	margin: 0 0 0 0;
	font-size: 115%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	}

#news_nav a:hover,
#news_nav a:active,
#news_nav a:visited,
#news_nav a.sel {
	color:#fff;
	cursor: pointer;
	}

#news_articles
{
	border:0;
	width: 70%;
	font-family: Helvetica, Arial, sans-serif;
	float:right;
	display:block;
	padding: 40px;
	margin:auto;
}

.news_box  
{
	background: #000;
	padding: 10px;
}

.news_box a { font-size: 14px; color:#bbb; text-decoration:none; border-bottom: 2px solid #000; font-weight: bold;}
.news_box a:hover { border-bottom: 2px solid #bbb;  }

.news_box_admin a { text-transform:uppercase; display:block; font-size: 14px; color:#fff; text-decoration:none; margin-top: 10px; border-bottom: 2px solid #000; font-weight: bold;}
.news_box_admin a:hover { border-bottom: 2px solid #FFFFFF;  }

.latest_news {  padding: 10px 10px 10px ; background-image: url(/Assets/image/bg_trans.png); background-repeat: repeat;  width: 354px; float:left; display:block; margin: 0; } 
.latest_news p { font-size:85%; margin: 0 0 10px 0; font-family:Arial,  sans-serif; color:#7f7e7b; display:block; line-height: 1.3em; width: 94%; display:block; }
.latest_news a { text-transform:uppercase; display:block; font-size: 15px; color:#FFFFFF; text-decoration:none; margin-top: 10px; border-bottom: 3px solid #000; font-weight: bold;}
.latest_news a:hover { border-bottom: 3px solid #FFFFFF;  }
	
#inactive_article 
{
	background: #444;
	color: #999;
	display:block; 
	text-align: center;
	font-family:Arial,  sans-serif;
	font-size:160%;
	font-weight:bold;
	padding:2px;
}

/* --------------------------------------------------------------------------*/
/* Admin - nav -------------------------------------------------------------------*/



#admin_nav {		
	border:0;
	font-family: Helvetica, Arial, sans-serif;
	float:left;
	display:block;
	padding: 40px;
	margin:auto;
	cursor: pointer;
	}

#admin_nav ul {
	list-style-type:none;
	text-align: left;
	cursor: default;
	line-height: 2.9em;
	}

#admin_nav li a:visited,
#admin_nav li a {
	display:block;
	text-decoration:none;
	color:#444;
	margin: 0 0 0 0;
	font-size: 330%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	}

#admin_nav li a:hover,
#admin_nav li a:active,
#admin_nav li a.sel {
	color:#fff;
	cursor: pointer;
	}

	

/* --------------------------------------------------------------------------*/
/* ABOUT US - nav -------------------------------------------------------------------*/



#sitemap_nav {		
	border:0;
	font-family: Helvetica, Arial, sans-serif;
	float:left;
	display:block;
	padding: 40px;
	margin:auto;
	cursor: pointer;
	}

#sitemap_nav ul {
	list-style-type:none;
	text-align: left;
	cursor: pointer;
	margin: 100px 0 0 0;
	line-height: 2.9em;
	}

#sitemap_nav li a {
	display:block;
	text-decoration:none;
	color:#333;
	margin: 0 0 0 0;
	font-size: 330%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	}

#sitemap_nav li a:hover,
#sitemap_nav li a:active,
#sitemap_nav li a:visited,
#sitemap_nav li a.sel {
	color:#333;
	cursor: pointer;
	}
	
		
/* --------------------------------------------------------------------------*/
/* footer -------------------------------------------------------------------*/
#footer {
	position:relative;
	float: left;
	font-size:77%;
	top:0;
	left:0;
	margin: 30px 0 0 0;
	padding: 8px 0 22px 0;
	text-align: left;
	border-top: #fff 3px solid;
	width: 100%;
}
#footer span.copyright { margin-left: 40px; float: right; }
#footer span.copyright li a{display: inline-block;
	text-decoration: none;
	color:#e89723;
}

#footer ul{
	display: inline;
	font-size:93%;
}
#footer ul li{
	display: inline;
	padding: 0 8px;
	margin: 2px 0;
	line-height:1.5em;
}
#footer ul li a {
	display: inline-block;
	text-decoration: none;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-bottom:2px;
}

/*#footer li a:hover,
#footer li a:active,
#footer li a.sel {
	color:#fff;
	border-bottom: 2px solid #FFFFFF;
	padding-bottom:0;
	}
*/
	


/* --------------------------------------------------------------------------*/
/* News -------------------------------------------------------------------*/

.news_details {  float: left; display:block; margin: 0 0 0 0; padding: 10px;  }
.news_details h3 { font-family:Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; display:block; font-size:160%; line-height: 1.0em; font-weight: bold; }
.news_details span { font-family:Arial, sans-serif; color:#777; text-transform:uppercase; display:block; font-size:110%; line-height: 1.0em; font-weight: bold; display:block;  }
.news_details p { font-size:90%; padding-top: 15px; font-family:Arial, sans-serif; color:#777777; display:block; line-height: 1.2em; width: 94%; }
.news_details a { text-transform:uppercase; display:block;font-family:Arial, sans-serif;  font-weight: bold; font-size:120%; color:#FFFFFF; text-decoration:none; margin-top: 15px; padding-bottom: 3px; }
.news_details a:hover { border-bottom: 3px solid #FFFFFF; padding-bottom: 0;  }


/* Locations -------------------------------------------------*/

#location
{
	width: 960px;	
}

#location_map
{
	float: left;
	padding-top: 15px;
	width: 300px;
}
#location_map small
{
	font-family:Arial black, Helvetica, Verdana;
	font-weight: bold;
}

#location .title
{
	font-size:200%;
	letter-spacing:0px;
	clear: left;
}
#location .title_underline
{
	text-align: right;
	padding-right: 10px;
}

#location .left
{
	text-align: left;
	padding-left: 10px;
}
#location .orange_title
{
	font-size: 130%;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	text-align: right;
}

#hq_details
{
	float: left;
	padding: 15px 100px 0 20px;
	width: 500px;
}
#hq_details label { float: left; clear: left; width: 150px; font-family:Arial black, Helvetica, Verdana; color:#888; text-transform:lowercase;  font-size:100%; line-height: 1.0em; margin: 0 0 5px 0; }
#hq_details .details { width:350px; text-align:right; float: left;  font-family:Helvetica,  Verdana; color:#FFF; font-size:100%; line-height: 1.1em; font-weight: bold; margin: 0 0 5px 0; }


#accordion_content 
{
	width: 430px;
	padding: 25px;
}
#accordion_content label { float: left; clear: left; width: 80px; font-family:Arial black, Helvetica, Verdana; color:#888; text-transform:lowercase;  font-size:100%; line-height: 1.0em; margin: 0 0 5px 0; }
#accordion_content .details { width:350px; text-align:right; float: left;  font-family:Helvetica,  Verdana; color:#ddd; font-size:100%; line-height: 1.1em; font-weight: bold; margin: 0 0 5px 0; }

#accordion_content .orange_title
{
	font-size: 110%;
	text-align:right;
}

#hq a,
#location_accordion a {
	display:block;
	text-decoration:none;
	color:#888;
	margin: 0 0 -4px 0;
	padding-left: 15px;
	font-size: 200%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	letter-spacing: -0.1em;	
	font-family: Arial black, sans-serif;
	clear:left;
	}
	
#location_accordion a:hover,
#location_accordion a:active,
#location_accordion a:visited,
#location_accordion a.sel,
#hq a.hover,
#hq a.active,
#hq a.visited,
#hq a.sel {
	color:#fff;
	cursor: pointer;
	}
	
#accordion_content a {display:block;
    font-family:Helvetica,  Verdana;
    text-decoration: underline;
	color:#ddd;
	text-transform:none;
	cursor: pointer;
	margin: 0;
	font-size: 100%;
	letter-spacing: 0;	
	}
	
#edit_delete  
{
	padding-bottom: 20px;
}

#imageContainer {
	position:relative;
	margin:auto;
	width:575px;
	height: 380px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

.table_header 
{
	margin-bottom: 0pt; color: #FFF; font-weight:bold; text-align:center
}