/* CSS Document Dreamix-Design*/

body			{	background-image: url(../images/bg.png);
					background-repeat: repeat-x;
					background-color: #45557a;
					font:11px/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#555;
					font-size:11px;
					margin: 0px;
				}

#container		{  margin: auto;
				   position: relative;
				   width: 1004px;
				   height: 614px;
				}

#menu			{  margin: auto;
				   position: absolute;
				   width: 470px;
				   height: 54px;
				   top: 15px;
				   left: 486px;
				}
				
#logo			{	width:418px;
					height:63px;
					position:absolute;
					top:27px;
					left: 60px;
				}	

#topspace		{   margin: auto;
					height: 15px;
					position: absolute;
					top: 0px;
				}


#pagetop		{ margin: auto;
				  position: absolute;
				  top: 90px;
				  left: 42px;
				  width: 436px;
				  height: 40px;
				}


#pagemiddle		{ margin: auto;
				  position: absolute;
				  top: 128px;
				  left: 42px;
				  width: 396px;
				  height: 416px;
				  background-image:url(../images/page_middle.png);
				  padding: 20px;
				  text-align:justify;
				  color: #637bb2;
				 }

#news1			{ margin: auto;
				  position: absolute;
				  top: 310px;
				  left: 60px;
				  z-index: 1;
				  width: 190px;
				  text-align:justify;
				 }
				 
#news1title		 { margin: auto;
				   position: absolute;
				   top: 310px;
				   left: 60px;
				   width: 185px;
				   height: 20px;
				   vertical-align:middle;
				   padding-left: 5px;
				   color: #ffffff;
				   background-color:#000000;
				   filter:alpha(opacity=75);
			  	   -moz-opacity:.75;
			  	   opacity:.75;
				   z-index:2;
				 }

				 
#news2			{ margin: auto;
				  position: absolute;
				  top: 310px;
				  left: 270px;
				  z-index: 1;
				  width: 190px;
				  text-align:justify;
				 }
				 
#news2title		 { margin: auto;
				   position: absolute;
				   top: 310px;
				   left: 270px;
				   width: 185px;
				   height: 20px;
				   vertical-align:middle;
				   padding-left: 5px;
				   color: #ffffff;
				   background-color:#000000;
				   filter:alpha(opacity=75);
			  	   -moz-opacity:.75;
			  	   opacity:.75;
				   z-index:2;
				 }

.newsdate		{ color: #FFFFFF;
				  padding-left: 5px;
				  font-size: 9px;
				  display:block;
				  background-color:#61adee;
				  top:20px;
				  height: 20px;
				  z-index: 3;
				}

.newsstart		{ color: #61adee;
				  font-weight:bold;
				}

#pagefooter		{ margin: auto;
				  position: absolute;
				  top: 584px;
				  left: 42px;
				  width: 476px;
				  height: 19px;
				 }
				 
#pageshadow		{ margin: auto;
				  position: absolute;
				  top: 104px;
				  left: 32px;
				  width: 14px;
				  height: 500px;
				  background-image:url(../images/bg_page_shadow.png);
				}

#shadowright	{ margin: auto;
				  position: absolute;
				  top: 50px;
				  right: 4px;
				  width: 32px;
				  height: 500px;
				  background-image:url(../images/bg_shadow_right.png);
				  background-repeat: repeat-y;
				 }
				 
#doctop			{ margin: auto;
				  position: absolute;
				  top: 53px;
				  right: 36px;
				}  
				 
#doc			{ margin: auto;
				  position: absolute;
				  top: 85px;
				  left: 478px;
				  width: 490px;
				  height: 500px;
				  background-image:url(../images/bg_doc.png);
				  background-repeat: no-repeat;
				 }

#docfooter		{ margin: auto;
				  position: absolute;
				  top: 585px;
				  right: 36px;
				} 
				
#secnav			{ margin: auto;
				  position: absolute;
				  font:9px/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#FFFFFF;
				  top: 586px;
				  left: 55px;
				  height: 20px;
				  width: 200px;
				} 

#footer			{ margin: auto;
				  position: absolute;
				  font:9px/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#FFFFFF;
				  top: 586px;
				  right: 480px;
				  height: 20px;
				  width: 200px;
				  z-index: 1;
				  color: #FFFFFF;
				}
				
/* Product on documantation map */

#iWakeUp		{ margin: auto;
				  position: absolute;
				  top: 265px;
				  left: 628px;
				  width: 220px;
				  height: 60px;
				  z-index: 2;
				}
				
a.secnav:link	{ color: #FFFFFF;
				}

a.secnav:hover	{ color: #00adef;
				}
				
a:link 		{color: #61adee;
			 text-decoration:none;
			 font-weight: bold;
			}

a:visited 	{color: #00adef;
			}

a:hover 	{color: #00adef;
			}

a:active 	{color: #00adef;
			}				

img			{ border: 0px;
			}