/****************** 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; text-shadow: rgba(0,0,0,0.01) 0 1px; -webkit-text-stroke: 1px transparent; }
:focus { outline: 0; }
ol, ul { list-style: none; }
body { font-family:arial,helvetica,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:960px; min-height:1200px; margin:0 auto; text-align:left;}

a:link { color:#8f0f0b; text-decoration:none; }
a:visited { color:#8f0f0b; text-decoration:none; }
a:hover { color:#b0130e; text-decoration:underline; }
a:active { color:#000; }
.triangle { font:8px arial; color:#8f0f0b; }

#header { width:960px; height:69px; overflow:hidden; position:relative; }
#header h1.logo { position:absolute; display:block; width:161px; height:36px; overflow:hidden; text-indent:-999em; background:url(../images/filemaker.gif) 0 0 no-repeat #fff; left:35px; top:19px; }
#header h2.callout { position:absolute; display:block; width:275px; height:37px; overflow:hidden; text-indent:-999em; background:url(../images/txt_callout.gif) 0 0 no-repeat #fff; right:0; top:19px; }

#splash { clear:both; display:block; position:relative; width:960px; height:494px; background:url(../images/splash_bg.jpg) 0 0 repeat-x; text-align:center; }
#splash .splash-top { clear:both; width:960px; height:7px; overflow:hidden; background:url(../images/splash_top.jpg) 0 0 no-repeat; }
#splash h2.announcing { display:block; clear:both; position:relative; width: 960px; height:157px; overflow:hidden; text-align: center; text-indent:-999em; background:url(../images/txt_announcing.gif) 0 0 no-repeat; margin: 0 auto; }
#splash .splash_img { display:inline; clear:both; position:relative; margin: 0; width:871px; height:339px; }
#splash a.btn_buynow { position:absolute; top:468px; left:538px; height:26px; width:87px; overflow:hidden; text-indent:-999em; display:block; background:url(../images/btn_buynow.gif) 0 0 no-repeat; }
#splash a.btn_trynow { position:absolute; top:468px; left:632px; height:26px; width:107px; overflow:hidden; text-indent:-999em; display:block; background:url(../images/btn_trynow.gif) 0 0 no-repeat; }
#splash a.btn_newfeatures { position:absolute; top:468px; left:746px; height:26px; width:168px; overflow:hidden; text-indent:-999em; display:block; background:url(../images/btn_newfeatures.gif) 0 0 no-repeat; }

.mid { clear:both; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:958px; min-height:285px; height:auto !important; height:285px; background:url(../images/bg_mid.jpg) 0 0 repeat-x #f1f1f1; float:left; }
.mid .col { clear:none; float:left; display:inline; width:232px; min-height:300px; /* height:auto !important; height:265px; */ /* padding:10px 23px 10px; */ background:url(../images/bg_div.jpg) right 20px no-repeat transparent; text-align:center; }
.mid .col img { display:inline; clear:both; position:relative; padding-top:10px; }
.mid .first { width:250px !important; }
.mid .last { background-image:none; width:242px !important; }
.mid .col p { color:#666; font:normal 1.2em/1.5em 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial; text-align:left; padding:0 25px; }
.mid .col h3 { display:block; color:#000; font:bold 1.4em/1.8em 'Lucida Grande','Lucida Sans Unicode',Heletica,Arial; text-align:left; padding-left:25px; padding-top:14px; }
.mid-bot, .mid-top { clear:both; display:block; width:960px; height:10px; overflow:hidden; }
.mid-bot { background:url(../images/bg_mid_bot.jpg) 0 0 no-repeat; }
.mid-top { background:url(../images/bg_mid_top.gif) 0 bottom no-repeat; margin-top:30px; }

.bot { display:block; clear:both; float:left; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:958px; height:auto !important; min-height:200px; height:200px; background:url(../images/bot_bg.jpg) 0 0 repeat-x #f1f1f1; }
.bot .col2 { position:relative; clear:none; float:left; width:300px; height:184px; min-height:184px;  /* min-height:200px; height:200px; */background:url(../images/bg_div2.jpg) right 0 no-repeat transparent; }
.long { width:320px !important; }
.bot h3 { position:relative; display:block; text-align:center; clear:both; display:block; color:#000; font:bold 1.4em/1.8em 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial; padding-top:15px; padding-bottom:17px; }
.bot .col2 p { display:block; clear:both; position:relative; color:#666; font:normal 1.2em/1.5em  'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial; padding:0 20px; }
.bot .col2 p img { float:left; margin-right:15px; }
img.ico_watch { margin-right: 0 !important; float: none !important;}
.bot .template_exchange p { font-size: 1.1em; line-height: 1.4; }
.bot .template_exchange h3 { text-align: left; padding-left: 20px; padding-bottom: 5px;}

.bot .col3 { position:relative; float:left; clear:none; display:inline; width:296px; min-height:184px; padding-left:30px; overflow:hidden; }
.bot .col3 h3 { text-align:left; padding-bottom:0px !important; }
.bot .col3 p { display:block; clear:both; position:relative; color:#666; font:1.2em 'Lucida Grande',helvetica,arial,sans-serif; padding:3px 100px 3px 0; }

.buynowgray { display: block; width:89px; height:28px; text-indent:-999em; overflow:hidden; background:url(../images/btn_buynow2.gif) 0 0 no-repeat; margin: 6px 0; }
.ico_box { position:absolute; right:0; top:20px; width:126px; height:184px; }

.bot-bot, .bot-top { clear:both; display:block; width:960px; height:7px; overflow:hidden; }
.bot-top { background:url(../images/bot_top.jpg) 0 bottom no-repeat; margin-top:15px; }
.bot-bot { background:url(../images/bot_bot.jpg) 0 0 no-repeat; }

#footer { display:block; clear:both; position:relative; width:833px; height:40px; height:auto !important; min-height:40px; background:url(../images/ico_opsys.jpg) 833px 20px no-repeat #fff; padding:25px 127px 20px 0; }
#footer p { font:normal 1em/1.4em 'Lucida Grande',arial,helvetica,sans-serif; color:#999; margin-bottom: 1em; }