@charset "UTF-8";

/********************************************************/
/* base tags                                            */
/********************************************************/

body {font-size: 100%; font-family: Calibri, Verdana, sans-serif; background-color:#c1c2c4; margin: 20px 0px 0px 0px; padding: 0px; color: #333333;}
h1 { font-size: 145%; font-weight: bold; color: #005862; margin-top: 0px; }
h2 { font-size: 125%; font-weight: normal; color: #005862; margin-top: 0px; }
h3 { font-size: 115%; font-weight: normal; color: #000000; margin-top: 0px; }
p { margin-top: 0px; }
img { border: none; }

/********************************************************/
/* forms                                                */
/********************************************************/

input[type="submit"], input[type="button"] { font-family: Calibri, Arial, Verdana, Helvetica; font-size: 14px; padding: 3px; }
select, textarea { font-family: Calibri, Arial, Verdana, Helvetica; font-size: 13px; }
input[type="text"], input[type="password"] { font-family: Calibri, Arial, Verdana, Helvetica; background: #fff url(../img/design/frm-input-bg.gif) repeat-x left top; border: solid 1px #818181; padding: 3px; }
select { background: #fff url(../img/design/frm-input-bg.gif) repeat-x left top; border: solid 1px #818181; padding: 3px; }
textarea { border: solid 1px #818181; padding: 3px; }

/********************************************************/
/* global styles                                        */
/********************************************************/

.hide { display: none; }
.clearFloats { clear: both; }
.more { display: block; width: 88px; height: 20px; background: url(../images/buttons/read-more.gif) no-repeat top left; float: left; margin-right: 5px; }
.more span { display: none; }
.requestDemo { display: block; width: 109px; height: 20px; background: url(../images/buttons/request-demo.gif) no-repeat top left; float: left; margin-right: 5px; }
.requestDemo span { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.size1 { width: 100px; }
.size2 { width: 200px; }
.size3 { width: 300px; }
.size4 { width: 400px; }
.size5 { width: 500px; }    

/********************************************************/
/* main layout                                          */
/********************************************************/

#container { width: 978px; margin: 0 auto; padding: 0px 20px 0px 20px; background: #fff url(../images/main-top.gif) no-repeat left top; }
#footer { width: 978px; margin: 0 auto; padding: 30px 20px 20px 20px; text-align: right; background: url(../images/main-bottom.gif) no-repeat left top; }

#header { height: 112px; }
#header #logo { margin-top: 22px; margin-left: 16px; float: left; }
#header #applications { float: right; margin-top: 59px; }
#header #applications a img { vertical-align: middle; margin-top: -3px; }

#topNav { background: url(../images/nav_bg.gif) no-repeat left top; height: 26px; width: 978px; text-align: center; padding-top: 5px; }
#topNav ul { list-style: none; padding: 0px; margin: 0px;}
#topNav ul ul { display: none; }
#topNav ul li { display: block; float: right; height: 20px; margin-right: 40px; background-image: url(../images/nav_li_bg.gif); background-position: right top; background-repeat: no-repeat;  }
#topNav ul li:hover, #topNav ul li.selected { background-position: right -20px; }
#topNav ul li a { font-size: 16px; background: url(../images/nav_a_bg.gif); background-position: left -20px; background-repeat: no-repeat; display: block; color: #dff1f3; text-decoration: none; padding: 0px 25px 0px 25px; margin-left: -2px; }
#topNav ul li a:hover, #topNav ul li.selected a { background-position: left top; }

#hero { background: url(../images/hero1.jpg) no-repeat left top; height: 212px; }
#hero .feature { position: absolute; width: 482px; margin: 37px 0px 0px 43px; }
#hero .feature .image { float: left; }
#hero .feature .featureBody { margin-left: 10px; float: left; width: 340px; margin-top: -5px; }
#hero .feature .featureBody h1 { font-size: 33px; font-weight: bold; color: #fff; padding: 0; margin: 0; line-height: 30px; }
#hero .feature .featureBody h2 { font-size: 24px; font-weight: normal; color: #000; padding: 0; margin: 0px 0px 5px 0px; line-height: 21px; height: 21px; }
#hero .feature .featureBody h2 .question { display: none; width: 320px; background: url(../images/hero/h2-fade-bg.gif) repeat-y left top; }
#hero .feature .featureBody p { font-size: 14px; font-family: Georgia, Times New Roman, Arial, Helvetica; font-style: italic; color: #fff; }

#tiles { padding: 20px 0px 20px 0px; }
#tiles .tile { background: url(../images/tile-bg.gif) no-repeat left top; width: 272px; height: 132px; float: left; margin-left: 20px; padding: 15px 20px 15px 20px; }
#tiles .first { margin-left: 0px; }
#tiles .tile h1 { font-size: 20px; font-weight: bold; color: #fff; padding: 0; margin: 0px 0px 4px 0px; line-height: 17px; }
#tiles .tile h2 { font-size: 16px; font-weight: normal; color: #000; padding: 0; margin: 0px 0px 10px 0px; line-height: 13px; }
#tiles .tile p { font-size: 14px; font-family: Georgia, Times New Roman, Arial, Helvetica; font-style: italic; color: #fff; }

#subNav {width:195px;float: left;margin-right: 30px; }
#subNav ul {position: relative; list-style:none; padding: 0px 4px 0px 4px; margin: 0 0 30px 0;}
#subNav ul li.selected ul { display: block; }
#subNav ul li {margin:0; padding:0;font-size: 95%;}
#subNav ul li a {display:block; text-decoration:none; color:#000; border-bottom:1px solid #ccc; padding:5px 10px;}
#subNav ul li a:hover {background-color:#e5e5e5;}
#subNav ul li.selected a {background-color:#f3f3f3; font-weight: bold;}
#subNav ul li.selected ul li a { background-color: Transparent; font-weight: normal; }
#subNav ul ul { display: none; padding: 0px; }
#subNav ul li ul li { padding-left: 10px; }
#subNav ul li ul li a { font-size: 90%; }
#subNav ul li ul li.selected a {background-color:#f3f3f3; font-weight: bold;}

#subNav .subFeature { background: #73b5c0 url(../images/tile-bg.gif) no-repeat right top; margin: 0px 4px 0px 4px; padding: 10px; color: #fff; font-size: 12px; }
#subNav .subFeature h2 { font-size: 16px; color: #fff; font-weight: bold; padding: 4px 0px 8px 0px; border-bottom: solid 1px #fff; }
#subNav .subFeature h2.display { background: url(../../reflexobjects/libraries/icons/24x24/display.png) no-repeat right 2px; }
#subNav .subFeature .requestDemo { margin-left: 25px; }
#subNav .subFeature p.button { margin-bottom: 0px; }

#mainContent { padding: 20px; }
#mainContent .clearHeading { height: 4px; }

#mainContent #contentCopy h2 { border-bottom: solid 1px #94b9bd; }
#mainContent #contentCopy ul { list-style: none; }
#mainContent #contentCopy ul li { background: url(../images/nav_arrow.gif) no-repeat left 5px; padding-left: 10px;  }
#mainContent #contentCopy .intro { background: url(../images/intro-bg-top.gif) no-repeat left top; color: #fff;  font-size: 14px; font-family: Georgia, Times New Roman, Arial, Helvetica; font-style: italic; padding: 20px 35px 10px 35px; }
#mainContent #contentCopy .intro p { margin-bottom: 0px; }
#mainContent #contentCopy .introBottom { background: url(../images/intro-bg-bottom.gif) no-repeat left top; height: 26px; margin-top: -10px; }
#mainContent #contentCopy .shots { background: #f3f3f3 url(../images/shots-bg.gif) no-repeat bottom left; padding: 12px; display: inline; float: right; margin-left: 20px; margin-bottom: 20px; }
#mainContent #contentCopy .shots .title { float: left; padding-right: 12px; }
#mainContent #contentCopy .shotsBottom { margin-bottom: 20px; }
#mainContent #contentCopy .contentCopyBody p { padding: 0px 12px 0px 12px; }

body.fullWidth #mainContent #contentCopy {width:713px;display:block;float: left;}

#mainContent #contentCopy table.contentTable { width: 100%; border-collapse: collapse; }
#mainContent #contentCopy table.contentTable th, #mainContent #contentCopy table.contentTable thead td { background-color: #f3f3f3; padding: 5px; font-weight: bold; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#mainContent #contentCopy table.contentTable td { background-color: #fafafa; padding: 5px; vertical-align: top; border-bottom:1px solid #ccc; }

/********************************************************/
/* forms                                                */
/********************************************************/

#mainContent #contentCopy .formBlock { padding: 0px 20px 0px 20px; }
#mainContent #contentCopy .formBlock .formRow { padding: 10px 10px 0px 158px; }
#mainContent #contentCopy .formBlock .formRow label { display: block; float: left; width: 138px; margin-left: -158px; text-align: right; }
#mainContent #contentCopy .formBlock .formFullRow { padding: 10px 10px 0px 10px; }
#mainContent #contentCopy .formBlock .formRow .radioList label { display: inline; float: none; width: auto; margin:0; }
#mainContent #contentCopy .formBlock .formRow .checkList label { display: inline; float: none; width: auto; margin:0; }