/****************** 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:visited { color:#2c3aca; text-decoration:none; }
a:hover { color:#2c3aca; text-decoration:underline; }
a:active { color:#000; }
.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(/products/bento/bfo/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(/products/bento/bfo/images/txt_specialoffer.jpg) 0 0 no-repeat #fff; right:35px; top:19px; }

#splash { clear:both; display:block; position:relative; width:980px; height:auto; background:url(/products/bento/bfo/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(/products/bento/bfo/images/splash_top.jpg) 0 0 no-repeat; }
#splash h2.announcing { display:block; clear:both; position:relative; width: 728px; height:82px; overflow:hidden; text-indent:-999em; background:url(/products/bento/bfo/images/txt_announcing.jpg)  0 0 no-repeat; margin:30px auto 20px; }
#splash img { display:block; width:871px; height:339px; clear:both; margin:0 auto; }

#alert { position:relative; display:block; clear:both; width:920px; background:url(/products/bento/bfo/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(/products/bento/bfo/images/panel_1.jpg) 0 0 no-repeat; margin-right:26px; }
ol li.second { background:url(/products/bento/bfo/images/panel_2.jpg) 0 0 no-repeat; margin-right:26px; }
ol li.third { background:url(/products/bento/bfo/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(/products/bento/bfo/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(/products/bento/bfo/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(/products/bento/bfo/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:#000; 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; }
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; }

.buynowgray { float:left; width:100px; height:22px; text-indent:-999em; overflow:hidden; background:url(/site/images/buttons/btn_buynow_gray.png) 0 0 no-repeat; }
.buynowgray:hover { background-position:0 -22px; }

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

/*
	Button Styles
*/
.button-blue, 
.button-green, 
.button-red, 
.button-purple,
.button-dpurple,
.button-bluepurp                      { padding: 4px 13px !important; font: normal .9em "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #616161; text-decoration: none !important; letter-spacing: .05em;  
                                        border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
                                        box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777;
                                        text-shadow: 1px 1px 1px #333; -moz-text-shadow: 1px 1px 1px #333; -webkit-text-shadow: 1px 1px 1px #333; }
.button-red                           { color: #fff !important; background: #76020E url(/site/images/buttons/bg_button_red.png) repeat-x 0 0; border: 1px solid #350104; }


.first a.button-red,
.second a.button-red{
	position:absolute; left:35px; bottom:43px; 
}

.third a.button-red{position:absolute; left:35px; bottom:12px;}