/* CSS Document */

/*
***********************************************************************************************
** home.css																			 		 **
***********************************************************************************************
** 																							 **
** Company Name: Dreamwave Sdn Bhd                                                           **
** Author: Hiang Tiang Tan                                                                   **
** Version: 1.0																			     **
** Creation Date: 17th March 2008                                                            **
** 																						     **
** Usage: 																				     **
**    <link rel='stylesheet' type='text/css' href='css/home.css'>				 			 **
**																						     **
** Description:                                                                              **
** - The style for the main Dreamwave's Homepage				 	 					     **
**																						     **
** Remarks:																				     **
**																							 **
** Version: 1.?		  By: ?????		Search Key: THT????????		Date Modified: -  			 **
**																							 **
***********************************************************************************************
** Copyright (c) 2008 Dreamwave Sdn Bhd. 													 **
***********************************************************************************************
*/

#flash
{
	background: url(../images/common/splash_bg.jpg) repeat-x; 
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 3px #CCCCCC solid;
	height: 200px;
}

#news_events
{
	margin: 		0px;
	padding: 		0px;
	border-top: 	0px;
	border-right: 	1px solid #C0CDDA;
	border-bottom: 	1px solid #C0CDDA;
	border-left: 	1px solid #C0CDDA;
	text-align: 	center;
	white-space: 	normal;
	overflow: 		visible;
}

#right_panel_header
{
	background: url(../images/company/right_panel_bar.jpg) repeat-x;
	background-position: top left;
	margin-bottom: 	10px;
	color: #000066 	!important;			/* dark blue */
	border-top: 	1px solid #C0CDDA;
	border-right: 	1px solid #9B9B99;
	border-bottom: 	1px solid #646460;
	border-left: 	1px solid #FDFDFD;
	text-align:		center;
	font-size: 		12px;
	font-weight: 	bold;
	line-height: 	26px;
	height: 		26px;
	width:			auto;
	white-space: 	nowrap;
	_overflow: 		hidden;				/* Only for IE6. Change _ to # if IE7 also having the same problem*/
}

#product_info
{
	background: url(../images/common/splitter.jpg) no-repeat;
	background-position: center;
	padding: 10px 3% 10px 3%;
	overflow: visible;
	white-space: normal;
	height: 400px;
}

.float_left
{
	float: left;
	margin-right: 1%;
	width: 32%;
}

#highlights
{
	margin-bottom: 10px;
}

#intro_shadow
{
	background: url(../images/common/intro_shadow.jpg) bottom repeat-x;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	width: auto;
	height: 108px;
}

#intro_laptop
{
	float: right;
	background: url(../images/common/intro_laptop.jpg) right no-repeat;
	/*width: 342px;*/
	width: 100%;
	height: 108px;	
}

.intro
{
	cursor: pointer;
	text-decoration: none;
}

a.intro, a.intro:link, a.intro:visited, a.intro:hover, a.intro:active
{
	text-decoration: none;
}

.introduce
{
	color: #333333	!important;
	margin: 10px;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 22px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
}

.dw_v2
{
	color: #333333 	!important;
	margin: 10px 10px 0px 40px;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	white-space: nowrap;
}

.v2
{
	color: #FFFFFF 	!important;
	background: transparent url(../images/common/v2_bg.gif) no-repeat;
	padding: 1px 15px 0px 6px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	white-space: nowrap;
	width: 117px;
	height: 30px;
}

.discover
{
	color: #333333;
	margin: 20px 0px 0px 10px;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 12px;
}

h3
{
	padding-bottom: 10px;
}

#pack table
{
	background-color: #FFFFFF;
}

#pack tr
{
	background-color: #FFFFFF;
}

#pack td
{
	background-color: #FFFFFF;
}

.upper_frame
{
	padding: 8px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
}

.lower_frame
{
	background: url(../images/common/blue_bar.jpg) repeat-x;
	padding: 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: none;
	height: 51px;
}

.additional
{
	list-style: none;
	padding-left: 70px;
}

.features
{
	list-style: none;
	padding-left: 70px;
}

.green_dialog
{
	cursor: pointer;
	background: url(../images/common/dialog_green.jpg) top left no-repeat;
	margin: 0px;
	_margin-bottom: 30px;
	float: left;
	text-align: left;
	text-indent: -30000px;
	vertical-align: text-top;
	width: 61px;
	height: 57px;
}

.green_dialog:hover
{
	background: url(../images/common/dialog_green_hov.jpg) top left no-repeat;
}

.blue_dialog
{
	cursor: pointer;
	background: url(../images/common/dialog_blue.jpg) top left no-repeat;
	margin: 0px;
	_margin-bottom: 30px;
	float: left;
	text-align: left;
	text-indent: -30000px;
	vertical-align: text-top;
	width: 61px;
	height: 57px;
}

.blue_dialog:hover
{
	background: url(../images/common/dialog_blue_hov.jpg) top left no-repeat;
}

.tools
{
	cursor: pointer;
	background: url(../images/common/tools.jpg) top left no-repeat;
	margin: 0px;
	_margin-bottom: 30px;
	float: left;
	text-align: left;
	text-indent: -30000px;
	vertical-align: text-top;
	width: 61px;
	height: 57px;
}

.tools:hover
{
	background: url(../images/common/tools_hov.jpg) top left no-repeat;
}

.learn
{
	cursor: pointer;
	background: url(../images/common/learn_more.jpg) center no-repeat;
	margin: 0px auto;
	padding-top: 23px;
	display: block;
	vertical-align: middle;
	text-indent: -30000px;
	width: 142px;
	height: 28px;
}

.learn:hover
{
	background: url(../images/common/learn_more_hov.jpg) center no-repeat;
}

.LMS_release
{
	margin-top: 10px;
	padding: 10px;
}