/* website general styles: 
background-image:url(images/bg_sky_gradient_strip.gif);
#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;
}
html { overflow-y:hidden; }
*/

body { 
	margin:0; 
	padding:0;
	color:#000000;
	font-family:sans-serif;
	font-size:1em;
	background-color:#8d9393;
	background-image:url(images/wallpaper/mountains_1280x800.jpg);
	background-repeat:repeat-x;
	background-position:top;
    background-attachment:fixed;
}

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

}


#newsBG
{
    position:absolute;
    width: 480px;
	height: 280px;
    top:137px;
    left:2365px;
    background-color:#ffffff;
    opacity:0.3; 
    -moz-border-radius: 15px;
    border-radius: 15px; 
    -webkit-border-radius: 15px;
}


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

.newsItem
{
    width:350px;
    height:115px;
    color:#333333;
    font-family:sans-serif;
	font-size:1em;
	margin:0px 0px 0px 100px;
	border-bottom:dotted 4px #dedede;
    
}

h3 {font-family: Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #ffffff; TEXT-DECORATION: none }

span.newsGraphic
{
    position:absolute;
    left:14px;
    width:72px;
    height:72px;
}

span.springIcon
{
    position:absolute;
    width:25px;
    height:36px;
    left:0px;
    
    background-image:url(images/news-items/icon-spring.png);
    background-repeat:no-repeat;
}

span.summerIcon
{
    position:absolute;
    width:33px;
    height:33px;
    left:0px;
   
    background-image:url(images/news-items/icon-summer.png);
    background-repeat:no-repeat;
}

span.autumnIcon
{
    position:absolute;
    width:29px;
    height:27px;
    left:0px;
    
    background-image:url(images/news-items/icon-autumn.png);
    background-repeat:no-repeat;
}

span.winterIcon
{
    position:absolute;
    width:22px;
    height:26px;
    left:0px;
  
    background-image:url(images/news-items/icon-winter.png);
    background-repeat:no-repeat;
}


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

#thoughtsLink{
    position:absolute;
    top:43px;
    left:300px;
}

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

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

#productTitle{
    
    position:absolute;
    top:38px;
    left:1560px;
    width:99px;
    height:22px;
}

.dashedLine{
    width:1px;
    height:471px;
}
#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;
}




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

#iPhoneAppIcons{
    
    width:401px;
    height:80px;
    left:78px;
    top:170px;
    position:absolute;
    border:0;
}



/** the product buttons **/

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


#butA{
    
    position:absolute;
    top:0px;
    left:0px;
    width:180px;
    height:140px;
}

#butB{
    
    position:absolute;
    top:0px;
    left:200px;
    width:180px;
    height:140px;
    border:0;
}

#butC{
    
    position:absolute;
    top:0px;
    left:400px;
    width:180px;
    height:140px;
    border:0;
}

#butD{
    
    position:absolute;
    top:160px;
    left:0px;
    width:180px;
    height:140px;
    border:0;
}

#butE{
    
    position:absolute;
    top:160px;
    left:200px;
    width:180px;
    height:140px;
    border:0;
}

#butF{
    
    position:absolute;
    top:160px;
    left:400px;
    width:180px;
    height:140px;
    border:0;
}

#butG{
    
    position:absolute;
    top:320px;
    left:0px;
    width:180px;
    height:140px;
    border:0;
}

#butH{
    
    position:absolute;
    
    top:320px;
    left:200px;
    width:180px;
    height:140px;
    border:0;
}

#butI{
    
    position:absolute;
    
    top:320px;
    left:400px;
    width:180px;
    height:140px;
    border:0;
}


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

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


#arrowA{
    
    position:relative;
    top:-60px;
    left:580px;
}

#arrowB{
    
    position:relative;
    top:-50px;
    left:580px;
}



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

#contactText{
    
    position:absolute;
    top:450px;
    left:110px;
    width:270px;
    height:23px;
}



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



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

#feedbackForm
{
    position:absolute;
    padding:5;
    width: 700px;
	height: 360px;
    left:3490px;
    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;
}



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


.thoughtsBG{
    background-color:rgba(255,255,255, 0.4);
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    margin:10px 0px 10px 10px;
 
}

.thoughtMainTitle{
    font-family: Arial, sans-serif;
    font-size: 20pt;
    font-weight: bold;
    color: #000000;
   margin:10px 10px 10px 10px;
  
}

.thoughtParagraph{
     margin:20px 20px 20px 20px;
     font-family: Arial, sans-serif;
     font-size: 12pt;
     font-weight: normal;
     color: #000000;
    
}

.thoughtSubnote{
     margin:20px 20px 20px 20px;
     font-family: Arial, sans-serif;
     font-size: 9pt;
     font-weight: normal;
     color: #333333;
}

#thoughts_itemA{
    left:20px;
    top:80px;
    position:absolute;
    
}

.thoughts_title {
    margin:12px 0px 10px 20px;
}


.thirtypad{
    margin:60px 60px 60px 60px;
}


.lemonflow {
    margin:0; 
	padding:0;
}
A:link {font-family: Arial, sans-serif; font-size: 12pt;  color: #ffffff; }
A:visited {font-family: Arial, sans-serif; font-size: 12pt;  color: #ffffff; TEXT-DECORATION: underline}
A:hover {font-family: Arial, sans-serif; font-size: 12pt;  color: #ffffff; 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;
/*-moz-border-radius: 30px;
border-radius: 30px;
-webkit-border-radius: 30px;*/


}
h2 {
font-family: Arial, sans-serif;
font-size: 13pt;
font-weight: bold;
color: #ffcc00;
background-color:#000000;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
}

         
i {font-family: Arial, sans-serif; font-size: 12pt; color: #000000; 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: 12pt; color: #000000; TEXT-DECORATION: none }
name {font-family: Arial, sans-serif; font-size: 12pt; color: #ff55cc; TEXT-DECORATION: none }