@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

/* ======================================

 index.html
 2008.3.12
 
 Color Cordination
 Key Color: 

======================================= */

/* ======================================

 showcase

======================================= */

#showcase
{
	width: 680px;
	margin: 0 0 20px;
}


/* ======================================

 features

======================================= */

#features 
{
	width: 680px;
	margin: 0 0 20px;
}
#features div.container
{
	float: left;
	width: 220px;
	margin-right: 10px;
	padding: 0 0 5px;
	background: url(../img/common/dotted_line.gif) repeat-x left bottom;
}
#features h3
{
	font-size: 116%;
}
#features h3 a
{
	display: block;
	padding: 1px 0 1px 8px;
	background: url(../img/common/arrow_r_c00.gif) no-repeat 0 0.3em;
	color: #c00;
}
	* html #features h3 a
	{
		width: 212px;
	}
	
#features ul li
{
	margin-bottom: 0.5em;
}
#features ul li a
{
	display: block;
	padding: 1px 0 1px 8px;
	background: url(../img/common/arrow_r_c00.gif) no-repeat 0 0.3em;
	color: #c00;
}
	* html #features ul li a
	{
		width: 212px;
	}
	
#features a:link
{
	color: #c00;
}
#features a:visited
{
	color: #900;
}
#features a:hover
{
	color: #f33;
}
#features a:active
{
	color: #f00;
}
#features div.topic
{
	margin: 5px 0;
}
#features div.topic p
{
	width: 200px;
	margin: 5px;
	padding: 4px;
	border: 1px solid #ddd;
	background: #eee;
}

/* ========== opening ========== */

#features #opening
{
	margin-right: 0;
}

/* ======================================

 topics

======================================= */

#topics
{
	float: left;
	width: 380px;
	padding-bottom: 10px;
}
#topics table.head
{
	width: 380px;
	margin: 0 0 10px;
	border-bottom: 2px solid #ccc;
}
#topics table.head td.overview
{
	text-align: right;
	padding: 5px;
}
#topics table.head td.overview a
{
	padding: 1px 0 1px 8px;
	background: url(../img/common/arrow_r_333.gif) no-repeat left center;
}
#topics dl.list dt,
#topics dl.list dd
{
	margin: 0 0 0.5em;
}
#topics dl.list dt
{
	float: left;
	width: 6em;
	color: #666;
	font-size: 84%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#topics dl.list dd
{
	margin-left: 6em;
}

/* ======================================

 consultants

======================================= */

#consultants
{
	float: right;
	width: 280px;
	padding-bottom: 10px;
}
#consultants table.head
{
	width: 280px;
	margin: 0 0 10px;
	border-bottom: 2px solid #f60;
}
#consultants table.head td.overview
{
	padding: 5px;
	text-align: right;
}
#consultants table.head td.overview a
{
	padding: 1px 0 1px 8px;
	background: url(../img/common/arrow_r_333.gif) no-repeat left center;
}
#consultants table.list
{
	margin: 0 10px;
}
#consultants table.list td
{
	padding-right: 10px;
	padding-bottom: 2px;
}
#consultants table.list td.lastChild
{
	padding-right: 0;
}
#consultants table.list ul li.thumb img
{
	border: 1px solid #999;
}
#consultants table.list ul li.name a
{
	padding: 1px 0 1px 8px;
	background: url(../img/common/arrow_r_333.gif) no-repeat left center;
}

/* ======================================

 keywords

======================================= */

#keywords
{
	clear: both;
	width: 680px;
	margin: 0 0 20px;
}
#keywords h2
{
	background: #eee;
}
#keywords div.tags
{
	width: 660px;
}
#keywords div.tags ul
{
	width: 650px;
}