/*
 *
 *	Site style sheet for Vigor Systems Co., Ltd. Website
 * June 2005, (c) RS-Tech Consulting Co., Ltd. under a Webspace Works Development
 *
 */
/*
 *-----------------------------------------------------
 *	Basic defaults
 *-----------------------------------------------------
 */
* {
 	margin:	0;
 	padding:	0;
 }
body {
		font-family:		Verdana, Geneva, Helvetica, Arial, sans-serif;
 		text-decoration:	none;
		color:				#333;
		background-color:	#333;
		font-size:			13px;
		line-height:		1.4em;
		font-weight:		normal;
}		
div, p, td, ol, ul, li, label, input, textarea	{
		font-family:		Verdana, Geneva, Helvetica, Arial, sans-serif;
 		text-decoration:	none;
		color:				#333;
		background-color:	transparent;
}
/*
 *	Typographic classes
 */
.right	{ text-align:			right; }
.center	{ text-align:			center; }
.left		{ text-align:			left; }
/*
 *	Tag styling (plain)
 */
h1	{
		font-size:			20px;
}
h2	{
		font-size:			16px;
}
h3	{
		font-size:			14px;
	}
h4	{
		font-size:			12px;
	}
h1, h2, h3, h4, h5, h6	{
 		font-family:		Verdana, Geneva, Helvetica, Arial, sans-serif;
 		color:				#df8d2e;
 		width:				95%;
 		font-weight:		bold;
 		background-color:	transparent;
 		margin:				0;
/* 		padding:				1em 0 0.2em 0; */
 		line-height:		1.2em;
 }		
h1 { color:	#333; }
h1 b { font-weight:	bold;	color: #df8d2e; }
img { border: 0; }
/*
 *-----------------------------------------------------
 *	Layout
 *-----------------------------------------------------
 */
body {
		text-align:			center;
}
div#wrapper {
		position:			relative;
		top:					12px;
		width:				770px;
		text-align:			left;
		margin:				0 auto;
		background:			url("/_images/home_bg3.png") 354px 0 no-repeat white;
		min-height:			380px;
}
div#footer {
		position:			absolute;
		bottom:				0;
		height:				28px;
		width:				756px;
		background:			url("/_images/foot_bg.gif") repeat-x #dbcbb9;
		font-size:			10px;
		padding:				0 6px 0 8px;
		line-height:		1em;
}
div#main {
		padding:				0;
}
div#content {
		position:			absolute;
		left:					354px;
		width:				306px;
		padding:				84px 24px 0 84px;	/* 84px 24px 0 86px; */
}
div#content h1	{
		display:				inline;
		font-size:			1em;
}
div#content h1	b {
		font-size:			20px;
}
div#content p	{
		padding:				0.5em;
}
#wswlink {
		width: 				280px;
		float:				right;
		text-align:			right;
}
#copyright	{
		text-align:			left;
}
div#logo	{
	position:			absolute;
	bottom:				56px;
	right:				8px;
	width:				399px;
	text-align:			right;
	font-size:			1.1em;
	font-style:			italic;
}
ul#mainnav {
		position:			absolute;
		bottom:				32px;
		right:				8px;
		width:				399px;
		list-style:			none;
		font-size:			10px;
		text-align:			right;
}
ul#supportnav {
		position:			absolute;
		bottom:				32px;
		left:					8px;
		width:				399px;
		list-style:			none;
		font-size:			10px;
		text-align:			left;
}
ul#mainnav li {
		color:				white;
		font-weight:		bold;
		display:				inline;
		padding-left:		0.25em;
}
ul#supportnav li {
		color:				white;
		font-weight:		bold;
		display:				inline;
		padding-right:		0.25em;
}
ul#retail-subnav	{
		list-style:			circle;
		font-size:			0.83em;
		margin-left:		1em;
		display:				none;
}
/*
 *-----------------------------------------------------
 *	Links
 *-----------------------------------------------------
 */
a {
		color:				#6796c2;
		text-decoration:	none;
		font-weight:		bold;
}
a:hover {
		color:				#df8d2e;
		text-decoration:	underline;
}
ul#mainnav li a {
		color:				#6796c2;
		border:				1px solid #ccc;
		padding:				2px 0.25em;
}
ul#mainnav li a:hover, ul#supportnav li a:hover {
		color:				#df8d2e;
		border:				1px solid #df8d2e;
}
ul#supportnav li a {
		color:				white;
		border:				1px solid #333;
		padding:				2px 0.25em;
		background-color:	#666;
}
ul#supportnav li a:hover {
		color:				#333;
		border:				1px solid #fff;
		background-color:	#ccc;
}