/* 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: 600px;
				}

#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;
				}


#pagecontent	{ margin: auto;
				  position: absolute;
				  top: 100px;
				  left: 55px;
				  z-index: 1;
				  width: 420px;
				  text-align:justify;
				}

#pagemiddle		{ margin: auto;
				  position: absolute;
				  top: 85px;
				  left: 42px;
				  width: 426px;
				  height: 490px;
				  background-image:url(../images/iWakeUp/page_middle.png);
				  background-repeat: repeat;
				  padding-left: 12px;
				  padding-top: 15px;
				 }

#pagefooter		{ margin: auto;
				  position: absolute;
				  top: 585px;
				  left: 42px;
				  width: 436px;
				 }
				 
#pageshadow		{ margin: auto;
				  position: absolute;
				  top: 85px;
				  left: 19px;
				  width: 14px;
				  height: 500px;
				  background-image:url(../images/bg_page_shadow.png); 
				}
				
#cornerfooter	{ margin: auto;
				  position: absolute;
				  top: 585px;
				  left: 19px;
				  width: 23px;
				  height: 26px;
				}
				
#cornertop		{ margin: auto;
				  position: absolute;
				  top: 55px;
				  left: 19px;
				  width: 47px;
				  height: 30px;
				}

#shadowright	{ margin: auto;
				  position: absolute;
				  top: 56px;
				  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: 396px;
				  height: 490px;
				  background-image:url(../images/iWakeUp/doc_middle.png);
				  background-repeat: no-repeat;
				  padding-left:54px;
				  padding-right: 40px;
				  padding-top: 10px;
				 }

#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;
				}
				
#screenbutton	{ margin: auto;
				  position: absolute;
				  top: 345px;
				  left: 380px;
				  z-index: 1;
				  width: 100px;
				}
				
.scr1			{ margin: auto;
				  position: absolute;
				  top: 23px;
				  left: 6px;
				  width: 48px;
				  height: 48px;
				}
				
				
.scr2			{ margin: auto;
				  position: absolute;
				  top: 23px;
				  left: 57px;
				  width: 48px;
				  height: 48px;
				}

.scr3			{ margin: auto;
				  position: absolute;
				  top: 74px;
				  left: 6px;
				  width: 48px;
				  height: 48px;
				}
				
				
.scr4			{ margin: auto;
				  position: absolute;
				  top: 74px;
				  left: 57px;
				  width: 48px;
				  height: 48px;
				}
				
.scr5			{ margin: auto;
				  position: absolute;
				  top: 154px;
				  left: 51px;
				  width: 48px;
				  height: 48px;
				}
				
.scr6			{ margin: auto;
				  position: absolute;
				  top: 154px;
				  left: 0px;
				  width: 48px;
				  height: 48px;
				}
				
				
#appstore		{ margin: auto;
				  position: absolute;
				  top: 275px;
				  left: 380px;
				  width: 95px;
				  height: 42px;
				}

img				{ border:0px;
				}
				
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;
			}