body 				{ font-family: Arial, Nimbus, Helvetica, sans-serif; font-size: 9pt; color: #000000 ; margin: 0px; }
img  				{ border: 0px }

/* links */
a:link				{
	color: #1BACFF;
	text-decoration: none;
	font-weight: bold
}
a:visited			{
	color: #1BACFF;
	text-decoration: none;
	font-weight: bold
}
a:hover				{ color: #ffffff; text-decoration: none; background-color: #1BACFF; }
h1					{ display: none; }
h2					{ display: inline; }
p					{
	text-align:left;
	margin: 0px;
}

/* main ( full view ) */

.all 				{
	text-align: left;
	float: none;
}

#header 			{ margin: 0px; }

.leftpanel 			{ width: 320px; margin:0; padding:0; float:left; }
.leftpanel-content	{ margin: 0px; padding: 0 0 0 10px; } 
.rightpanel			{ margin: 0 0 0 350px; padding: 0; } 
.rightpanel-content	{ margin:0; padding: 1px; }

.flags				{ position: absolute; right: 5px; top: 3px;}

/* logo */
.logo 				{ float: left; width: 200px; margin: 0; padding: 0px; position:absolute; left: 0px; top:0px; }
.logo-content 		{ margin: 0; padding: 0; }
.logo a img			{ background-color: #FFFFFF }

/*  main menu, top links */
#menu 				{ margin: 0 0 10px 200px; padding: 0; }
#menu-content 		{ color: #1BACFF; letter-spacing: 1px; font-size: 12px;  padding: 1em 0 0em 0; margin: 0 0 0 40px; }
#menu a				{ color: #000000; background-color: #FFFFFF;}
#menu a:hover		{ color: #ffffff; text-decoration: none; background-color: #02a3fe; }
#menu .desc_cat		{ font-size: 11px; margin: 0 0 0 8px; }
#menu .desc_prod	{ font-size: 10px; margin: 0 0 0 15px; }

/* main block */
#main-in			{ margin: 0 0 0 200px; padding: 0px; width: 724px; background-image:url(../images/magx1.jpg); background-repeat:no-repeat; background-position: left bottom}
#main 				{
	padding: 0px;
	width: 750px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
}
.main-content 		{ margin: 0; display: block; padding: 15px; background: transparent url(../images/border-top.gif) top left no-repeat;  }
.main-title			{
	width: 642px;
	margin: 1px;
	letter-spacing:-1px;
	font-size: 10px;
	font-weight:bold;
	float: none;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
}
.main h2			{ margin: 10px 0 0 15px; }

/* borders page */

#border-left 		{ display: block; width:724px; background: transparent url(../images/border-left.gif) top left repeat-y; }
#border-right 		{ width:724px; background: transparent url(../images/border-right.gif) top right repeat-y; }
hr.cleaner 			{ clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;}

/* footer */
#footer 			{ margin: 0 0 0 200px; padding:0; display: block; font-size: 8pt; background: url(../images/border-bottom.gif) top left no-repeat; padding: 50px 0 0 0} 
#footer h2 			{ color: #1BACFF; font-size: 11px; display: inline }
#footer h3 			{ color: #1BACFF; font-size: 9px; display: inline }


/* footer description */
#footer .desc 		{ color: #999999;	font-size: 7px;	 }

/* borders with line*/
.ram 				{ width: 338px; height: 202px; padding: 0 0 5px 0; background-image:url(../images/ram.png); background-position:top left; background-repeat:no-repeat; }
.ram h4				{ width: 150px; margin: 2px; padding: 70px 0 0 20px; font-size: 18px; font-weight:bold; }
.ram h3 			{
	margin: 2px;
	padding: 2px 0 0 20px;
	font-size: 16px;
	font-weight:bold;
}
.ram h3 a			{ color: #000000; }
.ram h3 a:hover		{ color: #ffffff; text-decoration: none; background-color: #02a3fe; }
.ram h3 a:visited	{ color: #000000; }
.ram p 				{
	width: 150px;
	margin: 2px;
	padding: 2px 0 0 20px;
	text-align: justify
}
.ram img 			{ float: right; margin: 53px 58px 0 0 } 

/* borders in index page */
.ram_in 			{ width: 338px; height: 202px; padding: 0 0 5px 0; background-image:url(../images/ram_in.png); background-position:top left; background-repeat:no-repeat; }
.ram_in h4			{ width: 150px; margin: 2px; padding: 70px 0 0 20px; font-size: 18px; font-weight:bold; }
.ram_in h3 			{
	margin: 2px;
	padding: 1px 0 0 20px;
	font-size: 16px;
	font-weight:bold;
}
.ram_in h3 a		{ color: #000000; }
.ram_in h3 a:hover	{ color: #ffffff; text-decoration: none; background-color: #02a3fe; }
.ram_in h3 a:visited{ color: #000000; }
.ram_in p 			{
	width: 150px;
	margin: 2px;
	text-align: left;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.ram_in img 		{ float: right; margin: 52px 51px 0 0 } 

/* borders with line products*/
.ram_p 				{ width: 338px; height: 413px; padding: 0 0 5px 0; background-image:url(../images/ram_p.png); background-position:top left; background-repeat:no-repeat; }
.ram_p h3 			{ margin: 2px; padding: 15px 0 0 50px; width: 235px; font-size: 24px; font-weight:bold; text-align:center; }
.ram_p img 			{ float: right; margin: 55px 100px 30px 0; } 

/* borders with line contact */
.ram_c 				{ width: 338px; height: 202px; background-image:url(../images/ram_c.png); background-position:top left; background-repeat:no-repeat; }
.ram_c h3 			{ margin: 2px; padding: 20px 0 0 20px; font-size: 18px; }
.ram_c p 			{ margin: 2px; padding: 5px 0 0 20px; text-align: justify; font-size: 12px;}

/* borders with line about */
.ram_about 			{ width: 338px; height: 330px; background-image:url(../images/ram_a.png); background-position:top left; background-repeat:no-repeat; }
.ram_about h3 		{
	margin: 2px;
	padding: 0px 0 0 10px;
	font-size: 18px;
}
.ram_about p 		{
	width: 280px;
	margin: 2px;
	padding: 5px 0 0 20px;
	text-align: left;
	font-size: 11px;
}
.ram_about img 		{ float: right; margin: 25px 40px;}

/* borders with line product info */
.ram_info 			{ width: 325px; height: 480px; background-image:url(../images/ram_info.png); background-position:top left; background-repeat:no-repeat; }
.ram_info h3 		{ margin: 2px; padding: 15px 0 0 20px; font-size: 18px; }
.ram_info p 		{ width: 280px; margin: 2px; padding: 5px 0 0 20px; text-align: justify; font-size: 12px;}
.ram_info img 		{ float: right; margin: 25px 40px;}

/* borders with line product download */
.ram_p_d 			{ width: 338px; height: 110px; background-image:url(../images/ram_product_download.png); background-position:top left; background-repeat:no-repeat; }
.ram_p_d h3 		{ margin: 2px; padding: 15px 0 0 20px; font-size: 18px; }
.ram_p_d p 			{ width: 280px; margin: 2px; padding: 5px 0 0 20px; text-align: justify; font-size: 12px; text-align:center}


/* borders downloads */
.ram_d 				{ width: 655px; height: 135px; margin: 0 0 0 10px; padding: 0px 0 0 15px; background-image:url(../images/ram_d.png); background-position:top left; background-repeat:no-repeat; }
.ram_d h2			{ font-size: 30px; }
.ram_d h3 			{ margin: 2px; padding: 5px 0 0 0px; font-size: 16px; font-weight:bold;}
.ram_d p 			{ margin: 2px; padding: 5px 0 0 5px;  width: 630px; }

.ram_e 				{ width: 655px; height: 105px; margin: 0 0 0 10px; padding: 0px 0 0 15px; background-image:url(../images/ram_e.png); background-position:top left; background-repeat:no-repeat; }
.ram_e h2			{ font-size: 30px; }
.ram_e h3 			{ margin: 2px; padding: 5px 0 0 0px; font-size: 16px; font-weight:bold;}
.ram_e p 			{ margin: 2px; padding: 5px 0 0 5px;  width: 630px; }

/* borders product detail */
.ram_detail 				{ width: 655px; height: 500px; margin: 0 0 0 10px; padding: 15px 0 0 15px; background-image:url(../images/ram_detail.png); background-position:top left; background-repeat:no-repeat; }
.ram_detail h2			{ font-size: 30px; }
.ram_detail h3 			{ margin: 2px; padding: 5px 0 0 0px; font-size: 16px; font-weight:bold;}
.ram_detail p 			{ margin: 2px; padding: 5px 0 0 5px;  width: 630px; }

/* labels */
label 				{ float:left; width:35%; margin-right:0.5em; padding-top:0.2em; text-align:right; font-weight:bold;}
form				{ }
input, textarea 	{ margin: 0 0 0 10px; width: 250px; }
select				{ margin: 0 0 0 10px; width: 256px; }
.buttons			{ margin: 10px 0 0 200px; width: 400px; }
.buttons input		{ width: 50px; }

/* extra */
.redfont			{ color:#FF0000 };

/* contact */
.contact label		{ float:left; width:30%; margin-right:0.5em; padding-top:0.2em; text-align:right;}
.contact input, textarea 	{ margin: 0 0 0 10px; width: 173px; }
.contact textarea 	{ margin: 0 0 0 10px; width: 175px; }
