@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------- 
[client] Screen Stylesheet 

version:   1.0 
date:      24/10/07 
author:    Shako Kim
email:     kimshako@gmail.com
website:   http://www.shako.net
version history:
-----------------------------------------------------------------------------*/

/* Initialization
-----------------------------------------------------------------------------*/ 
*
{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

body
{ 
	font: 72.5%/150%  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; 
	text-align: center; 
	background-color: #FFFFFF;
}

a
{ 
	color: #013487;
}

/* Text Settings
-----------------------------------------------------------------------------*/ 
h1 
{ 
	font-size: 2.2em; 
} 
     
h2 
{ 
	font-size: 2.0em;     
} 
     
h3 
{ 
	font-size: 1.8em; 
} 
     
h4 
{ 
	font-size: 1.6em;     
} 
     
h5 
{ 
	font-size: 1.4em;     
} 
     
p
{ 
	font-size: 1.2em;     
}

/* Wrapper
-----------------------------------------------------------------------------*/ 
#wrapper
{ 
	position: relative;
	width: 760px; 
	margin: 10px auto; 
	text-align: left;
	background-color: #FFFFFF;
}

/* Menu
-----------------------------------------------------------------------------*/ 
#menu_main
{
	position: relative;
	width: 760px; 
	height: 260px;
	background-color: #FFFFFF;
}

#menu_sub
{
	position: relative;
	width: 760px; 
	height: 140px;
	background-color: #FFFFFF;
}

/* Shortcut
-----------------------------------------------------------------------------*/ 
#shortcut
{
	position: relative;
	width: 250px;
	margin: 10px 10px 40px 0; 
	float: left; 
	display: inline;
	background-color: #FFFFFF;
}

#shortcut .contact_number
{
	position: relative;
	width: 250px;
	margin: 10px 0;
}

#shortcut .contact_number_page
{
	position: relative;
	width: 258px;
	margin: 6px -4px;
}

/* Content
-----------------------------------------------------------------------------*/ 
#content
{
	position: relative;
	width: 490px;
	margin: 10px -5px 40px 10px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
}

#content .copy
{
	margin: 0 0 -10px 0;
}

#content h2
{
	width: 490px; 
	color: #013487;
	margin: 20px 0 10px 0;
	line-height: 130%;
}

#content p
{
	width: 490px;
	color: #666666;
	margin: 0 0 10px 0;
}

#content .diagram
{
	margin: 0 -5px;
}

/* Page
-----------------------------------------------------------------------------*/ 
#page
{
	position: relative;
	width: 490px;
	margin: 10px -5px 40px 10px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
}

#page .header
{
	margin: 10px 0 20px 0;
}

#page h2
{
	color: #013487;
	margin: 20px 20px 10px 30px;
	clear:both;
	line-height:130%;
}

#page p, ul
{
	color: #666666;
	margin: 0 20px 10px 30px;
}

#page li
{
	margin: 0 0 0px 40px;
}

#page .diagram
{
	margin: 0 -5px;
}

/* Footer
-----------------------------------------------------------------------------*/ 
#footer 
{ 
	position: relative;
	clear: both;
	width: 760px; 
	background-color: #FFFFFF;
}

#footer .address
{
	height:50px;
}