/****************** RESET STYLES ******************/
* { margin:0; padding:0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, embed, font, img, ins, kbd,  q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit;	vertical-align: baseline;	background: transparent; }
:focus { outline: 0; }
ol, ul { list-style: none; padding:0; margin:0; }
body { font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS',arial,sans-serif; font-size: 62.5%; text-align:center; background-color:#fff; text-align:center; }
sup { font-size: smaller; vertical-align: baseline; position: relative; bottom:.33em; font-weight:bold; }
/****************** ENDOF RESET  ******************/

#wrapper { width:980px; min-height:1200px; margin:0 auto; text-align:center;}

a:link { color:#2c3aca; text-decoration:none; }
a.txtlink:link { position:relative; }
a:visited { color:#2c3aca; text-decoration:none; }
a:hover { color:#2c3aca; text-decoration:underline; }
a:active { color:#000; }
a.txtlink:active { top:1px; margin-left:1px; }
.triangle { font:8px arial; color:#8f0f0b; }

#header { width:980px; height:80px; overflow:hidden; position:relative; margin:0 auto; }
#header h1.logo { position:absolute; display:block; width:196px; height:37px; overflow:hidden; text-indent:-99em; background:url(../images/filemaker.gif) 0 0 no-repeat #fff; left:35px; top:25px; }
#header h2.special { position:absolute; display:block; width:183px; height:47px; overflow:hidden; text-indent:-99em; background:url(../images/txt_specialoffer.gif) 0 0 no-repeat #fff; right:178px; top:19px; }
#header div.share { position:absolute; display:block; width:160px; height:37px; overflow:hidden; top:18px; right:0; background:url(../images/share_bg.gif) 0 0 no-repeat #f1f1f1; }
#header div.share a.facebook { position:absolute; width:20px; height:20px; top:9px; left:63px; text-indent:-999em; overflow:hidden; background:url(../images/socialmedia.gif) -30px 0px no-repeat #3b5c9d; }
#header div.share a.facebook:hover { position:absolute; width:30px; height:30px; top:4px; left:58px; text-indent:-999em; overflow:hidden; background:url(../images/socialmedia.gif) 0px 0px no-repeat #3b5c9d; }
#header div.share a.digg { position:absolute; width:20px; height:20px; top:9px; left:96px; text-indent:-999em; overflow:hidden; background:url(../images/socialmedia.gif) -30px -60px no-repeat #306ba4; }
#header div.share a.digg:hover { position:absolute; width:30px; height:30px; top:4px; left:91px; text-indent:-999em; overflow:hidden; background:url(../images/socialmedia.gif) 0px -60px no-repeat #3b5c9d; }
#header div.share a.twitter { position:absolute; width:20px; height:20px; top:9px; left:127px; text-indent:-999em; overflow:hidden; background:url(../images/socialmedia.gif) -30px -30px no-repeat #91e2ee; }
#header div.share a.twitter:hover { position:absolute; width:30px; height:30px; top:4px; left:122px; text-indent:-999em; overflow:hidden; background:url(../images/socialmedia.gif) 0px -30px no-repeat #3b5c9d; }

#splash { clear:both; display:block; position:relative; width:980px; height:auto; background:url(../images/splash_bg.jpg) 0 0 repeat-x; text-align:center; overflow:hidden; }
#splash .splash-top { clear:both; width:980px; height:7px; overflow:hidden; background:url(../images/splash_top.jpg) 0 0 no-repeat; }
#splash h2.announcing { display:block; clear:both; position:relative; width: 763px; height:82px; overflow:hidden; text-indent:-999em; background:url(../images/txt_splash.png) 0 0 no-repeat; margin:35px auto; }
#splash img { display:block; width:871px; height:339px; clear:both; margin:0 auto; }

#alert { position:relative; display:block; clear:both; width:920px; background:url(../images/graybar.jpg) no-repeat #eee; height:82px; overflow:hidden; margin:0 auto; }
#alert img { float:left; padding:10px 20px 10px 40px; }
#alert p { width:710px; clear:none; padding-left:0px; display:block; height:80px; overflow:hidden; text-align:left; font:normal 11px/17px 'Lucida Grande', 'Trebuchet MS',arial,sans-serif; padding-top:23px; color:#333; }
#alert p strong { font-weight:bold; color:#7a0d0b; }
#alert .blue { text-decoration:underline; color:#2c3aca; }
#alert a { color:#2c3aca; text-decoration:underline; }

ol { display:block; clear:both; position:relative; clear:both; width:920px; height:302px; overflow:hidden; margin:17px auto; }
ol li { position:relative; font: 11px/15px 'Lucida Grande','Trebuchet MS',Arial,Helvetica,Sans-serif; width:289px; height:302px; float:left; text-align:left; overflow:hidden; }
ol li p { display:block; padding: 0 35px; width:219px; color:#666; font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS'; padding-top:170px; }
ol li.first { background:url(../images/panel_1.jpg) 0 0 no-repeat; margin-right:26px; }
ol li.second { background:url(../images/panel_2.jpg) 0 0 no-repeat; margin-right:26px; }
ol li.third { background:url(../images/panel_3.jpg) 0 0 no-repeat; }
.toppad { padding-top:8px; }
a.btn_download { display:block; clear:both; position:absolute; left:35px; bottom:43px; width:122px; height:26px; font:bold 12px/26px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS',arial; color:#fff; text-decoration:none; background:url(../images/btn_download.gif) 0 0 no-repeat; overflow:hidden; text-indent:-999em; }
a.btn_buy { display:block; clear:both; position:absolute; left:35px; bottom:25px; width:124px; height:26px; font:bold 12px/26px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS',arial; color:#fff; text-decoration:none; background:url(../images/btn_buynow.gif) 0 0 no-repeat; overflow:hidden; text-indent:-999em; }

div.lastrect { margin:0 auto; display:block; position:relative; clear:both; width:920px; height:239px; overflow:hidden; text-align:left; }
ul { display:block; position:relative; clear:both; width:920px; height:219px; overflow:hidden; background:url(../images/bg_bottom.jpg) 0 0 no-repeat transparent; text-align:left; }

ul li { position:relative; float:left; width:306px; height:302px; overflow:hidden; }
ul li.pane3 { border-right:none;  }
ul li div { position:relative; display:block; overflow:hidden; clear:both; padding:20px 65px 15px 30px; }
ul li div h3 { display:block; height:20px; padding-top:0px; text-align:left; font-weight:bold; color:#333; font-size:13px; line-height:16px; font-weight:bold; padding-bottom:100px; }
ul li a, a.bottomlink { color:#2c3aca; text-decoration:none; font-weight:bold; display:block; height:16px; }
a.bottomlink { float:left; clear:left; font-size:11px; line-height:15px; }
ul li a:hover, a.bottomlink:hover { text-decoration:underline; }
ul li a small { color:#2c3aca; text-decoration:none; line-height:16px; font-size:.6em; font-family:arial; }
ul li p { display:block; clear:both; color:#666; font-size:11px; line-height:15px; padding-right:20px; }
.lefty,.lefty2 { display:block; clear:both; padding:0; margin:2px 0 1px; position:relative; left:82px; font-size:11px; font-weight:normal; color:#000; font-size:11px; font-weight:bold; height:14px; overflow:hidden; }
.lefty2 { clear:both; display:block; height:22px; padding:0; margin:0; margin-bottom:12px !important; }
ul li.pane3 h3 { padding-bottom:2px; }
ul li.pane2 h3 { line-height:17px; font-size:13px; text-align:center; padding-right:50px; font-weight:normal; padding-bottom:140px; }
ul li.pane2 a { width:270px; height:90px; position:absolute; left:30px; top:100px; display:block; overflow:hidden; text-indent:-999em; }
p.subheader { color:#2c3aca; display:block; padding-bottom:10px; font-size:11px; font-weight:bold; }
p.callus { font-weight:normal; font-size:12px; color:#000; margin-top:9px; }
small.pane2disclaimer { position:absolute; display:block; width:250px; overflow:hidden; height:15px; top:272px; left:35px; color:#666; }

div.buynowgray { width:170px; height:50px; text-indent:-999em; overflow:hidden; padding-top:20px; position:relative; display:block; }
div.buynowgray a { position:absolute; left:80px; top:10px; background:url(../images/btn_buynow2.gif) 0 2px no-repeat; display:block; overflow:hidden; width:90px; height:30px; text-indent:-999em; }

/* div.buynowgray a:hover, a.btn_download:hover, a.btn_buy:hover { -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0px 1px 2px #999; -webkit-box-shadow:0px 1px 2px #999; } */

/* div.lastrect h3 { text-shadow:1px 1px 1px #ccc; } */

#footer { display:block; clear:both; position:relative; text-align:center; margin:0 auto; width:870px; overflow:hidden; padding-bottom:20px; }
#footer p { padding:5px 0; text-align:center; font-size:11px; color:#666; }

li.pane1 div { width:275px; }
li.pane2 div { width:300px; padding-left:40px; } li.pane3 div { padding-left:50px; width:300px; }
li.pane3 div div { padding:0; margin:0; margin-top:10px; }
