/*
 Style sheet for main page only
 */

/* ---------------------------------
 * Common styles section 
 * */
img{
	border:none;
}

/* This is used for controlling whether or not we see the boundaries */
div{
	                                                      
	border-width: 1px;
	                                                      
}

/* The img banner class defines how our default banner should look. */
div.comp_logo_70{
	position:absolute;
	top:11px;left: 22px;
}

div.comp_logo_70_centered{
	position:absolute;
	top:11px;left:235px;
}

div.comp_logo_100{
	padding-bottom: 10px;
	padding-top: 10px;
	position:absolute;
	top:14px;
	left:185px;/*border:dashed;border-color:black;*/
}

body {
	/*background:white;*/
	                     
	background-color: #e6e6e6;
	                     
	                     
	font-size: 12px;
	                     
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-repeat:repeat-x;
	background-position:0% 100%;
	text-align:center;
}

a:active {
	color:#00CC33;
}

a:link {
	color:black;
}
a:hover {
	color:#FF6E53;
}

/* This main area is defined to maintain a shape */
div.main_area{
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	height: auto;
	border-width: 1px;
	border-color: #cccccc;
	border-style: ridge;
	background-color: white;
	position:relative; 
	width: 840px;
	
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

div.main_area_small{
	background-color: white;
	position:relative; 
	width: 840px;height: auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

div.copyright_notice{
	padding-top: 15px;
	position: relative;
	width:397px;height:28px;left: 252px;
	font-size:11px;
	text-align:center;
}



/* ---------------------------------
 * Welcome page section 
 * */

div.fm_tm_notice{
	padding-top: 15px;
	position: relative;
	width:397px;height:58px;left: 248px;
	font-size: 12px;
	text-align:center;
}

div.product_area{
	background-color: white;
	position:relative;
	width: 560px;height: auto;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

img.product_logo_a_128{
	position:absolute;
	/*height:128px;width:128px;*/
	top:10px;left:1px;
}

div.product_brief_a{
	position:absolute;
	top:179px;left:14px;
	width:128px;height:96px;
	/*border:dashed;border-color:gray;border-width:thin;*/
	font-size:11px;
	overflow:scroll;
}

img.product_logo_b_128{
	position: relative;
	/*height:128px;width:128px;*/
	top: 1px;right:10px;
}

div.product_brief_b{
	position:absolute;
	top:179px;left:197px;
	width:128px;height:96px;
	font-size:11px;
	overflow:scroll;
}



/* Buy pages section */

/* Support pages section */

/* Company info page */
div.company_info_area{
	position:absolute;
	width:auto;height:297px;
	top:166px;
	padding-left: 100px;
	padding-right: 80px;
	text-align: justify;
	font-size: 14px;
}

/* Site-map page */
div.site_map_area{
	border-style: none;
	position:absolute;
	width:396px;height:297px;
	top:166px;left:152px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:left;
	font-size: 14px;
}

/* Support area */
div.support_area{
	position:absolute;
	width: auto;height:297px;
	top:166px;
	padding-left: 100px;
	padding-right: 10px;
	text-align:left;
	font-size: 14px;
}
div.top_navigation_area{
	width: 850px;
	height: 100px;
}

div.top_navigation_area div.nav_btns{
	width: 850px;
	height: 100px;
}

h1{
	color: #f46d57;
	text-shadow: 0px 0px #cccccc;
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
h2{
	color: #f46d57;
	text-shadow: 0px 0px #cccccc;
	font-size: 13px;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}