/*
 Global 
 ------------------------------------------------------------------------
 */

html { 
   overflow-y: scroll;
}

body   {
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
   background: #ebebeb url(../images/layout/bg.jpg) top center no-repeat;
   font-size: 12px;
   line-height: 15px;
   margin: 0px;
   padding: 0px;
   color: #333333;
}

h1 {
   color: #59595B;
   font-size: 36px;
   line-height: 39px;
   margin-bottom: 15px; 
}

h2   {
	font-family: "Microsoft Sans Serif", Arial;

   color: #000000;
   font-size: 27px;
   line-height: 30px;
   margin-bottom: 30px; 
   margin-top: 5px;
}
 
h3   {
	font-family: Georgia;
   font-size: 15px;  
   line-height: 18px;
   margin-bottom: 15px; 
    color: #333333;
}

h4   {
	font-family: Georgia;
   font-size: 12px;  
   line-height: 15px;
   margin-bottom: 15px; 
   color: #333333;
}

p  {
   margin-bottom: 15px; 
   text-align: left;
}

ul   {
	margin: 5px;
   margin-left: 10px;
   padding: 0px;
   padding-left: 20px;	
}

ul li   {
	margin: 0px;
	padding: 3px;
}



h3.blackBox   {
  background: #000000;
  padding: 5px;	
}
 
img {  
    border-style: none;
}

a:link {
    color: #144ced;
}

a:visited {
    color: #144ced;
}

a:hover {
    color: #29ABE2;
}

a:active {
    color: #FF6600;
}

a.heading   {
   text-decoration: none;	
}

hr   {
  color: silver;
  background-color: silver;	
  height: 1px;
  border: 0px;
  text-align: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

blockquote   {
   font-family:Georgia,Times;
   font-weight: italic;
   text-align: left;
   color: #59595B;
   font-size: larger;
}

.whatWeDo {
  font-family:Georgia,Times;
  color: #666666;
  font-size: 160%;

}

.breadCrumb   {
	color: #808080;
   font-size: 10px;	
   padding: 10px;
   padding-left: 15px;
}

/*
 Layout 
 ------------------------------------------------------------------------
 */
 
#site  {
   width: 890px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto; 
   padding: 0px;
}

#headerWrapper   {
   float: left;
   width: 221px;
}
#header   {
   text-align: left;
   padding-top: 30px;
}

#headerLogo   {
   
}

#navigationWrapper   {
   margin-left: 290px;
}

#navigation   {
   height: 32px;
   color: #848484;
   z-index: 100;
   
   padding-top: 35px;
   
}

#mainContentWrapper   {
	clear: both;
	margin-top: 30px;
}

#mainContent   {
   text-align: left;
   color: #000000;
   
   padding-bottom: 20px;
   position: relative;
   width: 100%;
   
   
}

#footer   {
   text-align: center;
   padding: 5px;
   font-size: 10px;
   color:#999999;
   xbackground: #f2f2f2 url(../images/layout/sitemap-top-border.gif) top repeat-x;
}

#footer a {
   color:#333333;
}

#footer a:link  {
   color: #999999;
}

#footer a:visited {
    color: #999999;
}

#footer a:hover {
    color: #29ABE2;
}

#footer a:active {
    color: #FF6600;
}


.end   {
  clear: both;
}

.keyword   {
   color: #D42429;
}

.sitemap   {
   text-align: left;
   width: 890px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   

   
}

.sitemap a:link  {
  	color: #999999;
}

.sitemap a:visited {
    color: #999999;
}

.sitemap a:hover {
    color: #29ABE2;
}

.sitemap a:active {
    color: #FF6600;
}


.sitemapLinks   {
	float: left;
   list-style: none;
   width: 280px;
   font-size: 10px;
   padding: 5px;
   margin: 0;
}

.sitemapLinks li.section   {
 padding: 5px;
}

.sitemapLinks li.section a.menu, .sitemapLinks li.section a.singleMenu   {
  font-weight: bold;
}
.sitemapLinks li.section ul li   {
	padding-top: 3px;
   padding-bottom: 3px;	
}



/*
 Navigation 
 ------------------------------------------------------------------------
 */
 
#nav, #nav ul {
 	float: left;
 	list-style: none;
 	line-height: 1;
 	
 	font-size: 10px;
   font-weight: bold;
 	padding: 0;
 	margin: 0;
 	
 	
}

#nav ul {
  width: 220px;
  background: #ffffff;
  filter: alpha(opacity=90);
   -moz-opacity: 0.90;
   opacity: 0.90;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;
}

#nav a { 
 	display: block;
 	color: #848484;
 	
 	text-decoration: none;
 	padding-left: 10px;
 	padding-right: 10px;
 	padding-top: 5px;
   padding-bottom: 5px;
   width: 210px;
   
}

#nav a:hover  {
  color: #D42429;
}
  
#nav a.selected   {
    color: #D42429;
}

#nav a.menu {
  	background: url(../images/layout/down-arrows.gif) center right no-repeat;
  	padding-right: 15px;
}
  
#nav a.menu, #nav a.singleMenu {  
    padding-top: 0px;
    padding-bottom: 0px;
    height: 32px;
    line-height: 32px;
    text-transform: uppercase;
}


#nav a.subMenu {
 	background: url(../images/right_arrow.gif) center right no-repeat;
}

#nav li {
 	float: left;
 	padding: 0;
 	padding-right: 5px;  
 	 -moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
   
}

#nav li ul {
 	position: absolute;
 	left: -999em;
 	height: auto;
    width: 230px;
 	font-weight: normal;
 	margin: 0;
 	z-index: 1000;
 	padding-right: 5px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 	left: auto;
}

#nav li:hover, #nav li.sfhover {
 	color: #D42429;
 	background: #ffffff;
}

#nav li ul li:hover, #nav li ul li.sfhover   {
	background: #dddddd;
	color: #ffffff;
	-moz-border-radius-bottomleft: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-right-radius: 5px;
}



/*
 Icons 
 ------------------------------------------------------------------------
 */

.icon   {
   display: block;
   height: auto;
   line-height: 22px;
   padding-left: 22px;  
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 3px;
}

a.movieIcon   {
   background: url(../images/icons/play.gif) no-repeat 0 50%;
}

a.pdfIcon   {
   background: url(../images/icons/pdf.gif) no-repeat 0 50%;
}

a.userIcon   {
   background: url(../images/icons/user.gif) no-repeat 0 50%;
}

a.contactIcon   {
   background: url(../images/icons/contact.gif) no-repeat 0 50%; 
}

a.caseStudyIcon   {
   background: url(../images/icons/case_study.gif) no-repeat 0 50%; 
}

a.arrowIcon   {
   background: url(../images/icons/arrow_right_green.png) no-repeat 0 50%;
}

ul.icons   {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

ul.icons li  {
	list-style: none;
	padding: 5px;
	padding-left: 40px;
	margin-bottom: 5px;
	float: left;
	width: 160px;
	
}

li.iconCost   {
   background: url(../images/layout/icons/icon-noupfrontfees.gif) 0 3px no-repeat;
}

li.iconFastForward  {
	background: url(../images/layout/icons/icons-fastprocess.gif) 0 3px no-repeat;
}

li.iconTick  {
   background: url(../images/layout/icons/icon-compliant.gif) 0 3px no-repeat;
}

li.iconInfo  {
   list-style: none;
   background: url(../images/layout/icons/icon-info.gif) 0 3px no-repeat;
   padding-left: 40px;
}

li.iconLinks  {
   background: url(../images/layout/icons/icon-links.gif) 0 3px no-repeat;
}

li.iconHand  {
   background: url(../images/layout/icons/icon-neverhandfill.gif) 0 3px no-repeat;
}

li.iconTime  {
   background: url(../images/layout/icons/icon-savetime.gif) 0 3px no-repeat;
}

li.iconQuotes  {
   background: url(../images/layout/icons/icon-quotes.gif) 0 3px no-repeat;
}


/*
   TAB PANE
   ---------------------------------
*/

.tabPane   {
   position: relative;
   height: 169px;
   padding-top: 29px;
  
}

html>body .tabPane   {
   height: auto;
   min-height: 169px;
}


.tab   {
   position: relative;
   padding: 20px;
   height: 169px;
}

.tab h4   {
   margin-top: 0px;	
}


.tabButtons   {
   /*margin: 0px;
   margin-bottom: 1px !important;
   margin-bottom: -1px;
   margin-left: 20px;
   padding: 0px;
   list-style-type: none;
   display: block;
   height: 30px;*/
   position: absolute;
   left: 10px;
   top: 0px;
   padding-left: 10px;
   z-index: 1;
   
}

.tabButtons li   {
   text-decoration: none;
   list-type-style: none;
   display: inline;
   padding: 0px;
}

.tabButtons li a   {
   float: left; 
   display: block;   
   height: 24px;
   line-height: 24px;
   text-decoration: none;
}

.tabButtons li a:visited {
    color: #666666;
}

.tabButtons li a:hover {
    color: #29ABE2;
}

.tabButtons li a:active {
    color: #FF6600;
}

.tabButtons li a.selected   {

}

.tabButtons li a:focus {
   outline: none; /* kills dotted outline around active links in nav bar */
}


.tabPaneContent   {
    background: url(../images/layout/tab/innertabs-bg.gif) top left no-repeat;
    width: 542px;
}

.findOutMoreButton  {
   position: absolute;
   bottom: 50px;
   right: 20px;   
}


/*
 Main Content 
 ------------------------------------------------------------------------
 */
 
 
.homeBanner  {
   position: relative;
   margin: 0px;
}

.homeBanner .tabPane   {
	padding-top: 24px;
}

.homeBanner  .tabButtons   {
   height: 24px;
   padding-left: 385px;
   margin: 0px;
}

.homeBanner  .tabButtons li a  {
   border: none;	
   background: none;
   padding: 0px;
   height: 24px;
   line-height: 24px;
   margin: 0px;
}

.homeBanner  .tabPaneContent   {  
   border: none;
   background: none;
   width: auto;
   height: 261px;
}

.revolveButton   {
   width: 40px;
}
.wmButton   {
   width: 165px;
}
.finButton   {
   width: 77px;
}
.reButton   {
   width: 100px;
}
.insButton   {
   width: 87px;
}

.homeBanner .tab   {
   padding-top: 70px !important;
   padding-top: 80px;
   padding-left: 403px;
   color: #ffffff;	
   height: 170px !important;
   height: 160px;
}

.homeBanner .tab .callToAction  {
	display: block;
   position: absolute;
   right: 25px;
   bottom: 0px;  
   margin: 0px;
   padding: 0px; 
}

.homeBanner .tab h3   {
   color: #ffffff;	
   padding-top: 20px;
}

html>body .homeBanner .tab h3  {
   *padding-top: 40px;	
}


ul.revolveList  {
	position: relative; 
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

ul.revolveList li {
	list-style: none;
   background: url(../images/layout/home/o-bullets-blue.gif) 0 50% no-repeat;
   padding-left: 25px;
   vertical-align: top;
}

ul.revolveList li.green {
   background: url(../images/layout/li/o-bullets-green.gif) 0 50% no-repeat;
}

ul.revolveList li.purple {
   background: url(../images/layout/li/o-bullets-purple.gif) 0 50% no-repeat;
}
ul.revolveList li.red {
   background: url(../images/layout/li/o-bullets-red.gif) 0 50% no-repeat;
}

ul.revolveList li.orange {
   background: url(../images/layout/li/o-bullets-orange.gif) 0 50% no-repeat;
}

ul.revolveList li.white {
   background: url(../images/layout/li/o-bullets-white.gif) 0 50% no-repeat;
}



.revolveTab   {
	background: url(../images/layout/home/banner-blue.jpg) top left no-repeat;
}


.wmTab   {
   background: url(../images/layout/home/banner-wm.jpg) top left no-repeat;
}

.finTab   {
   background: url(../images/layout/home/banner-finance.jpg) top left no-repeat;
}

.reTab   {
   background: url(../images/layout/home/banner-real-estate.jpg) top left no-repeat;
}

.insTab   {
   background: url(../images/layout/home/banner-insurance.jpg) top left no-repeat;
}


.homeBannerContent  {
   margin-left: 350px;	
   color: #ffffff;
   padding: 10px;
}

.homeBannerHeader   {
	margin-left: -10px;
	padding-left: 0px;
}

.homeBannerTagline   {
	font-size: larger;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.homeBannerFeatures  {

}

.clientBanner   {
	background: #ffffff url(/images/banner_client_bg.jpg) top left repeat-x;
   position: relative;
   margin: 0px;
   height: 200px;
   border-bottom: 1px solid silver;
}

.clientBannerLogo   {
   float: left;	
}

.clientBannerQuote  {
   margin-left: 200px;
   padding-top: 50px;	
}

.clientBannerQuotePerson   {
   font-family:Georgia,Times;
   font-size: smaller;
   font-weight: bold;
}

.featureTable   {
	border: collapse;
}

.featureTable td {
  vertical-align: top;
  text-align: left;	
  padding: 5px;
}

.featureTable td.featureIcon   {
   width: 50px;	
}

.featureTable td.text   {
   width: 225px;   
}


.featureTitle   {
   font-weight: bold;	
   color: #000000;
   margin-bottom: 5px;
}


.secondaryBanner  {
   margin: 0px;
   padding: 10px;
   padding-bottom: 5px;
}

.secondaryBox   {
	float: left;
	width: 195px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.columnSplit   {
   float: left;	
   margin-top: 20px;
   padding-right: 5px;
}

.benefitIcon   {
   float: left;	
}


.secondaryBox h4  {
   margin-top: 0px;
   margin-left: 35px;	
   font-size: 14px;
   color: #333333;
}

.secondaryBox p   {
   clear: left;	
   font-size: 10px;
   color: #333333;
}

.caseStudiesBox  {
	margin-left: 445px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.caseStudiesBox h4   {
   margin-top: 0px;	
   color: #333333;
}

.clientLogos  {
}

.clientLogos p  {
   font-size: 9px;	
}



.clientLogos img   {
   margin-right: 30px;	
}

.clientLogos img.last   {
   margin-right: 0px;	
}

.home2Column   {
   position: relative;
   width: 880px;
   margin-left: auto;
   margin-right: auto;	
   font-size: 10px;
   color: #333333;
}

.home2Column .column   {
   width: 400px;
   padding: 10px;	
}

.home2Column .column h3   {
   color: #666666;	
}
 


.quote   {
	position: relative;
   text-align: left;
   font-size: 12px;
   color: #000000;

}

.withQuoteIcon  {
	background: url(../images/layout/icons/icon-quotes.gif) top left no-repeat;
	padding-left: 40px;
}

.endQuote  {
   position: absolute;
   top: 0px;
   right: 0px;
}
.quotePerson   {
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

.contentTable   {
  border: collapse;	
}

.contentTable td   {
   width: 50%;	
   padding: 5px;
   vertical-align: top;
   text-align: left;
}

 
 
 
.banner   {
   background: ;    
   position: relative;
   height: 223px;
}



.content  {
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
   color: #555555;
}


.withSideBar   {
	margin-right: 230px;
}

.withPageMenu   {

}

/* 
   Side Bar
   -----------------------------------------------------------
*/

.sideBar2   {
   float: right;
   width: 200px;
   padding-left: 5px;
   padding-top: 10px;
   padding-bottom: 5px;	
   font-size: x-small;
   background: #ffffff;
}

.sideBar2 .logo   {
   padding-left: 5px;	
}

.sideBar2 p {
	padding-left: 5px;
	padding-right: 5px;
}

.sideBar2 h4  {
	font-family:  Verdana, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
   height: 24px;
   padding-top: 4px;
   padding-left: 10px;
   background: url(../images/layout/sidebar-grey.gif) top left no-repeat;
   color: #ffffff;
   margin: 0px;
   margin-top: 5px;
}

.sideBar2 h4.subMenu   {
   background: url(../images/layout/sidebar-red-dark.gif) top left no-repeat;
}

.sideBar2 ul  {
	position: relative;
   list-style: none;
   margin: 0px;
   padding:  5px;
   padding-left: 10px;
   padding-right: 10px;
}

.sideBar2 ul li   {
  background: url(../images/layout/sidebar-arrow.gif) 0 3px no-repeat;
  padding: 0px;
  padding-left: 20px;
  padding-bottom: 5px;
}


.sideBar2 ul li.pdf  {
	background: url(../images/layout/sidebar-pdf-norm.gif) 0 3px no-repeat;
}

/* 
   Page Menu
   -----------------------------------------------------------
*/


.pageMenu li a {
   color: #000000;
   text-decoration: none;
   text-align: left;
   margin: 0px;
}

.pageMenu li a:visited {
   color: #000000;
}


.pageMenu li a.selected {
   color: #db2028;
}

.pageMenu li a.selected:visited {
   color: #db2028;
}

.pageMenu li a:hover   {
   color: #db2028;
}





.column1  {    
   float: left;
   width: 175px;
} 

.column2  {
   float: left;
   width: 200px;
}

.column2 h3 {
   margin-top:1px;
    margin-bottom: 5px;
}

.column2 a {
    margin-left: 10px;
    display: block; 
}

.productsDiv  {
   width: 300px;
   margin-left: auto;
   margin-right: auto;
}

.pageContent .productsDiv   {
   float: none;	
}

.productsDiv a {
    display: block;
    text-align: center;
    color: #ffffff;
}

.productsDiv p {
    margin-top:3px;         
    padding:4px;
	padding-bottom:0px;
    color: #ffffff;
    font-size:x-small; 
    height: 70px;
    text-align: left;
}
.productsDescription{
    margin-top:3px;
    padding:4px;
    color: #ffffff;
    font-size:x-small; 
    height: 50px;
    text-align: left;
}
.findOutMore{
    padding:3px; 
    color: #ffffff;
    text-align: right;
    color: #ffffff;
    font-size:x-small; 
}

.revolveProduct   {
   float: left;
   width: 121px;
   height: 190px;
   margin: 6px;  

}

.revolveProductLink   {
   float: left;
   width: 121px;
   height: 150px;
   margin: 5px;   
}
 
/*
 Page Content 
 ------------------------------------------------------------------------
 */
 
 
ul.arrows  {
   list-style: none;
   margin: 0px;
   padding:  5px;
   padding-left: 10px;
   padding-right: 10px;
}

ul.arrows li   {
  background: url(../images/layout/small-arrow.gif) 0 4px no-repeat;
  padding: 0px;
  padding-left: 20px;
  padding-bottom: 5px;
}
 



p.quote   {
   color: #59595B;
   font-size: larger;
}

.quotePerson    {
   margin-top: 10px; 
   font-weight: bold;
}

p.highlighted   {
   color: #0B67B0;
}

.pageBanner   {
  background: url(../images/layout/bluebanner.jpg) top left no-repeat;
  width: 890px;
  height: 91px; 
  
  margin-left: auto;
  margin-right: auto;   
    	
  position: relative;  	
}

.revolveVertical   {
   background: url(../images/layout/verticals/vert-banner-overview.jpg) top left no-repeat;
}

.wmVertical   {
	background: url(../images/layout/verticals/vert-banner-wealth-B.jpg) top left no-repeat;
}

.financeVertical   {
   background: url(../images/layout/verticals/vert-banner-finance.jpg) top left no-repeat;
}

.realEstateVertical   {
   background: url(../images/layout/verticals/vert-banner-realestate.jpg) top left no-repeat;
}

.insuranceVertical   {
   background: url(../images/layout/verticals/vert-banner-insurance.jpg) top left no-repeat;
}

.pageBanner h2  {
   color: #ffffff;	
   font-size: 26px;
   position: absolute;
   bottom: 0px;
   left: 0px;   
   padding: 20px;
   margin: 0px;
}

.pageContent   {
   background: #ffffff;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid #e3e3e3;
   width: 886px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
}


.pageFooter  {
	width: 888px;
   margin-left: auto;
   margin-right: auto;
   
   background: #ffffff;
   height: 9px;	
   position: relative;
   border-bottom: 1px solid #e3e3e3;
}

#pageFooterLeft  {
   position: absolute;
   bottom: -1px;
   left: 0px;
}
#pageFooterRight  {
   position: absolute;
   bottom: -1px;
   right: 0px;
}




.page   {
   margin-left: 165px;
   position: relative;
}


.sideBar   {
   float: right;
   width: 165px;
   
   font-size: small;
}

.sideBar .logo   {
   margin-top: 10px;
   margin-bottom: 10px;
}
 
.columnBox   {
   xbackground: #ffffff url(../images/sidebox_bg.jpg) top left repeat-x;
   border-top: 1px dotted silver;
   padding: 5px;
}

.columnBox h3   {
   font: 75% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
   text-transform:uppercase;	
   color:#db2028;
   text-align: left;
}

.columnBox ul li{
   margin-left: -20px;
   margin-bottom: 5px
}
.columnBox ol li{
   margin-left: -20px;
   margin-bottom: 5px
}

.columnBox h3   {
   margin-top: 5px;
}

/* ----	 Screenshot page styles  ----------------------------------- */

.tour   {
   margin-top: 30px;
   margin-bottom: 10px;   
}

.tourSection   {
   width: 600px;
   border-top: 1px solid silver;
   padding-top:20px;
   margin-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
}

.tourSectionHeading   {
   font-size: small;
   text-align: center;
   margin-bottom: 15px; 
}

.tourScreen   {
   font-size: small;
   width: 600px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
}

.tourSectionNote   {
   font-size: x-small;
   width: 100px;
   margin-bottom: 15px;  
}


#tourSection1  {
   background: url(/public/f/images/screenshots/screenshot0.jpg) top center no-repeat;   
}

#tourSection1_note_1   {
   position: absolute;
   top: 40px;
   right: 0px;
}

#tourSection1_note_2   {
   position: absolute;
   top: 278px;
   left: 5px;

}

#tourSection1_note_3   {
   position: absolute;
   top: 216px;
   right: 0px;

}

#tourSection1_note_4   {
   position: absolute;
   top: 115px;
   left: 5px;

}


#tourSection2  {
   background: url(/public/f/images/screenshots/screenshot1.jpg) top center no-repeat;   
}
#tourSection2_note_1   {
   position: absolute;
   top: 113px;
   right: 0px;
}
#tourSection2_note_2   {
   position: absolute;
   top: 230px;
   right: 0px;
}
#tourSection2_note_3   {
   position: absolute;
   top: 193px;
   left: 5px;
}


#tourSection3  {
   background: url(/public/f/images/screenshots/screenshot2.jpg) top center no-repeat;   
}
#tourSection3_note_1   {
   position: absolute;
   top: 70px;
   left: 5px;
}
#tourSection3_note_2   {
   position: absolute;
   top: 200px;
   right: 0px;
}
#tourSection3_note_3   {
   position: absolute;
   top: 290px;
   left: 5px;
}

#tourSection4  {
   background: url(/public/f/images/screenshots/screenshot3.jpg) top center no-repeat;   
}
#tourSection4_note_1   {
   position: absolute;
   top: 58px;
   right: 0px;
}
#tourSection4_note_2   {
   position: absolute;
   top: 253px;
   left: 5px;
}
#tourSection4_note_3   {
   position: absolute;
   top: 260px;
   right: 0px;
}
#tourSection4_note_4   {
   position: absolute;
   top: 115px;
   left: 5px;
}



.moviePlayer   {
   border: 1px solid silver;
   background: #000000;
   position: relative;
   padding: 1px;
   
   width: 565px;
   margin-left: auto;
   margin-right: auto;
}

/*
  New layout styles
  ------------------------------------------------------
*/

.productBanner   {
	position: relative;
	height: 160px;
   color: #ffffff;
}

html>body .productBanner   {
   height: auto;
   min-height: 160px;
}


.productBannerTop   {
	background: #dddddd;
}

.productBannerImg   {
   float: left;	
}

.productBannerText   {
   margin-left: 403px; 
   padding-top: 75px;
   color: #ffffff;	
}

.productBanner h2  {
   color: #ffffff;   
   font-size: 19px;
   line-height: 22px;
   position: absolute;
   bottom: 0px;
   left: 0px;   
   padding: 20px;
   margin: 0px;
   width: 600px;
}

.productBanner h3   {
   color: #ffffff;	
    position: absolute;
   bottom: 0px;
   left: 0px;   
   padding: 20px;
   margin: 0px;
}

.grid3column   {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.grid2column   {
   width: 610px !important;
   width: 600px;
   margin-left: auto;
   margin-right: auto;
}


.column  {
   float: left;
   margin-left: 10px;	
   margin-right: 10px;
   display: inline;
}

.clear   {
   font-size: 0px;
   line-height: 0px;
   clear: left;	
}

.clearBoth  {
	font-size: 0px;
   line-height: 0px;
   clear: both;   
}

.first   {
   margin-left: 0px;	
}

.last   {
   margin-right: 0px;	
}

.grid3column .column   {
   width: 280px;
}

.grid2column .column   {
   width: 290px !important;
   width: 280px;
}

.columnBackground   {
   background: url(../images/column_bg.jpg) top left no-repeat;	
   padding: 10px;
   width: 260px;
   margin-left: auto;
   margin-right: auto;
}

.paragraphIcon   {
	float: left; padding: 5px;
}

.clientLogo   {
   padding: 5px; 
}

.screenshot   {
   border: 1px solid #666666;  
}

.screenshotTitle  {
   font-weight: bold;
   font-size: 11px;
   margin-top: 10px;
   margin-bottom: 10px;	
   color: #333333;
}



label   {
   font-size: x-small;
   text-transform: uppercase;
   text-align: left;	
   display: block;   
   padding: 2px;
}

.formFooter   {
   text-align: left;	
}

.featureName   {
   font-weight: bold;	
   font-size: 11px;
   color: #333333;
   margin-bottom: 5px;
}

.screenshotTable  {
	
}

.screenshotTable td   {
	width: 150px;
	vertical-align: top;
	padding: 10px;
}

.personProfile   {
   position: relative;
   padding: 5px;	
}

.photo   {
   float: left;
   margin-top: 10px;	
   border: 1px solid silver;
   padding: 3px;
   margin-right: 5px;
   background: #ffffff;
}

.sideBar2 .photo   {
	float: right;
}

.companyBanner   {
   border: 1px solid silver;
   padding: 3px;
}

.personProfile p  {
   margin-left: 112px; 	
}

.personName   {
   display: block;
   font-weight: bold;	
   border-bottom: 1px solid silver;
   margin-bottom: 5px;
   padding-bottom: 5px;
}

.personRole   {
	display: block;
   font-weight: bold;  
   margin-bottom: 10px;
}

.clearLeft  {
   clear: left;	
}

.pricingTable   {
	width: 100%;
   border: 1px solid silver;
   border-collapse: collapse;
   padding: 5px;
}

.pricingTable thead {
   background: #dddddd;
}

.pricingTable th {
   border: 1px solid silver;
   padding-left: 5px;
   padding-right: 5px;
}

.pricingTable td {
   border: 1px solid silver;
   padding-left: 5px;
   padding-right: 5px;
}

.fdpoweredby  {
   display: none;
}

.resultDiv   {
	margin-left: 420px;
	background: #efefef;
	padding: 10px;
	width: 400px;
	
}

.calculatorDiv   {
   width: 400px;
   float: left;
}

.fieldError    {
   font-size: smaller;
   color: red;	
}

.resultIntro  {
   font-size: 27px;
   line-height: 27px;
   color: #444444;
   margin-top: 0px;
}

.calculatedCost   {
   color: #000000;	
}

.number   {
   padding-left: 40px;	
   padding-bottom: 10px;
   margin: 10px;
}

.one  {
   background: url(../images/numbers/1.gif) top left no-repeat;	
}
.two  {
   background: url(../images/numbers/2.gif) top left no-repeat;   
}
.three  {
   background: url(../images/numbers/3.gif) top left no-repeat;   
}
.four  {
   background: url(../images/numbers/4.gif) top left no-repeat;   
}
.five  {
   background: url(../images/numbers/5.gif) top left no-repeat;   
}
.six  {
   background: url(../images/numbers/6.gif) top left no-repeat;   
}
.seven  {
   background: url(../images/numbers/7.gif) top left no-repeat;   
}
.eight  {
   background: url(../images/numbers/8.gif) top left no-repeat;   
}

.slideShow   {
   position: relative;
   height: 65px;	
}

.revolveComponent   {
   border: 1px solid #efefef;
   padding: 5px;
   margin-bottom: 20px;
}

.componentTitle {
   float: left;
   margin-left: 10px;
}

.componentFeatures   {
   margin-left: 275px;
   padding: 5px;
   background: #efefef;
   
}