/*
	Author	:	B.K.
	Email		:	rho@igot.com
	Website	:	http://www.leopon.com/
*/
* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color:#b484da;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}

/* body */
body {
	background-image: url(image/bg_blue.gif);
	background-repeat: repeat-x;
}

/* container */
div.container{
	margin:0 auto;
	position:static;
	width:780px;
}

div.menu {
	position:static;
	margin:0 auto;
	width:780px;
	height:84px;
}

div.menu a:hover{
	border-top:5px solid #b484da;
}

/* header */
div.header {
	border-bottom:2px groove #737373;
	border-left:1px solid #000;
	border-right:4px groove #737373;
	height:150px;
	margin:0 auto;
	position:static;
	width:775px;
}
div.header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
div.header h1 {
	color:#666;
	font-size:40px;
	font-weight:400;
	left:0;
	letter-spacing:-2px;
	position:absolute;
	top:40px;
}
div.header p {
	bottom:70px;
	color:#fff;
	font-size:2em;
	position:absolute;
	right:20px;
}
div.header ul {
	list-style:none;
	position:absolute;
	top:100px;
}
div.header ul li {
	list-style:none;
}
div.header ul li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height:20px;
	padding:10px;
	width:190px;
}
div.header ul li a:hover {
	background:#b484da;
	color:#eee;
	text-decoration:none;
}

/* footer */
div.footer {
	background:url('image/btm.gif');
	position:relative;
	margin:0px auto;
	width:780px;
	height:45px;
	text-align:right;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}
div.footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
div.footer p {
	border-top:2px solid #7534aa;
	color:#555;
	font-size:90%;
	line-height:20px;
	padding:10px;
	text-align:center;
}

/* sidebar */
div.sidebar {
	margin:0 auto;
	background:#f7f7f7;
	position:relative;
	float:left;
	width:205px;
	height:363px;
	border-left:1px solid #000;
	line-height:0px;
}
div.sidebar h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}
div.sidebar input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}
div.sidebar p {
	background:#f1f1f1;
	color:#555;
	display:block;
	font-size:90%;
	line-height:20px;
	margin:10px 0;
	padding:10px;
}
div.sidebar p a.more {
	display:block;
	text-align:right;
}
div.sidebar ul {
	margin:10px;
}
div.sidebar ul li {
	border-bottom:1px solid #b484da;
	list-style:none;
	padding:5px 2px;
}
div.sidebar ul li a {
	color:#333;
	display:block;
	font-family:Geneva;
	padding:5px;
	text-decoration:none;
}
div.sidebar ul li a:hover {
	color:#000;
}

/* Content */
div.content {
	background:#fff;
	position:relative;
	margin:0 0 0 206px;
	padding:10px;
	height:343px;
	width:550px;
	border-right:4px groove #737373;
	overflow: auto;
}
div.content p {
	line-height:20px;
	padding:15px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
}
div.content h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}

/* Content Parts (A) */
div.contentA {
	margin:0 auto;
	background:#fff;
	position:relative;
	float:left;
	width:265px;
	height:162px;

	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* Content Parts (B) */
div.contentB {
	margin:0 auto;
	background:#fff;
	position:relative;
	float:right;
	width:265px;
	height:162px;

	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* Content Parts (C) */
div.contentC {
	margin:20px 0 0 0;
	background:#fff;
	position:relative;
	float:left;
	width:265px;
	height:161px;

	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* Content Parts (D) */
div.contentD {
	margin:20px 0 0 0;
	background:#fff;
	position:relative;
	float:right;
	width:265px;
	height:161px;

	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* contentPortfolio (Left) */
div.contentPortfolioLeft {
	position:relative;
	margin:0px auto;
	width:286px;
	height:200px;
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/* contentPortfolio (Right) */
div.contentPortfolioRight {
	position:relative;
	margin:0px auto;
	width:234px;
	height:200px;
	float:right;
	line-height:0px;
}

/* contentPortfolio (List) */
div.contentPortfolioList {
	background-image: url(image/portfolio_bg.gif);
	position:relative;
	margin: 0 0 0 0px;
	width:234px;
	height:200px;
	float:right;
	line-height:0px;
}

/* contentPortfolio (Bottom) */
div.contentPortfolioBtm {
	background-image: url(image/portfolio_ta02.gif);
	position:relative;
	float: left;
	margin:20px 0 0 0;
	width:530px;
	height:120px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
}









/* Basic Text */
.bk{ 
color:#585958;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}
.bk a { 
color:#FF7200;
text-decoration: none;
}
.bk a:hover { 
color:#ff6600;
text-decoration: none;
}

.bk-1{ 
color:#585958;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}
.bk-1 a { 
color:#585958;
text-decoration: none;
}
.bk-1 a:hover { 
color:#FF7200;
text-decoration: none;
}

.bk-b{ 
color:#585958;
font-family:"verdana";
font-size:11px; 
line-height:15px;
font-weight:bold;
}
.bk-b a { 
color:#585958;
text-decoration: none;
}
.bk-b a:hover { 
color:#ff6600;
text-decoration: none;
}

.bk-s{ 
color:#585958;
font-family:"verdana";
font-size:10px; 
line-height:13px;
}
.bk-s a{ 
color:#585958;
text-decoration:none;
}
.bk-s a:hover{ 
color:#ff6600;
text-decoration:none;
}

.bk-ss{ 
color:#585958;
font-family:"verdana";
font-size:10px; 
line-height:11px;
}
.bk-ss a{ 
color:#585958;
text-decoration:none;
}

.bk-m{ 
color:#585958;
font-family:"verdana";
font-size:12px; 
line-height:16px;
}
.bk-m a { 
color:#FF7200;
text-decoration: none;
}
.bk-m a:hover { 
color:#ff6600;
text-decoration: none;
}

.bk-white{ 
color:#ffffff;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}
.bk-white a { 
color:#ffffff;
text-decoration: none;
}
.bk-white a:hover { 
color:#ff6600;
text-decoration: none;
}

.bk-white-b{ 
color:#ffffff;
font-family:"verdana";
font-size:11px; 
line-height:15px;
font-weight:bold;
}
.bk-white-b a { 
color:#ffffff;
text-decoration: none;
font-weight:bold;
}
.bk-white-b a:hover { 
color:#ff6600;
text-decoration: none;
font-weight:bold;
}

.bk-white-m{ 
color:#ffffff;
font-family:"verdana";
font-size:12px; 
line-height:16px;
}
.bk-white-m-b{ 
color:#ffffff;
font-family:"verdana";
font-size:12px; 
line-height:16px;
font-weight:bold;
}

.bk-white-s{ 
color:#ffffff;
font-family:"verdana";
font-size:10px; 
line-height:13px;
}
.bk-white-s a { 
color:#ffffff;
text-decoration: none;
}
.bk-white-s a:hover { 
color:#ff6600;
text-decoration: none;
}

.bk-blue2{ 
color:#007b89;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}

.bk-black{ 
color:#000000;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}
.bk-black a{ 
color:#000000;
text-decoration: none;
}
.bk-black a:hover{ 
color:#ff6600;
text-decoration: none;
}
.bk-black-s{ 
color:#000000;
font-family:"verdana";
font-size:10px; 
line-height:13px;
}
.bk-black-s a { 
color:#000000;
text-decoration: none;
}
.bk-black-s a:hover { 
color:#ff6600;
text-decoration: none;
}

.bk-green{ 
color:#00B03B;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}
.bk-green-b{ 
color:#00B03B;
font-family:"verdana";
font-size:11px; 
line-height:15px;
font-weight:bold;
}
.bk-green a{ 
color:#00B03B;
text-decoration: none;
}
.bk-green a:hover{ 
color:#ff6600;
text-decoration: none;
}
.bk-green-m{ 
color:#00B03B;
font-family:"verdana";
font-size:12px; 
line-height:16px;
}

.bk-green-b{ 
color:#00B03B;
font-family:"verdana";
font-size:11px; 
line-height:15px;
font-weight:bold;
}
.bk-green-b a{ 
color:#00B03B;
text-decoration: none;
}
.bk-green-b a:hover{ 
color:#ff6600;
text-decoration: none;
}

.bk-orange{ 
color:#FF7200;
font-family:"verdana";
font-size:11px; 
line-height:15px;
}


.bk-orange-s{ 
color:#FF7200;
font-family:"verdana";
font-size:10px; 
line-height:13px;
}

.bk-orange-b{ 
color:#585958;
font-family:"verdana";
font-size:11px; 
line-height:15px;
font-weight:bold;
}
.bk-orange-b a { 
color:#FF7200;
text-decoration: none;
}
.bk-orange-b a:hover { 
color:#585958;
text-decoration: none;
}

.bk-orange-m-b{ 
color:#FF7200;
font-family:"verdana";
font-size:12px; 
line-height:16px;
font-weight:bold;
}
.bk-orange-m-b a { 
color:#585958;
font-size:12px; 
line-height:16px;
font-weight:bold;
text-decoration: none;
}
.bk-orange-m-b a:hover { 
color:#ff6600;
font-size:12px; 
line-height:16px;
font-weight:bold;
text-decoration: none;
}

/* title */
.bk-blue{ 
color:#003997;
font-family:"verdana";
font-size:12px; 
line-height:20px;
}
.bk-blue a{ 
color:#003997;
text-decoration:none;
}
.bk-blue a:hover{ 
color:#003997;
text-decoration:none;
}
