@charset "UTF-8";
body { background-image: url(images/Background_.gif); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font: 100.01% "Verdana", Trebuchet MS, Arial, sans-serif; font-weight: lighter; background-color: #62758a; }
h1 { margin-bottom: 0px; font-weight: normal;  }
h2 { margin-bottom: 0px; font-weight: normal;  }
.title { font-weight: bold;  }
.copyright { font-size: 10px; font-weight: normal; color: #999; }

#siteWrapper { width:909px; height: 100%;  margin: auto; overflow: hidden }
#PanelHeader { width:909px; height: 109px; background-image:url(images/Symby_LRG_Top.gif); margin-top: 17px; margin-bottom: 0px; overflow: hidden; float: left; }
#PanelContent { width: 879px; background-color: #FFF;  padding-left: 30px; float: left; }
#PanelFooter { width:909px; height: 29px; background-image:url(images/Symby_LRG_Btm.gif); margin-top: 0px; margin-bottom: 30px; float: left; overflow: hidden; background-repeat: no-repeat; }

/* PanelHeader Content */ 
#aboutTxt { width:600px; height: 50px; margin-right: 10px; padding-top: 20px; float: right; text-align: left; color: #FFF; font-size: 20px; font-weight: lighter; }

/* PanelContent Layout */
#LeftCol { width: 587px; margin-right: 30px; margin-top: 14px; float: left; }
#RightCol { width: 262px; float: left; text-align: left; }
#OneColContainer { width: 849px; margin-right: 30px; margin-top: 14px; float: left; text-align: left; }
#OneCol { width: 849px; margin-right: 30px; float: left; text-align: left; }
#ScrnShtContainer { width: 256px; height: 383px; margin-right: 26px; margin-top: 30px; margin-bottom: 20px; float: left; }
#ScrnSht { width: 256px; height: 383px;  float: left; }
#ScrnShtDesc { width: 229px; height: 30px; font-size: 14px; margin-top: 10px; float: left; }

/* LeftCol Content */

#appIcon { width: 103px; height: 102px; float: left; }
#appTitle { width: 474px; height: 102px; float: left; margin-left: 10px; text-align: left; vertical-align: bottom; }
.Desc { font-style: italic; font-size: 18px; color: #999; line-height: 1.7em; }
#appNavContainer { width: 408px; height: 31px; float: left; margin-top: 11px; margin-bottom: 15px; }

#appNavAbout { width: 102px; height: 31px; float: left; }
#appNavAboutButton { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_About.jpg") no-repeat 0 0; }
#appNavAboutButtonStatic { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_About.jpg") no-repeat 0 0; background-position: 0 -31px; }
#appNavAboutButton:hover { background-position: 0 -31px; }
#appNavAboutButton span, #appNavAboutButtonStatic span { display: none; }

#appNavFeat { width: 102px; height: 31px; float: left; }
#appNavFeatButton { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_Features.jpg") no-repeat 0 0; }
#appNavFeatButtonStatic { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_Features.jpg") no-repeat 0 0; background-position: 0 -31px; }
#appNavFeatButton:hover { background-position: 0 -31px; }
#appNavFeatButton span, #appNavFeatButtonStatic span { display: none; }

#appNavScrn { width: 102px; height: 31px; float: left; }
#appNavScrnButton { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_Screens.jpg") no-repeat 0 0; }
#appNavScrnButtonStatic { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_Screens.jpg") no-repeat 0 0; background-position: 0 -31px; }
#appNavScrnButton:hover { background-position: 0 -31px; }
#appNavScrnButton span, #appNavScrnButtonStatic span { display: none; }

#appNavStore { width: 102px; height: 31px; float: left; }
#appNavStoreButton { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_GetApp.jpg") no-repeat 0 0; }
#appNavStoreButtonStatic { display: block; width: 102px; height: 31px; background: url("images/SymbyLRG_GetApp.jpg") no-repeat 0 0; background-position: 0 -31px; }
#appNavStoreButton:hover { background-position: 0 -31px; }
#appNavStoreButton span, #appNavStoreButtonStatic span { display: none; }

#appContent { width: 587px; float: left; font-size: 100%; }



/* RightCol Content */
#iPhone { background-image:url(images/iPhone_Lrg.jpg); width: 247px; height: 415px; float: left; text-align: center; }
#iPhoneImg { width: 184px; height: 274px; background-color: #FFF; float: left; margin-top: 71px; margin-left: 31px; margin-right: 31px;}

#ie6only #iPhoneImg { width: 184px; height: 274px; background-color: #FFF; margin-top: 71px; }

#iPhoneDots { width: 149px; height: 20px; float: left; text-align: center; padding-left: 98px; padding-top: 10px; }
#DotOn { width: 8px; height: 8px; overflow: hidden; float: left; background-image: url(images/Dot.gif); background-position: 0px 8px; margin-right: 2px; margin-left: 2px; }
#DotOff { width: 8px; height: 8px; overflow: hidden; float: left; background-image: url(images/Dot.gif); background-position: 0px 0px; margin-right: 2px; margin-left: 2px; }
#AppStoreBtn { width: 187px; height: 61px; float: left; margin-left: 31px; }