body,html{
	margin:0;
	padding:0;
	height:100%;
	background-color:#36392e;
	background-image:url(../images/main_fade_bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
#flowerBg{
	background-image:url(../images/flower_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	behavior:url(iepngfix.htc);
	width:100%;
}
#toptextWrapper{
	margin:0 auto;
	width:979px;
	height:24px;
	padding-top:2px;
	font-size:9px;
	color:#FFFFFF;
}
#toptextWrapper a{
	color:#ffffff;
	text-decoration:none;
}
#toptextWrapper a:hover{
	color:#a8ee00;
    text-decoration:none;
}


#siteWrapper{
	margin:0 auto;
	width:979px;
	min-height:395px;
}
/* for Internet Explorer */
/*\*/
* html #siteWrapper {
height:395px;
}
#whiteBg{
	background-color:#ffffff;
	background-image:url(../images/main_top_bg.jpg);
	background-repeat:no-repeat;
	width:979px;
}
#whiteBgOFB{
	background-color:#ffffff;
	background-image:url(../images/main_top_bg_white.jpg);
	background-repeat:no-repeat;
	width:979px;
	min-height:300px;
}
/* for Internet Explorer */
/*\*/
* html #whiteBgOFB {
	height:300px;
}
#linksWrapper{
	margin:0 auto;
	font-size:11px;
	width:949px;
	min-height:128px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(../images/links_top_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
/* for Internet Explorer */
/*\*/
* html #linksWrapper {
height:128px;
}
#linksWrapper a{
	color:#555555;
    text-decoration:none;
}
#linksWrapper a:hover{
	color:#000000;
    text-decoration:none;
}
#linksWrapper h2{
	padding-top:0;
}
#siteFooter{
	margin:0 auto;
	padding-top:45px;
	padding-left:15px;
	padding-right:10px;
	font-size:11px;
	color:#9da383;
	width:954px;
	height:76px;
	background-image:url(../images/links_footer_bg.png);
	background-repeat:no-repeat;
	behavior:url(iepngfix.htc);
	text-align:center;
}
#siteFooter a{
	color:#6c705a;
    text-decoration:none;
}
#siteFooter a:hover{
	color:#a8ee00;
    text-decoration:none;
}
#headerWrapper{
	width:979px;
	height:97px;
}
#logoFrame{
	float:left;
	width:267px;
	height:97px;
}
#logoFrameOFB{
	float:left;
	width:373px;
	height:37px;
	padding-top:45px;
}
#navFrame{
	float:right;
	width:490px;
	height:82px;
}
#navFrameOFB{
	float:right;
	width:583px;
	height:27px;
	padding-top:23px;
}
#navFrameOFB a{
	padding-right:2px;
}
#livechatOFB{
	float:right;
	width:186px;
	height:15px;
	padding-top:12px;
}
#lpPoweredByTR1899357885{
	display:none !important;	
}
#emtStarRatingTR3911702185{
	display:none !important;	
}
.lpEmtStarRating{
	display:none !important;	
}
.lpPoweredBy{
	display:none !important;	
}
.contactButton{
	padding:0 !important;
}

#headingFrame{
	width:979px;
	height:52px;
}
.headingLeft{
	float:left;
	height:52px;
	width:489px;
}
.headingRight{
	float:right;
	height:52px;
	width:489px;
}
#headingFramePortfolio{
	width:979px;
	height:52px;
}
.headingLeftPortfolio{
	float:left;
	height:52px;
}
.headingRightPortfolio{
	float:right;
	padding-top:30px;
	padding-right:10px;
	color:#fff;
}
.headingRightPortfolio a{
	color:#fff;
}
.headingRightPortfolio a:hover{
	text-decoration:none;
}
#leftPanel{
	width:780px;
	padding:0px 0px 10px 10px;
	float:left;
}
#rightPanel{
	width:179px;
	padding:0px 0px 10px 10px;
	float:right;
}
.bannerFrame{
	width:979px;
	height:258px;
	background-image:url(../images/banner_bg.jpg);
	background-repeat:no-repeat;
}
#fullWidthPanel{
	width:979px;
	padding-bottom:2px;
}
#fullWidthContent{
	width:938px;
	padding-left:20px;
	padding-bottom:13px;
	padding-top:10px;
}
#fullWidthContent ul li{
	list-style-image:url(../images/list_dot.jpg);
	padding-left:5px;
}
#fullWidthContent ol li{
	list-style:decimal;
	padding-left:0px;
}

.wideLeftColumn{
	float:left;
	width:459px;
	padding:17px 10px 12px 20px;
}
.wideLeftColumn ul li{
	list-style-image:url(../images/list_dot.jpg);
	padding-left:5px;
}
.wideRightColumn{
	float:right;
	width:459px;
	padding:17px 20px 12px 10px;
}
.wideRightColumn ul li{
	list-style-image:url(../images/list_dot.jpg);
	padding-left:5px;
}
.thirdLeft{	
	float:left;
	width:306px;
	padding-right:5px;
}
.thirdMiddle{	
	float:left;
	width:306px;
	padding-left:5px;
	padding-right:5px;
}
.thirdRight{	
	float:left;
	width:306px;
	padding-left:5px;
}


.picThumb{
	float:left;
	width:178px;
	height:160px;
	margin:8px 12px 0 0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:28px;
}

.widerLeftColumn{
	float:left;
	width:534px;
	padding:17px 10px 12px 20px;
}
.smallerRightColumn{
	float:right;
	width:385px;
	padding:20px 20px 20px 10px;
}
.fullColumn{
	width:939px;
	padding:17px 0px 12px 20px;
}
.plainContent{
	width:365px;
	padding:10px 10px 5px 0;

}
.blackBoxLarge{
	width:385px;
	background-color:#000000;
	padding-bottom:10px;
	
}
.whiteBoxLarge{
	width:385px;
	background-color:#ffffff;
	padding-bottom:10px;
	
}
.thumbnailHolder{
	width:159px;
	padding-top:8px;
	text-align:center;
}
#toplinks { height: 82px; }

#toplinks ul { position: relative; clear: both; list-style:none; margin: 0; padding:0;}
#toplinks li { position: relative; margin: 0; display:inline; padding:0;}
#toplinks li span { position: absolute; top: -3000px; height: 82px; margin: 0px; padding:0;}
#toplinks li a { height: 82px; float: right; display:block; margin:0px; padding:0;}

#homeLink a { background: url("../images/nav/home_inactive.png") no-repeat top center; behavior:url(iepngfix.htc); width: 100px;}
#servicesLink a { background: url("../images/nav/services_inactive.png") no-repeat top center; behavior:url(iepngfix.htc); width: 93px;}
#portfolioLink a { background: url("../images/nav/portfolio_inactive.png") no-repeat top center; behavior:url(iepngfix.htc); width: 93px;}
#testimonialsLink a { background: url("../images/nav/testimonials_inactive.png") no-repeat top center; behavior:url(iepngfix.htc); width: 93px;}
#contactLink a { background: url("../images/nav/contact_inactive.png") no-repeat top center; behavior:url(iepngfix.htc); width: 100px;}

#homeLink a:hover,#homeLink a.on { background: url("../images/nav/home_inactive_hover.png") no-repeat top center; behavior:url(iepngfix.htc);}
#servicesLink a:hover,#servicesLink a.on { background: url("../images/nav/services_inactive_hover.png") no-repeat top center; behavior:url(iepngfix.htc);} 
#portfolioLink a:hover,#portfolioLink a.on { background: url("../images/nav/portfolio_inactive_hover.png") no-repeat top center; behavior:url(iepngfix.htc);}
#testimonialsLink a:hover,#testimonialsLink a.on { background: url("../images/nav/testimonials_inactive_hover.png") no-repeat top center; behavior:url(iepngfix.htc);}
#contactLink a:hover,#contactLink a.on { background: url("../images/nav/contact_inactive_hover.png") no-repeat top center; behavior:url(iepngfix.htc);}

#homeLinkActive a { background: url("../images/nav/home_active.png") no-repeat top center; behavior:url(iepngfix.htc); width: 100px;}
#servicesLinkActive a { background: url("../images/nav/services_active.png") no-repeat top center; behavior:url(iepngfix.htc); width: 93px;}
#portfolioLinkActive a { background: url("../images/nav/portfolio_active.png") no-repeat top center; behavior:url(iepngfix.htc); width: 93px;}
#testimonialsLinkActive a { background: url("../images/nav/testimonials_active.png") no-repeat top center; behavior:url(iepngfix.htc); width: 93px;}
#contactLinkActive a { background: url("../images/nav/contact_active.png") no-repeat top center; behavior:url(iepngfix.htc); width: 100px;}





/* OPEN FOR BUSINESS LINKS */

.inactiveLink a{
	text-decoration:none;
	background-repeat:no-repeat;
	behavior:url(iepngfix.htc);
	height:27px;
	display:block;
	float:left;
	margin:0 0 0 3px;
}
.inactiveLink a.homeButton{ background-image:url(../images/nav/ofb_home_inactive.png); width:57px; }
.inactiveLink a:hover.homeButton{ background-image:url(../images/nav/ofb_home_rollover.png); width:57px; }
.inactiveLink a.demoButton{ background-image:url(../images/nav/ofb_demo_inactive.png); width:57px; }
.inactiveLink a:hover.demoButton{ background-image:url(../images/nav/ofb_demo_rollover.png); width:57px; }
.inactiveLink a.featuresButton{ background-image:url(../images/nav/ofb_features_inactive.png); width:74px; }
.inactiveLink a:hover.featuresButton{ background-image:url(../images/nav/ofb_features_rollover.png); width:74px; }
.inactiveLink a.screenshotsButton{ background-image:url(../images/nav/ofb_screenshots_inactive.png); width:102px; }
.inactiveLink a:hover.screenshotsButton{ background-image:url(../images/nav/ofb_screenshots_rollover.png); width:102px; }
.inactiveLink a.casestudiesButton{ background-image:url(../images/nav/ofb_casestudies_inactive.png); width:104px; }
.inactiveLink a:hover.casestudiesButton{ background-image:url(../images/nav/ofb_casestudies_rollover.png); width:104px; }
.inactiveLink a.pricingButton{ background-image:url(../images/nav/ofb_pricing_inactive.png); width:66px; }
.inactiveLink a:hover.pricingButton{ background-image:url(../images/nav/ofb_pricing_rollover.png); width:66px; }
.inactiveLink a.contactButton{ background-image:url(../images/nav/ofb_contact_inactive.png); width:90px; }
.inactiveLink a:hover.contactButton{ background-image:url(../images/nav/ofb_contact_rollover.png); width:90px; }

.activeLink a{
	text-decoration:none;
	background-repeat:no-repeat;
	behavior:url(iepngfix.htc);
	height:27px;
	display:block;
	float:left;
	margin:0 0 0 3px;
}
.activeLink a.homeButton{ background-image:url(../images/nav/ofb_home_active.png); width:57px; }
.activeLink a.demoButton{ background-image:url(../images/nav/ofb_demo_active.png); width:57px; }
.activeLink a.featuresButton{ background-image:url(../images/nav/ofb_features_active.png); width:74px; }
.activeLink a.screenshotsButton{ background-image:url(../images/nav/ofb_screenshots_active.png); width:102px; }
.activeLink a.casestudiesButton{ background-image:url(../images/nav/ofb_casestudies_active.png); width:104px; }
.activeLink a.pricingButton{ background-image:url(../images/nav/ofb_pricing_active.png); width:66px; }
.activeLink a.contactButton{ background-image:url(../images/nav/ofb_contact_active.png); width:90px; }










.linksTableRow{
	border-top:1px dotted;
	border-color:#999999;
	padding-top:2px;
	padding-bottom:2px;
}
.linksTableRowBlank{
	padding-top:3px;
	padding-bottom:2px;
}
.headingPadding{
	padding-left:8px;
}
#showcaseContainer{
	width:967px;
	padding-top:11px;
	padding-left:11px;
}
#showcaseContainerArchive{
	width:967px;
	padding-top:11px;
	padding-left:11px;	
}
.archiveThumbnail{
	width:154px;
	height:154px;
	padding-right:7px;
	padding-bottom:7px;
	float:left;
}
.archiveThumbnail a img{
	border:1px solid;
	border-color:#cccccc;
}
.archiveThumbnail a:hover img{
	border:1px solid;
	border-color:#666666;
}
.featuredThumbnail h1{
	font-size:19px;
	padding:5px 0 0px 0;
}
.featuredThumbnail p{
	padding:0;
	text-transform:uppercase;
	color:#999;
	font-size:10px;
	font-weight:bold;
	padding:0 0 0px 0;
}

.featuredType{
	color:#000;
}
.featuredThumbnail{
	width:313px;
	padding-right:9px;
	padding-bottom:17px;
	float:left;
}
.featuredThumbnail a img{
	border:1px solid;
	border-color:#cccccc;
}
.featuredThumbnail a:hover img{
	border:1px solid;
	border-color:#666666;
}
.casestudyInfo{
	text-transform:uppercase;
	color:#999;
	font-size:10px;
	font-weight:bold;
}
.casestudyLeft{
	width:480px;
	padding-bottom:2px;
	padding-left:8px;
	float:left;
}
.casestudyRight{
	width:468px;
	padding-right:11px;
	padding-bottom:2px;
	float:right;
}
.casestudyRight ul li{
	list-style-image:url(../images/list_dot.jpg);
	padding-left:5px;
}
.casestudyTextFrame{
	padding:0px 20px 0 20px;
	height:500px;
}
.casestudyTextFrame ul{
	font-size:11px;
}
.nextPreviousButtons{
	padding-left:20px;
	padding-right:7px;
	width:441px;
	text-align:right;
}


/* SLIDES */

#featured_images_wrapper{
	clear:both;
	height:258px;
	width:979px;
	position:relative;
	background:url(../images/banner_bg.jpg) top no-repeat;
}
	#panel_right{
		position:absolute;
		right:10px;
		top:110px;
		width:100px;
		height:46px;
		z-index:98;
		background:url(../images/slide_arrow_next.png) no-repeat;
		behavior:url(iepngfix.htc);
	}
	#panel_left{
		position:absolute;
		left:10px;
		top:110px;
		width:100px;
		height:46px;
		z-index:98;
		background:url(../images/slide_arrow_prev.png) no-repeat;
		behavior:url(iepngfix.htc);
	}
	#featured_images_wrapper .go_left{
		position:absolute;
		left:10px;
		top:110px;
		width:100px;
		height:46px;
		display:block;
		background-color:transparent;
		background:url(../images/blank.gif) no-repeat;
		z-index:99;
		text-indent:-1000em;
		cursor:hand;
	}	
	#featured_images_wrapper .go_right{
		position:absolute;
		right:10px;
		top:110px;
		width:100px;
		height:46px;
		display:block;
		background-color:transparent;
		background:url(../images/blank.gif) no-repeat;
		z-index:99;
		text-indent:-1000em;
		cursor:hand;
	}
#featured_images{
	clear:both;
	height:288px;
	position:relative;
	top:-12px;
}
.slideImageWrapper{
	width:979px;
	height:258px;
}
.slideImageFrame{
	width:665px;
	float:left;
	padding-left:30px;
	position:relative;
	left:-8px;
}
.slideImageButton{
	width:102px;
	float:right;
	height:26px;
	position:relative;
	z-index:80;
	right:850px;
	top:224px;
}
#emailCaptureFrame{
	position:absolute;
	left:705px;
	top:20px;
	width:234px;
	height:223px;
	padding:6px 10px 0px 10px;
	z-index:150;
	color:#aaa;
	font-size:12px;
	background-image:url(../images/download_form_bg.png);
	background-repeat:no-repeat;
	behavior:url(iepngfix.htc);
}
#emailCaptureFrame h2{
	color:#9da383;
	padding-top:0;
	padding-bottom:6px;
}
#emailCaptureFrame p{
	padding-top:5px;
	padding-bottom:0px;
	line-height:14px;
}
#emailCaptureText{
	height:186px;
}
#emailCaptureButton{
	
}