/* website general styles: */
html { overflow-y:hidden; }
body { 
	margin:0; 
	padding:0;
	color:#000000;
	font-family:sans-serif;
	font-size:1em;
	background-color:#FFFFFF;
	background-image:url(images/bg_sky_gradient_strip.jpg);
	background-repeat:repeat-x;
	background-position:top;
    background-attachment:fixed;
	
}

.main{
    position: absolute;
    width: 800;
	height: 480;
	
	top: 0px;
	left: 0px;
	margin:0; 
	padding:0;
	background-image:url(images/bg_sky.png);
	background-position:left;
    color:#ffffff;

}


#titleLogo{
    left:77px;
    top:38px;
    position:absolute;
}

#home{
    
    position:absolute;
    top:37px;
    left:43px;
	width:40;
	height:40;
}

#about{
    
    position:absolute;
    top:37px;
    left:410px;
	width:40;
	height:40;
}

#dashedLineA{
    
    left:1525px;
    top:0px;
    position:absolute;
}


#iPhone{
    
    left:937px;
    top:33px;
    position:absolute;
}

#iPhone4g{
    
    left:1170px;
    top:43px;
    position:absolute;
}

#ipad{
    
    left:540px;
    top:24px;
    position:absolute;
}

#iphone_inner{
    
    left:84px;
    top:-380px;
    position:relative;
}





#productTitle{
    
    position:absolute;
    
    top:38px;
    left:1560px;

    
}

#introText{
    left:78px;
    top:160px;
    width:420px;
    position:absolute;
    color:#05588f;
    font-family:sans-serif;
	font-size:0.9em;
	line-height:26px;
	letter-spacing:0.05em;
}

#facebookIcon{
    
    left:1560px;
    top:380px;
    position:absolute;
}

/** the product buttons **/

#productButtons{
    
    position:absolute;
    
    top:20px;
    left:1700px;
    
    
}

#butA{
    
    position:absolute;
    
    top:0px;
    left:0px;
}

#butB{
    
    position:absolute;
    
    top:0px;
    left:200px;
}

#butC{
    
    position:absolute;
    
    top:0px;
    left:400px;
}

#butD{
    
    position:absolute;
    
    top:160px;
    left:0px;
}

#butE{
    
    position:absolute;
    
    top:160px;
    left:200px;
}

#butF{
    
    position:absolute;
    
    top:160px;
    left:400px;
}

#butG{
    
    position:absolute;
    
    top:320px;
    left:0px;
}

#butH{
    
    position:absolute;
    
    top:320px;
    left:200px;
}

#butI{
    
    position:absolute;
    
    top:320px;
    left:400px;
}


#newsTitle{
    
    position:absolute;
    
    top:80px;
    left:2400px;

    
}

#dashedLineB{
    
    left:2350px;
    top:0px;
    position:absolute;
}


#newsPanel{
    
    position:absolute;
    width: 710px;
	height: 480px;
    top:0px;
    left:2285px;
    background-image:url(images/panel_news.png);
    

}

#newsPanelMask{
    
    position:relative;
    width: 580px;
	height: 280px;
    top:137px;
    left:-15px;
    overflow:hidden;

}

#newsContent{
    
    position:relative;
    width: 480px;
	height: 377px;
    top:20px;
    left:105px;

    
}

#arrowA{
    
    position:relative;
    top:-145px;
    left:600px;
}

#arrowB{
    
    position:relative;
    top:+130px;
    left:600px;
}



#newsArrowDivider{
    
    position:relative;
    top:-20px;
    left:437px;
}

#contactText{
    
    position:relative;
    top:170px;
    left:115px;
}



#rightShim{
    position:absolute;
    left:2555px;
    
}



#aboutUsPanel
{
    position:absolute;
    padding:5;
    width: 710px;
	height: 360px;
    left:2990px;
    top:120px;
    
    color:#05588f;
    font-family:sans-serif;
	font-size:0.9em;
	line-height:26px;
	letter-spacing:0.05em;
    
}

#downloadText{
    
    left:78px;
    top:350px;
    position:absolute;
}

#downloadTextPalm{
    
    left:349px;
    top:340px;
    position:absolute;
}

#iPhoneAppIcons{
    
    left:78px;
    top:410px;
    position:absolute;
    border:0;
}

#palmAppIcons{
    
    left:390px;
    top:395px;
    position:absolute;
    border:0;
}



#descriptionText {
	position: absolute;
	height: 100px;
	width: 100px;
	top: 300px;
	left: 40px;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	color: #aaa5ac;
}

#linkA {
	position: absolute;
	height: 100px;
	width: 100px;
	top: 200px;
	left: 40px;
	A:link {font-family: Arial, sans-serif; font-size: 12pt;  color: #9966ff; }
    A:visited {font-family: Arial, sans-serif; font-size: 12pt;  color: #9966ff; TEXT-DECORATION: underline}
    A:hover {font-family: Arial, sans-serif; font-size: 12pt;  color: #9900ff; TEXT-DECORATION: none }
    
}

#dashedLineC{
    
    left:2940px;
    top:0px;
    position:absolute;
}



.lemonflow {
    margin:0; 
	padding:0;
}
A:link {font-family: Arial, sans-serif; font-size: 12pt;  color: #9966ff; }
A:visited {font-family: Arial, sans-serif; font-size: 12pt;  color: #9966ff; TEXT-DECORATION: underline}
A:hover {font-family: Arial, sans-serif; font-size: 12pt;  color: #9900ff; TEXT-DECORATION: none }

b {font-family: Arial, sans-serif; font-size: 12pt; color: #ffffff; TEXT-DECORATION: none }
td {font-family: Arial, sans-serif; font-size: 12pt; color: #ff9a00; TEXT-DECORATION: none }
h1 {font-family: Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #000000; background-color:yellow }
h2 {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #ffff00; TEXT-DECORATION: none }
i {font-family: Arial, sans-serif; font-size: 12pt; color: #ffff00; TEXT-DECORATION: none }
img {font-family: Arial, sans-serif; font-size: 10pt; color: #ffff00; TEXT-DECORATION: none }
prompt {font-family: Arial, sans-serif; font-size: 9pt; color: #ffff00; TEXT-DECORATION: none }
li {font-family: Arial, sans-serif; font-size: 10pt; color: #ffffcc; TEXT-DECORATION: none }
name {font-family: Arial, sans-serif; font-size: 12pt; color: #ff55cc; TEXT-DECORATION: none }