@charset "UTF-8";
/* =====================================================================*/
/* Qualified Search											 */
/*    */
/* =====================================================================*/
img, div { beahvior:url(../iepngfix.htc);}

body {
	background: #f5f5f5 url(../imgs/body_bg.jpg) repeat-x top center;
	margin: 0;
	padding: 0;
}
div#main {
	clear: both; 
	width: 965px; /* 1000px wide minus the padding */ 
	margin: -3px auto 0 auto;
	padding-top:3px;
	/*Hides from IE-Mac\*/
	margin: 0 auto 0 auto;
	padding-top: 0;
	/*End hide from IE-mac*/
	background: url(../imgs/content_bg.png) repeat-y top center;
	padding-left:17px;padding-right:17px;
	z-index:1;
}
/*Clears the bottom of the main class and id so that the bg flows to the bottom- buggy on old pages*/
div#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div#bodyContent{}
/* Hides from IE-mac \*/
* html div#main { height: 1%; }
div#main { display: block; }
/* End hide from IE-mac */
/*END-Clears the bottom ...*/



/* ==============================================================*/
/*   			Header											*/
/* ==============================================================*/
#header
	{
	height:105px;
	width:1000px;
	background: url(../imgs/header_bg.png) no-repeat top center;
	overflow:hidden;
	}
div#header
	{
	margin: 0 auto 0 auto;
	padding:0;
	}
	
div#header .logo {width:380px; float:left; padding:10px 15px; beahvior:url(../iepngfix.htc);}


/* ==============================================================*/
/*   			Main Nav											*/
/* ==============================================================*/

#navcontainer {float:left; xmargin:0 20px 0 0; font-size:14px; color:#003a97; xwidth:1000px; }

#menu {padding:0; margin:0; list-style:none; font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; }
#menu table {border-collapse:collapse; height:0; width:0; margin:0 -4px -1px 0;}
#menu li {float:left; margin:0 5px;}
#menu li a {display:block; float:left; height:35px; line-height:35px; color:#000; text-decoration:none; xborder-bottom:3px solid #fff;}
#menu li a.current {font-style:italic; color:#06b; xborder-bottom:3px solid #aaa; cursor:text;}

#menu li:hover {position:relative; z-index:100;}
#menu li a:hover {color: #06b; position:relative; z-index:100; xborder-bottom:3px solid #aaa;}
#menu li:hover > a {color: #06b; xborder-bottom:3px solid #aaa;}
#menu ul {position:absolute; left:-9999px; top:38px; width:140px; padding:0; margin:0; list-style:none; background:url(trans.gif);}
#menu ul li {margin:0;}
#menu ul li a {width:140px; height:25px; line-height:25px; font-size:15px; border:0; text-align:right;}
#menu ul li a:hover {border:0;}
#menu ul li:hover > a {border:0;}

#menu ul ul {position:absolute; margin-left:100%; top:0; padding:0; margin:0; list-style:none;}

#menu :hover ul {right:0; left:auto;}
#menu :hover ul ul {left:-9999px; width:130px; padding-left:10px; background:url(trans.gif);}

#menu li ul :hover ul {left: 140px; right:auto;}
#menu li ul li ul li a {text-align:left; color:#06b;}
#menu li ul li ul li a:hover {color:#000;}



/* Top Content - Flash / Right Corner Boxes */

#flash {
	xfloat:left;
	padding:35px 0 0 0;
	margin: 0 0 10px 0;
	width:960px;
	xheight:413px;
	z-index:10;
	}
	
#flash img{border:none;}

	/*.bl {background: url(../images/corner-bl.png) #999999 0 100% no-repeat}
	.br {background: url(../images/corner-br.png) 100% 100% no-repeat}
	.tl {background: url(../images/corner-tl.png) 0 0 no-repeat}
	.tr {background: url(../images/corner-tr.png) 100% 0 no-repeat; padding:5px 5px 0 5px;}*/
	
.featured {	
	margin:0 0 0 0;
	color:#fff;
	
}

#section-1 .bannerImage {
	background: url(../imgs/sliders/lg/banner1.jpg) top left no-repeat; 
	width: 950px;
	padding: 0;
	margin: 0;
	height:325px;
	_height:325px; top:0; left:0; 
	z-index:500;
	
}
#section-1 .text {color:#FFFFFF; width: 700px; padding: 265px 0 0 15px;float:left;}
#section-1 .text a .view {width: 732px; padding: 283px 0 0 15px; float:left; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#fff;}

#section-2 .text a {width: 732px; padding: 283px 0 0 15px; float:left; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#fff;}
#section-2 .bannerImage {
	background: url(../imgs/sliders/lg/banner2.jpg) top left no-repeat; 
	width: 950px;
	padding: 0;
	margin: 0;
	height:325px;
	_height:325px; top:0; left:0; 
	z-index:500;
}

#section-3 .text a {width: 732px; padding: 283px 0 0 15px; float:left; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#fff;}
#section-3 .bannerImage {
	background: url(../imgs/sliders/lg/banner3.jpg) top left no-repeat; 
	width: 950px;
	padding: 0;
	margin: 0;
	height:325px;
	_height:325px; top:0; left:0; 
	z-index:500;
}

#section-4 .text a {width: 732px; padding: 283px 0 0 15px; float:left; font: bold 16px Helvetica, Arial, Verdana, sans-serif; color:#fff;}
#section-4 .bannerImage {
	background: url(../imgs/sliders/lg/banner4.jpg) top left no-repeat; 
	width: 950px;
	padding: 0;
	margin: 0;
	height:325px;
	_height:325px; top:0; left:0; 
	z-index:500;
}




/* slide */

.featured img.left{
	top: 0px;
    cursor: pointer;
	left:-35px;
	position:absolute;
}

.featured img.right{
	top: 0px;
    cursor: pointer;
	right:-35px;
	position:absolute;
}

#slider {
    margin: 0 auto;
    position: relative;
	background: url(../imgs/sliders/slidebk.png) bottom left no-repeat; 
	height:345px;
	width:950px;
}

.scroll {
    height:320px;
	width:950px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height:167px;
    width:752px;
	padding:50px 70px;
}

ul.navigation {
    list-style: none;
    margin: 0 0 0 0;
    padding:0 0 0 0;
    xpadding-bottom: 9px;
	background:none;
	width:950px;
		text-align:left;
		text-transform:uppercase

}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    margin: 10px 0 0 20px;
	padding:5px 5px 4px 5px;
    color: #fff;
	font-size:12px;

}

ul.navigation a:hover {
    color: #ccc;
	padding:5px 5px 4px 5px;
	background: none;
	text-decoration:underline;
}

ul.navigation a.selected {
    color: #ccc;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

/* slide end */

.featured p.view {
	xwidth:300px;
	margin:0 0 0 2px;
	padding:1px 0 0 0;
	font: bold 16px Helvetica, Arial, Verdana, sans-serif; 
	color:#fff;

}
	
.featured p {
xwidth:450px;
margin:-10px 0 0 3px;
font: normal 14px Helvetica, Arial, Verdana, sans-serif; 
color:#fff;
}

.featured a {color:#fff;}
.featured a:hover {color:#fff; }
	

/* END: Top Content - Flash / Right Corner Boxes 
================================================*/

#content-nav {
	height: 39px;
	margin: 0 0 13px 5px;
}
#boxes {
	margin: 20px 0 0 0;
	height: 236px;
}

#boxes ul li p.buttons {text-align:center; margin:0 0 0 100px;}

#boxes img {
	float:left;
	padding:0 5px 5px 0;
}
#boxes ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#boxes ul li {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
  width: 400px; 
}
#boxes ul li#box1 {
	background: url(../imgs/box_bg.png) no-repeat;
	padding: 20px 0 0 20px;
	height: 300px;
	margin:0 0 0 5px;
	width:460px;
	
}
#boxes ul li#box2 {
	background: url(../imgs/box_bg.png) no-repeat;
	padding: 20px 0 0 10px;
	height: 300px;
	margin:0 0 0 10px;
	width:460px;
}

#boxes ul li#box3 {
	xbackground: url(../imgs/box_bg.png) no-repeat;
	padding: 20px 0 0 28px;
	height: 275px;
  margin-right: 0 !important;
}
#boxes ul li h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #003a97;
	margin: 0 20px 0 0;
}
#boxes ul li p.smHead {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 14px;
	line-height: 16px;
	color: #009999;
	margin: 0 30px 0 0;
	padding:0 10px 0 0;
}
#boxes ul li p.leftboxp {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	line-height: 13px;
	margin: 15px 30px 0 0;
}
#boxes ul li p.rightboxp {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	line-height: 13px;
	margin: 15px 30px 0 10px;
}
#boxes ul.listleft {
margin:22px 0 3px 0;}
#boxes ul.listright {
margin:20px 0 3px 0;}
#boxes .listleft li{
list-style-type:none;
background:url(../imgs/list_arrow.png) no-repeat 0px 5px;
padding:3px 0px 3px 18px;
color:#2c2c2c;
margin:0 0 3px 0;

}
#boxes .listright li{
list-style-type:none;
background:url(../imgs/list_arrow.png) no-repeat 0px 5px;
padding:3px 0px 3px 18px;
color:#2c2c2c;
margin:0 0 3px 10px;
}


a.learnmore {
	margin:10px 0 10px 5px;
	width:234px;
	height:19px;
	float:left;
	background:url(../imgs/learnmore.jpg) no-repeat;
	text-indent:-5000px;
}
a.learnmore:hover,
a.learnmore:focus {
	background-position:right top;
	border:none;
}

/* ==============================================================*/
/*				Footer 											*/
/* ==============================================================*/
div#footer
	{
	margin: 0px auto 20px auto;
	width: 965px; /* 1000px wide minus the padding */
	clear:both;
	font: 12px Helvetica, Arial, Verdana, sans-serif; 
	color: #B2B2B2;
	border-top:0px solid #ffffff;
	padding:30px 17px 20px 17px;
	background: #3366cc url(../imgs/footer_bg.png) no-repeat bottom;
	}
div#footer {
	font-size: 10px;
}

div#footer .footerLeft {float:left; width:420px; margin:15px 0 10px 0;}
div#footer .footerRight {float:right; width:420px; text-align:right; margin:25px 0 10px 0;}
div#footer ul
	{
	display:inline;
	}
div#footer ul li
	{
	display:inline;
	margin:3px 0px 3px 10px;
	padding:10px 0 0 0;
	color:#333;
	}
div#footer h4
	{
	font-size:16px;
	font-weight: lighter;
	margin: 3px 0px;
	color: #333;
	}
div#footer p
	{
	margin: 3px 0px;
	color: #3366cc;
	}
	
/* ==============================================================*/
/*				SUB BANNERS  									*/
/* ==============================================================*/

#sub-banner { padding-top: 40px; height: 139px; background: url(../imgs/10_home_launch/feature_filemaker10_launch.jpg) no-repeat 0 10px; }
#sub-banner h2 { padding: 0; height: 87px; background: url(../imgs/10_home_launch/heading1_announcing.jpg) no-repeat 50% 0; text-indent: -5000px; }
#sub-banner h3 { height: 29px; background: url(../imgs/10_home_launch/heading2_sleek.jpg) no-repeat 50% 0; text-indent: -5000px; }
#sub-banner p { margin-top: 358px; float: right; padding-right: 20px; }

/* ==============================================================*/
/*				SUB STRUCTURE  									*/
/* ==============================================================*/

#body {float:left; width:800px; padding:0 20px 0 0; margin:0;}

#body img {float:left; padding:10px 15px 10px 0;}

#sidebar {float:right: width:310px; padding:0 0 0 10px; margin:0;}

.listLeft {width:385px; float:left;}
.listRight {width:375px; float:left; margin:0 0 0 40px;}
#body ul {margin: 0 0 0 -25px;}
#body .list li{
list-style-type:none;
background:url(../imgs/list_arrow.png) no-repeat 0px 5px;
padding:5px 0 5px 18px;
margin:0;
color:#2c2c2c;
}


/* BEGIN: Testimonial Bubbles */
.quotesWrapper{margin-top:0px; width:287px; margin:10px 0 0 0; float:right}
.quotesheaderBg {width:287px; xbackground: url(../imgs/sidebar-bk.jpg) no-repeat; height:3px; overflow: .;}
.quotesheader {padding-top:0px; background-color: #fff; background: url(../imgs/sidebar-top.jpg) no-repeat top left; height:32px; width:287px;}
.quotesheader div {text-align:center;color:#6b4b76;font-weight:bold;}
.quotesheader a{color:#6b4b76;}        
.quotesbody  {width:287px; background:#f3f3f3; min-height:30px;  }
.quotesfooter { background:#fff url(../imgs/sidebar-bot.jpg) no-repeat 0 0;  height:37px;  }
.quotesbodyHref {display:block;text-decoration:underline;margin-left:10px;margin-top:20px;}
.quotesheader h3 {color: #003366; font-weight:bold; font-size:16px; padding: 10px 10px; background: none;}
.quotesbody p {color: #003366; padding: 5px 10px; background: none;}
.quotesfooter h4 {color: #003366; padding: 20px 0 0 0; background: none;}
.quotesfooter h4 .companyname {color: #003366; padding: 0 0 0 0; background: none; font-size:12px;
}

.quotesbody ul li p.smHead {
	font-family: 'Lucida Grande', arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #009999;
	margin: 0 20px 1em 0;
	text-transform:lowercase;
}
.quotesbody ul li p {
	font-family: 'Lucida Grande', arial, sans-serif;
	line-height: 13px;
	margin: 0 20px 0 0;
}
.quotesbody ul {margin: 0 0 0 -25px;}
.quotesbody .list li{
list-style-type:none;
background:url(../imgs/list_arrow.png) no-repeat 0px 5px;
padding:5px 0 5px 18px;
margin:0;
color:#2c2c2c;
}

#sidebar a.learnmore {
	margin:10px 0 10px 20px;
	width:234px;
	height:19px;
	float:left;
	background:url(../imgs/learnmore.jpg) no-repeat;
	text-indent:-5000px;
}
#sidebar a.learnmore:hover,
#sidebar a.learnmore:focus {
	background-position:right top;
	border:none;
}

#chromemenu{
clear:both;
width: 990px;
font-weight: normal;
font-size: 110%;
margin:0 0 0 -13px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border-bottom: 1px solid #BBB;
width: 100%;
background: url(../imgs/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #0033cc;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(../imgs/chromebg2.gif) center center repeat-x;
color: #494949;