@charset "utf-8";
/* Interfolio Website Styles/Skin */
/*
	BODY
*/
html div {
	/*border: 1px solid silver;*/
}
body {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	background: #EEECDA url(/images/website/body_bkg.png) top center repeat-x;
}

/* 
	HEADER
*/
#account {
	color: #DACCC4;
	/*min-height: 2em;*/
	background: #4D3E38;
	width: 100%;
	padding: 2px 0 0 0;
	font-size: 1.2em;
	overflow: hidden;
}

#account_grid {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#account a:link,
#account a:visited {
	color: #DACCC4;
	text-decoration: none;
}
#account a:hover,
#account a:active {
	color: #DACCC4;
	text-decoration: underline;
}

#welcome {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 2em;
}

#head {
	color: #f3eddb;
	height: 6.69em;
	position: relative;
	clear: both;
}

#head * {
	/*border:1px solid yellow;	*/
}

#headContent {
	width: 	73.84em;
	margin: 0 auto;
	overflow: hidden;
}

#logo {
	display: block;
	float: left;	
	width: 26.15em;
	height: 6.69em;
	margin-left: -42px;
	background-image: url(/images/website/home/intfheaderlogo.png);
	background-repeat: no-repeat;
}

/* image is only here for viewing without stylesheets, so it's hidden
normal logo displays via background in #logo rule */
#logo img {
	display: none;
}

#tagline {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: .8em;
	font-style: italic;
	width: 20em;
	margin-top: 53px;
	margin-left: 70px;
	width: 188px;
	display: none;
}

a:link #tagline,
a:visited #tagline,
a:hover #tagline,
a:active #tagline {
	color: #f3eddb;
	text-decoration: none!important;	
}


/*
	LOG IN LINK


p#login {
	background-image:url(/images/website/button_login_left.png);
	background-repeat: no-repeat;
	background-position: center left;
}
#login a {
	background-image:url(/images/website/button_login_right.png);
	background-repeat: no-repeat;
	background-position: center right;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 2px 5px;
	margin: 0;
	text-align: center;
}
#login a:link,#login a:visited,#login a:hover,#login a:active {
	color: #fff;
*/

#login a:link, #login a:visited {
	color: #CABBB4;
}

#login a:hover, #login a:active {
	color: #f3eddb;
}

/*
 * 
 * LOGIN FORM - login.home page
 * 
 */

form.login {
	margin-bottom: 2em;
	float: none;
}
form.login label {
	display:block;
}
form.login input[type=text],
form.login input[type=password],
form.login select {
	font-size: 1.5em;
}

/* 
	NAVIGATION
*/
#navMain {
	padding: 0;
	float: left;
	clear: right;
	width: 38em;
	margin: 3.1em 0 0 0;
	font-size: 1.31em;
	font-weight: bold;
}

#navMain ul {
	margin: 0 0 0 8em;	
	padding: 0;
}

#navMain ul,
#navSub ul {
	list-style: none;
}

#navMain ul li,
#navSub.horzSubnav li {
	display: inline;
}
#navSub.vertSubnav li {
	display: block;
}

/* nav item tabs */
#navMain ul li {
	margin: 0 .25em;
	padding: 0;
	display: inline-block;
}

#navMain ul li a {
	padding: .3em .8em;
	margin: 0;	
	display: inline-block;	
}
#navMain ul li a:link,
#navMain ul li a:visited {
	color: #f3eddb;	
}
/* hover nav */
#navMain ul li a:hover,
#navMain ul li a:active {
	background-image: url(/images/website/nav_tab_on.png);		
	background-position: top right;
	background-repeat: no-repeat;	
	color: #f3eddb;	
	text-decoration: none;	
}

/* active nav */
#navMain ul li.active a {
	background-image: url(/images/website/nav_tab_off.png);		
	background-position: top right;
	background-repeat: no-repeat;
	color: #34717E;
}


/* orange highlight / signup nav */
#navMain ul li#navSignup a {
	background-image: url(/images/website/nav_tab_highlight.png);		
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
}

/* subnavigation [top horizontal] */
#navSub {
	background: #FFF;	
}

#navSub ul {
	background: #EEECDA;	
	border: 1px solid #C4C7B4;
	margin: .5em;
	padding: .5em;
	width: 930px;
	font-size: 14px;
	font-weight: bold;
}

/* vertical subnav styles */
#navSub.vertSubnav ul {
	width: 220px; /* values should match grid_3 styles */
	margin: 10px 40px 10px 10px; /* side margin values should match grid_3 styles */
	float: left;
	margin: 1em;
	padding: 0;
}

#navSub.vertSubnav ul li {
	margin: 0;
	margin-right: -10px;
}

#navSub.vertSubnav ul li a {
	display: block;	
	padding: .5em 1em;
	margin: 0;

}

#navSub.vertSubnav ul li a:hover,
#navSub.vertSubnav ul li.active a {
	background-image: url(/images/website/vert_subnav_on.png);	
	background-position: center right;
	background-repeat: no-repeat;
}

/* subnav links */
#navSub ul a:link,
#navSub ul a:visited {
	color: #302120;
}
#navSub ul a:hover,
#navSub ul a:active,
#navSub ul li.active a {
	color: #34717E;
	text-decoration: none;
}

.hiddenSubnav * {
	display:none;	
}

/*
	SUBNAV ICONS
*/
#navSub ul li a {
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 24px;
}
/* features */
#navSub ul li a#features,
#navSub ul li a:link#features,
#navSub ul li a:visited#features{
	background-image: url(/images/website/subnav_icon_gear_off.png);
}
#navSub ul li.active a#features, 
#navSub ul li a:hover#features,
#navSub ul li a:active#features{
	background-image: url(/images/website/subnav_icon_gear_on.png);
}
/* how it works */
#navSub ul li a#how_it_works,
#navSub ul li a:link#how_it_works,
#navSub ul li a:visited#how_it_works{
	background-image: url(/images/website/subnav_icon_plus_off.png);
}
#navSub ul li.active a#how_it_works, 
#navSub ul li a:hover#how_it_works,
#navSub ul li a:active#how_it_works{
	background-image: url(/images/website/subnav_icon_plus_on.png);
}
/* pricing */
#navSub ul li a#plans_and_pricing,
#navSub ul li a:link#plans_and_pricing,
#navSub ul li a:visited#plans_and_pricing,
#navSub ul li a#plan_pricing,
#navSub ul li a:link#plan_pricing,
#navSub ul li a:visited#plan_pricing {
	background-image: url(/images/website/subnav_icon_dollar_off.png);
}
#navSub ul li.active a#plans_and_pricing,
#navSub ul li a:hover#plans_and_pricing,
#navSub ul li a:active#plans_and_pricing,
#navSub ul li.active a#plan_pricing,
#navSub ul li a:hover#plan_pricing,
#navSub ul li a:active#plan_pricing {
	background-image: url(/images/website/subnav_icon_dollar_on.png);
}
/* delivery pricing */
#navSub ul li a#delivery_pricing,
#navSub ul li a:link#delivery_pricing,
#navSub ul li a:visited#delivery_pricing{
	background-image: url(/images/website/subnav_icon_delivery_off.png);
}
#navSub ul li.active a#delivery_pricing, 
#navSub ul li a:hover#delivery_pricing,
#navSub ul li a:active#delivery_pricing{
	background-image: url(/images/website/subnav_icon_delivery_on.png);
}
/* video demo */
#navSub ul li a#video_demo,
#navSub ul li a:link#video_demo,
#navSub ul li a:visited#video_demo {
	background-image: url(/images/website/subnav_icon_video_off.png);
}
#navSub ul li.active a#video_demo,
#navSub ul li a:hover#video_demo,
#navSub ul li a:active#video_demo {
	background-image: url(/images/website/subnav_icon_video_on.png);
}
/* screenshot tour */
#navSub ul li a#screenshot_tour,
#navSub ul li a:link#screenshot_tour,
#navSub ul li a:visited#screenshot_tour {
	background-image: url(/images/website/subnav_icon_monitor_off.png);
}
#navSub ul li.active a#screenshot_tour,
#navSub ul li a:hover#screenshot_tour,
#navSub ul li a:active#screenshot_tour {
	background-image: url(/images/website/subnav_icon_monitor_on.png);
}

/* 
	PAGE BODY/CONTENT
	simulated top border to get proper alignment against bottom of navigation
	background-image: url(/images/website/pageBody_topBorder.png);
	background-repeat: repeat-x;
*/

#bodyContent {
	background-color: #fff;
	border-top: 1px solid #D4D2C2;
	border-left: 1px solid #D4D2C2;
	border-right: 1px solid #D4D2C2;
	margin-bottom: 0;
	margin-top: 0;	
	overflow: hidden;
}

.prelogin #bodyContent {
	border: none;
}

/* default page body styles */
#pageBody {
	min-height: 35em;	
	/*padding: 1em 3em;*/ /* can't pad this div or the width will be wrong */
	background-color: #fff;
}

/* pagebody position for subpages with top horizontal subnav */
#subpage-topnav #pageBody,
#subpage-leftnav #pageBody /* pagebody position for subpages with left vertical subnav */{
	min-height: 40em;	
	padding: 1em 3em;
}

#bodyContent ul {
	list-style-image: url(/images/struct/bullet.png);
}

/*
	TYPOGRAPHY - TEXT STYLES
*/

/* default link colors are based on cyan/blue */
a:link {
	color: #34717E;
	text-decoration: none;
}
a:visited {
	color: #2B5D69;
	text-decoration: none;
}
a:hover {
	color: #34717E;
	text-decoration: underline;
}
a:active {
	color: #51A3B8;
	text-decoration: underline;
}

/* headings */

/* by default all headings are sans serif, dk brown, bold */
h1,h2,h3,h4,h5,h6 {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #302120;
}

/* by default, links within headings should look like normal text */
h1 a:link,h1 a:visited,h1 a:hover,h1 a:active,
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active,
h3 a:link,h3 a:visited,h3 a:hover,h3 a:active,
h4 a:link,h4 a:visited,h4 a:hover,h4 a:active,
h5 a:link,h5 a:visited,h5 a:hover,h5 a:active,
h6 a:link,h6 a:visited,h6 a:hover,h6 a:active {
	color: #302120;
	text-decoration: none;
}

/* special classes to override and make links in headings look like links */
h1 a.link:link,h2 a.link:link,h3 a.link:link,h4 a.link:link,h5 a.link:link,h6 a.link:link,
h1.link a:link,h2.link a:link,h3.link a:link,h4.link a:link,h5.link a:link,h6.link a:link {
	color: #34717E;
	text-decoration: none;
}
h1 a.link:visited,h2 a.link:visited,h3 a.link:visited,h4 a.link:visited,h5 a.link:visited,h6 a.link:visited,
h1.link a:visited,h2.link a:visited,h3.link a:visited,h4.link a:visited,h5.link a:visited,h6.link a:visited {
	color: #2B5D69;
	text-decoration: none;
}
h1 a.link:hover,h2 a.link:hover,h3 a.link:hover,h4 a.link:hover,h5 a.link:hover,h6 a.link:hover,
h1.link a:hover,h2.link a:hover,h3.link a:hover,h4.link a:hover,h5.link a:hover,h6.link a:hover {
	color: #34717E;
	text-decoration: underline;
}
h1 a.link:active,h2 a.link:active,h3 a.link:active,h4 a.link:active,h5 a.link:active,h6 a.link:active,
h1.link a:active,h2.link a:active,h3.link a:active,h4.link a:active,h5.link a:active,h6.link a:active {
	color: #51A3B8;
	text-decoration: underline;
}


/* general text */

/* body text is serif */
#pageBody p,
#pageBody ul,
#pageBody dl,
#pageBody ol,
#pageBody blockquote {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;	
}

#pageBody .positionLanding p,
#pageBody .positionLanding div,
#pageBody .positionLanding span {
	line-height: 2em;	
}

blockquote {
	margin: 0 1.5em;
	font-size: 1.1em;
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	font-style: italic;
	color: #6B564C;
}

sup {
	font-size:  .5em;
	vertical-align: super;
	}

/*
	MEDIA DISPLAY
*/

/* video */
.videoContainer {
	width: 640px;
	height: 480px; 
	margin: 2em;
	background-color:#333;
	clear:both;
}

.thumbnailGallery {
	
}

.thumbnailGallery .thumbnail {
	float: left;
	background-color:#333;
	width: 120px;
	height: 80px;
	margin: 1em;
}

/*
	SOCIAL SHARING MENU
	- see css/share.css for rest of styles, this is just to override website ul styles
	
*/
#bodyContent ul#shareMenu,
#bodyContent ul#shareMenu * {
	list-style-image: none!important;
}


/* 
	WEBSITE FOOTER
*/
/*
#footer {
	color: #F3eddb;
	background-color: #342626;
	min-height: 50em;
	margin-top: 0;
}

#footer a:link,#footer a:visited {
	color: #f3eddb;
	text-decoration: underline;
}


#navFooter ul {
	list-style-type: none;	
	padding: 2em 0 0 0;	
	margin-top: 0;
	margin-bottom: 0;
}

#navFooter ul li,
#footer #legal ul li {
	display: inline;	
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#copyright {
	margin-left: 3em;	
}

#legal,
#copyright {
	font-size: .8em;	
}

#legal,
#legal a:link, #legal a:visited, #legal a:hover, #legal a:active,
#copyright,
#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active {	
	color: #7C6165;
}
*/
/* end website footer styles */

/* PORTFOLIO STYLE FOOTER */

/* Interfolio footer (about, join etc) */
#intfFooter {
	background-color: #302120;
	color: #837B73;
	clear: both;
	min-height: 50em;
	margin-top: 0;
	font-size: .9em;
}

#intfFooter ul {
	line-height: 2.2em;
	list-style-type: none;
	list-style-image: none;
	margin-top: 2em;
}

#intfFooter ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #1F1514;
	border-top: 1px solid #432E2D;
}

#intfFooter ul li.first {
	border-top: none;
}
#intfFooter ul li.last {
	border-bottom: none;
}

#intfFooter a,
#intfFooter a:link, 
#intfFooter a:visited {
	color: #837B73;
	text-decoration: none;
}

#intfFooter a:hover,
#intfFooter a:active {
	color: #BDB9AC;
}

#intfFooter #aboutSSL {
	font:bold 7px verdana,sans-serif; 
	letter-spacing:.5px;
}

#intfFooter #trustE {
float: right;
}

#intfFooter #copyright {
font-size: 1em;
}

/*
	end PORTFOLIO footer styles
*/


/******************************************************************************

PAGE SPECIFIC STYLES

******************************************************************************/

/*

	HOW IT WORKS

*/

#video, #tour {
	margin-bottom: 5em;	
}
#videoExtra {
	clear:both;
	margin: 3em 0;
}
/* how it works home / video thumbnails */

#videoExtra .thumbnail {
	width: 120px;
	height: 80px;
	background-color: #333;
	margin: 0 1em 0 0;
	float: left;
}

#tourExtra .thumbnail {
	width: 192px;
	height: 147px;
	background-color: #fff;
	margin: 0 0 1em 0;
}

/* 
	SCREEN SHOT TOURS
	
*/

/* navigation between tours */
ul#ssTourSubnav {
	margin: 1em 0;
	background-image: url(/images/website/bkg_ltBlueGradient.jpg);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #C9E2E9;
	padding: .3em 0;
}

ul#ssTourSubnav li {
	display:inline;
}

#screenShotMenu p {
	margin-top: 1em;
}
/* bigger text for descriptive line/link for each section*/
#screenShotMenu p a {
	font-size: 1.2em;	
}

/* screen shot tour menu thumbs */
#screenShotMenu p a img {
	border: none;
	float: left;
	margin: 0 2em 2em 0;
}

#screenShotMenu h2 {
	clear: left;	
	margin: 0;
}

#screenShotMenu ul {
	padding-left: 1em;	
	float:left;
}

div.screenShotTour {
	margin: 0;
	padding: 0;
	}
div.screenShotTour .screenShot {
	margin: 1em 0;
	}

div.screenShotTour .screenShot img {
	border: 1px solid #c4c7b4;
	}
/*

	LANDING PAGES

*/

/* testimonials */
#message blockquote {
	width: 25%;
}

#message blockquote.full {
	width: auto;
}
#message blockquote.right {
	float: right;
}
#message blockquote.left {
	float: left;
}


/* landing page sidebar */

/*#subpage-topnav */
#sidebar {
	background-color: #EEECDA;
}	

#sidebar .sidebar
{
	margin: 2em;	
}

/* Sidebar CTA (Call to Action) buttons */
#sidebar .ctaButton {
	display: block;
	margin: 0;
}

#sidebar span.ctaButton  {
	margin: 0 0 0 -10000px ;
}

#sidebar a.ctaButton {
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	height: 52px;
	width: 203px;	
	overflow: hidden;
}

#sidebar a#tour:link,
#sidebar a#tour:visited,
#sidebar a#tour:hover,
#sidebar a#tour:active {
	background-image: url(/images/website/ctaButton_tour.png);	
}

#sidebar a#signup:link,
#sidebar a#signup:visited,
#sidebar a#signup:hover,
#sidebar a#signup:active {
	background-image: url(/images/website/ctaButton_signup.png);	
}

#sidebar #quickFacts {
	margin-top: 2em;
	}
#sidebar #quickFacts h5 {
	margin: 0 0 .5em 0;
	}
/* 

	PRICING 

*/

.price {
	background-image: url(/images/website/pricetag.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 1.5em;
	display: block;
	float: left;
	width: 82px;
	height: 50px;
	margin: 0 .8em 0 0;
}

.price strong {
	display: block;
	margin: 10px 28px;	
	text-align:center;
}

#pricingGrid {
	width: 100%;
	margin: 0 auto;
	overflow: auto;
}

#pricingGrid .pricingPlan {
	width: 30%;
	float: left;
	margin: 0 2%;
	min-height: 230px; 
	background-image: url(/images/website/bkg_price.png);
	background-repeat: no-repeat;
}

/* highlight standard plan */
#pricingGrid #plan2 {
	background-image: url(/images/website/bkg_price_highlight.png);
}

#pricingGrid .pricingPlan.first {
	margin-left: 0;
}
#pricingGrid .pricingPlan.last {
	margin-right: 0;
}

#pricingGrid .pricingPlan h2 {
	font-size: 1em;
	margin: 1em 0 0 0;
	text-align: center;
}
#pricingGrid .pricingPlan .planName {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	margin: .5em auto;
}
#pricingGrid .pricingPlan .planPrice {
	margin: .1em 0;
	text-align: center;
	font-size: 3em;
}
#pricingGrid .pricingPlan .planDescription {
	font-size: .9em;
	margin: 0 2em;
	min-height: 90px;
}

#pricingGrid .pricingPlan a.buyButton {
	display: block;
	width: 153px;
	height: 34px;
	margin: .5em auto 1em auto;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-image: url(/images/website/btn_choosePlan.png);
	background-repeat: no-repeat;
	overflow: hidden;
	/*
	background-color: #EE5B00;
	border: 1px solid #FFCC66; 
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	*/
}

#pricingGrid .pricingPlan a.buyButton span {
	display: block;
	margin-left: -1000px;
}

#pricingGrid .pricingPlan a:link.buyButton,
#pricingGrid .pricingPlan a:visited .buyButton {
	text-decoration: none;
}
#pricingGrid .pricingPlan a:hover.buyButton,
#pricingGrid .pricingPlan a:active .buyButton {
	text-decoration: none;
}

#pricingGrid .pricingPlan .priceGroup {
	
}

#pricingGrid .pricingPlan ul.featureList {
	margin: 36px 0 0 0;
	font-size: .85em;
}

#pricingGrid .pricingPlan .planPrice .priceTerm {
	font-size: .5em;
	vertical-align: text-top;
}

#pricingGrid .pricingPlan ul.featureList li.major {
	font-size: 1.5em;
}

/*

#signupCTA {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
*/
/*

	HOME PAGE

*/

#home #banner {
	width: 100%; 
	background-color: #5F98A5; 
	background-image: url(/images/website/banner_base_bkg.jpg);
	background-repeat: repeat-x;
	height: 352px;
}

#home #message {
	/*background-image: url(/images/website/banner_bkg.jpg);*/
	margin: 0 auto;
	width: 960px;
	height: 352px;
	position: relative;
}

.hmBnr {
	position: absolute;	
}


#home .slide .visual {
	float: right;
	width: 527px;
	height: 232px;
	position: absolute;
	top: 83px;
	right: 0;
}

#slideNav {
	position: absolute;
	margin-top: 280px;
}
#slideNav .tab {
	display: block;
	float: left;
	height: 72px;
	text-align: center;
	width: 200px;
	border: none; /* if a border is added, the width needs to adjusted */
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
}

/* tab images */
#slideNav #tab1 {
	background-image: url(/images/website/home/hmtab_wwd_on.png);
	width: 197px;
}
#slideNav #tab2 {
	background-image: url(/images/website/home/hmtab_app_off.png);
	width: 151px;
}
#slideNav #tab3 {
	background-image: url(/images/website/home/hmtab_ltw_off.png);
	width: 114px;
}
#slideNav #tab4 {
	background-image: url(/images/website/home/hmtab_com_off-wwd.png);
	width: 152px;
}

/* Home page audience messages */
#audienceMsg {
	width: 630px;
	margin: 0;
	overflow: hidden;
	float: left;
	min-height: 195px;
}


/* Home page call to action buttons */
#ctaButtons {
	min-height: 180px;
	border-left: 1px solid #CCC;
	width: 300px;
	margin: 0;
	overflow: hidden;
	float: left;
}

#ctaButtons a {
	display: block;
	margin: 0 auto 2em 0;
	padding: 0 0 0 30px;
}

/* sign up button on home page */
#home #cta {
	clear: both;
}
#home #cta {
	position: absolute;
	top: 235px;
	left: 45px;
}

/* ir text hiding */
#home #cta a span {
	display: block;
	margin-left: -1000px;
}

/* home content */
h3.audienceCta {
	font-size: 1.2em;	
}

/* documents delivered bar */
#deliveryTicker {
	text-align:center;
	font-weight: bold;
	font-size: 1.39em;
	padding: .2em;
	margin: 0 10px 1em 20px;
	width: 910px;
	background-color: #C94F29;
	color: #fff;
	text-shadow: 0 1px 1px #302120;
}

/*
	HOME TEXT CONTENT
*/

#home #pageBody h2 {
	font-size: 1.39em;
}

#home #pageBody p {
	font-family: Calibri, Helvetica, Arial, sans-serif;
}

/*
	AUDIENCE MESSAGES
*/

#home #pageBody .audMsg div {
	width: 30%;
	margin-right: 3%;
	float: left;
}

#home #pageBody .audMsg p {
	font-size: 1.05em;
}

#home #pageBody .audMsg  h2,
#home #pageBody .audMsg  p{
	padding: 0 0 0 20px;
}

#home #pageBody .audMsg  h2 {
	color: #74abb8;
	margin-bottom: .3em;
	line-height: 1.2em;
}

#home #products h2 {
	line-height: 1em;
	height: 2em;
	font-size: 1.3em;
	margin-bottom: 0;
}

#blogFeed p,
#featuredPortfolio p {
	width: 100%;
}

#home h3.audienceCta a {
	display: block;
	width: 260px;
	height: 104px;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

#home h3.audienceCta a span {
	display: block;
	margin-left: -1500px;
}

/* HOME PAGE FEATURED ITEMS */
#features {
	margin: 0 10px 1em 20px;
	padding: 20px;
	width: 880px;
	color: #666;
	overflow: hidden;
	/* gradient background */
	background: #E9F4F6; /* old browsers */
	background: -moz-linear-gradient(top, #E9F4F6 0%, #C7E1E8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9F4F6), color-stop(100%,#C7E1E8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F4F6', endColorstr='#C7E1E8',GradientType=0 ); /* ie */
	/* custom rounded corners */
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	
}
/* features title */
#features h3 {
	font-size: .85em;
	letter-spacing: .2em;
	font-family: Georgia, Calibri, "Times New Roman", Times, serif;
	color: #999;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #FFF;
	margin-bottom: 10px;
}
/* portfolio container */
#features #portfolios {
	overflow: hidden;
	float: left;
	padding-right: 16px;
	border-right: 1px solid #abd4de; 
	width: 575px;
}
/* individual portfolios */
#features #portfolios p {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
	margin-right: 20px;
	font-size: 10px;
}

#features #portfolios p strong {
	font-weight: bold;
	font-size: 11px;
}

#features #portfolios a:link,
#features #portfolios a:visited {
	color: #666;
}

/* 
	HOME PAGE BLOG ENTRIES 
*/

#features #blogfeed {
	width: 230px;	
	float: left;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

p.blogEntry a:link,
p.blogEntry a:visited {
	color: #666;
	text-decoration: none;
}
p.blogEntry a:hover,
p.blogEntry a:active {
	text-decoration: underline;
}

p.blogEntry {
	font-weight: bold;
	font-size: .95em;
	
}
p.blogEntry span.date {
	font-weight: normal;
	font-size: .9em;	
	color: #999;
}

/* HOME PAGE FEATURED PORTFOLIOS */
.friendThumb {
	max-width: 54px;
	max-height: 54px;
	border: 1px solid silver;
	background-color: #ffffff;
	padding:4px;
	margin-right: 1em;
	float: left;

}

/*
	HELP CENTER as displayed on website
*/

table#helpContainer {
	margin: 1em 3em;
	width: 90%;
	}
	
table#helpContainer div.title {
	font-size: 1.3em;
	font-weight: bold;
	}	
	
table#helpContainer #supportContactInfo .email .value,
table#helpContainer #supportContactInfo .tel .value {
	font-weight:bold;
}

.breadcrumb {
	margin-bottom: 1em;
}

/* NEWS SECTION STYLES */

body.news h2 img {
	float: left;
	margin: 0 1em 1em 0;
}

body.news h2 {
	border-top: 1px solid silver;
	padding-top: 1em;
}
	
body.news .newsItem {
	margin-bottom: 2em;
	clear: both;
}

body.news .newsItem ul li,
body.news .newsItem dl dd {
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 1em 0;
}

body.news .newsItem .date {
	display: block;
	float: left;
	clear: left;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	color: #666;
	margin: 0 1em 0 0;
	width: 8em;
	height: 3em;
}

/* PRELOGIN LAYOUT STYLES */
#prelogin .main,
.prelogin .main {
	margin: 30px;
}

body.login h3 {
	margin-left: 0;
	clear: both;
}


#faqSidebar h3 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
}

#faqSidebar h4 {
	font-size: 1em;
	margin: 0 0 .5em 0;
}

.faqTitle {
	margin-top: 3em;
}
.faqcol h4 {
	margin: 0;
}


	
/*
 * 		FORMS - GENERIC
 * 
 */

fieldset {
	border-top: 1px solid #DFE2CC;
	border-bottom: 1px solid #DFE2CC;
	background-color: #eeeddc;
	padding: 1em;
	margin: 1em 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.formItem {
	overflow: auto;
	clear:both;
	width: auto;
	padding: .5em 2em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D7DCC4;
}

.formItem.last {
	border-bottom: none;
}
.formItem.first {
	border-top: none;
}
	
.formItem label {
	/*float: left;*/
	width: auto;
	display: block;
}

.formItem div.ctrlHolder {
	width: auto;
	/*float: left;*/
}
/* right column form hint */
.formItem .formHint {
	font-size: .9em;
	font-style: italic;
	width: auto;
	display: block;
	/*float: left;*/
}
/* inner form hint (inside ctrl Holder */
.formItem .ctrlHolder .formHint {
	margin-left: 0;
	width: auto;
}

.formItem .ctrlHolder label {
	display: inline-block;
	width: auto;
	float: none;
}

/* form fields that should meet the aligned width */
.formItem input[type=text],
.formItem input[type=password],
.formItem select,
.formItem textarea {
	width: 90%;
	font-size: 1.1em;
	border: 2px solid #d8e4e7;
	padding: .25em;
}

.formItem input[type=checkbox],
.formItem input[type=radio] {
	font-size: 2em;
}

.formItem select {
	font-size: .95em;
}

/* form fields that should fit their contents */
.formItem input[type=text].fit,
.formItem input[type=password].fit,
.formItem select.fit,
.formItem textarea.fit {
	width: auto;
}
/* required fields */
.formItem label.required {
	font-weight: bold;
}

.formItem .formHint p {
	font-family: Calibri, Helvetica, Arial, sans-serif!important;
}

.formItem.ctrlBar input[type=submit],
.formItem.ctrlBar input[type=button],
.formItem.ctrlBar input.button {
	margin: 0 1em 0 20%;	
}

/* STANDARD BUTTON STYLES */
input[type=submit], 
input[type=button], 
button, 
input.primaryBtn, a.primaryBtn,  
a.button,
input.button, 
span.button {
	color: #FFFFFF;
	margin: .5em 0; /* not sure why there was an 8px left margin? */
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	padding: .3em .8em;
	line-height: 1.8em;
	border: 1px outset #348291;
	display: inline-block;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-decoration: none;
	text-shadow: #2C606D 0 1px 0;
	
	border: 1px solid #338190;
	
	box-shadow:inset 0 0 2px #fff;
	
	background-color: #77b7c4; /* Old browsers */
	background: -moz-linear-gradient(top, #77b7c4 0%, #398593 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b7c4), color-stop(100%,#398593)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #77b7c4 0%, #398593 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #77b7c4 0%, #398593 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #77b7c4 0%, #398593 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b7c4', endColorstr='#398593',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #77b7c4 0%, #398593 100%); /* W3C */
}

/* primary (orange) button */
a.primaryBtn,
input.primaryBtn {
	color: #FFFFFF;
	margin: .5em 0; /* not sure why there was an 8px left margin? */
	font-weight: bold;
	cursor: pointer;
	padding: .3em .8em;
	line-height: 1.8em;
	border: 1px outset #348291;
	display: inline-block;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-decoration: none;
	text-shadow: #2C606D 0 1px 0;
	
	border: 1px solid #338190;
	
	box-shadow:inset 0 0 2px #fff;
	
	background-color: #77b7c4; /* Old browsers */
	background: -moz-linear-gradient(top, #77b7c4 0%, #398593 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b7c4), color-stop(100%,#398593)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #77b7c4 0%, #398593 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #77b7c4 0%, #398593 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #77b7c4 0%, #398593 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b7c4', endColorstr='#398593',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #77b7c4 0%, #398593 100%); /* W3C */
	
	background-clip: padding-box; /* prevents bkg from showing through round cornders in IE */
}

/* primary (orange) button */
a.primaryBtn,
input.primaryBtn {
	background-color: #C94F29;
	border: 1px outset #EE5B00;
	font-size: 1.3em;
	text-shadow: #302120 0 1px 0;
	/*commence css3 hacks*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:inset 0px 0px 2px #ffffff;
	-webkit-box-shadow:inset 0px 0px 2px #ffffff;
	box-shadow:inset 0px 0px 2px #ffffff;
	background-image: -moz-linear-gradient(top, #fb8543, #a63e29);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fb8543), to(#a63e29));
	background-image: -o-linear-gradient(top, #fb8543, #a63e29);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8543', endColorstr='#a63e29');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8543', endColorstr='#a63e29')";
	background-image: linear-gradient(top, #fb8543, #a63e29);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
input.secondaryBtn {
	font-size: .9em;
}


/* OVERRIDES FOR jQuery Validation styles */
.formItem label.error {
	width: 83%;
	display: block;
	float: none;
	clear: both;
	text-align: left;
	padding: .1em 5%;
}

.formItem input.error,
.formItem select.error {
	background-color: #fff;
	border: 2px solid #ee5b00;
	text-align: left;
}

.formItem p.notification {
	margin: 1em 0;
}

/*	
 * SIGNUP PRODUCT SELECTION
 */
.selectProduct h2,
.selectProduct h3 {
	margin-left: 0!important; /* override the prelogin heading margin */
}
.selectProduct .productGroup {
	clear: both;
	width: 750px;
	margin: 0 auto;
	overflow: visible;
}

.selectProduct .productPlan {
	width: 280px;
	height: 280px;
	float: left;
	margin: 0 20px 20px 20px;
}

.selectProduct .productPlan ul.featureList {
	height: 100px;
}

.selectProduct .productPlan a.buyButton {
	display: block;
	width: 153px;
	height: 34px;
	margin: .5em auto 1em auto;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-image: url(/images/website/btn_choosePlan.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

.selectProduct .productPlan a.buyButton span {
	display: block;
	margin-left: -1000px;
}

.selectProduct .productPlan a:link.buyButton,
.selectProduct .productPlan a:visited.buyButton {
	text-decoration: none;
}
.selectProduct .productPlan a:hover.buyButton,
.selectProduct .productPlan a:active.buyButton {
	text-decoration: none;
}

.selectProduct .planName {
	height: 50px;
	}
.selectProduct .planPrice {
	text-align: center;
}

.selectProduct #plan4.productPlan {
	background-image: url(/images/website/prodTile_Offer_Code.jpg);
	background-repeat: no-repeat;
}

.selectProduct #plan4.productPlan form {
	margin-top: 120px;
}

.selectProduct #plan4.productPlan form .formItem {
	border: none;
}

.selectProduct #plan4.productPlan form .ctrlHolder {
	width: 100%;
}

.selectProduct #plan4.productPlan form .formItem label {
	display: none;
	width: 100%;
}

.selectProduct #plan4.productPlan form .formItem #specialOfferCodeText {
	width: 150px;
	display: inline-block;
}

.selectProduct #plan4.productPlan form .formItem #submitSoc {
	display: inline-block;
}

/*	
 * SIGNUP FORM
 */

#signupForm,
#paymentForm,
#setupForm,
#productsTbl,
#paypalForm,
.signupSection,
.login form.login {	
	background-color: #eeeddc;
	margin: 2em 0;
	color: #301320;
	/*float: left;*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.loginColumn {
	float: left;
	margin-left: 2%;
	width: 33%;
}

.loginColumn.first {
	margin-left: 0;
}

.loginColumn.last {
	width: 20%;
	margin-right: 3%;
	margin-left: 4%;
}

.loginColumn .button {
	font-family: Helvetica, Arial, sans-serif;
}

.loginColumn.first {
	border-right: 1px solid #D7DCC4;
	padding-right: 2%;
}

#pageBody .loginColumn .signupSection p {
	font-family: Calibri, Helvetica, Arial, sans-serif;
}

#paypalForm,
#paymentForm {
	width: 100%;
}

.signupSidebar {
	float: left;
	width: auto;
	margin: 0 20px;
}

.signupSidebar h2,
.signupSidebar h3 {
	margin-left: 0!important;
	float: none;
	clear: both;
}

#freeSignupForm {
	width: 60%;
	margin: 0 0 2em 2em;
	float: left;
}

#paymentForm h4 {
	margin: .1em 0 0 1em;
}

#planGrid {
	width: 100%;
	border: 1px solid  #301320;
	border-collapse: collapse;
}
#planGrid th {
	text-align: left;
	background-color: #301320;
	color: #fff;
	padding: 3px;
}
#planGrid td {
	text-align: left;
	font-size: 1.2em;
	padding: 3px;
	border-right: 1px solid #301320;
}

#helpSidebar {
	float: right;
	width: 30%;
	margin: 0 2em 0 1em;	
}



/*
 * 		CHECKOUT
 * 		
 */

/*
#productsTbl {
	width:80%;
	margin: 0 auto;
	background-color: #eeeddc;
}
*/

/*
 * 	NOTIFICATION MESSAGES and ERRORs
 */

.notification,
.validation {
	border-top: 1px solid #34717E;/* bright blue */
	border-bottom: 1px solid #34717E; /* bright blue */
	background-color: #E2F0F3; /* light blue */
	color: #302120; /* dark brown */
	font-family: Georgia, Cambria, times new roman, times, serif;
	font-style: italic;	
	padding: .5em;
	width: auto;
	overflow: hidden; /*force clearing of contents*/
}
.notification p {
	margin: .3em 1em;
}
.notification a {
	font-style: normal;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: .9em;
}
.notification a.dismiss {
	margin: 0 1em;
	}
/*error notification*/
.error {
	text-align: center;
	border-top: 1px solid #EE5B00; /* bright orange */
	border-bottom: 1px solid #EE5B00; /* bright orange */
	background-color: #FCE5D6; /* light orange */
	padding-left: 32px;
	/*background: url(/images/icons/write_16_trans.png) 10px 10px no-repeat;   edit icon  */
}

/* help notification */
.help {
	border-top: 1px solid #51A3B8;/* med blue */
	border-bottom: 1px solid #51A3B8; /* med blue */
	background-color: #FFF; /* white */
	color: #34717E; /* bright blue */
}

/* previously preview notification
.preview,*/
/*confirm notification*/
.confirm {
	border-bottom: 1px solid #489954; /* dark green */
	border-top: 1px solid #489954; /* dark green */
	background-color: #d9ffd6; /* light green */
	/*background: #d9ffd6 url(/images/icons/silk/eye.png) 10px 10px no-repeat;	  light green with preview icon */
}
/* warning and validation notification*/
.warning {
	border-bottom: 1px solid #FFCC66; /* gold */
	border-top: 1px solid #FFCC66; /* gold */
	background-color: #FFFFDB; /* yellow */
}

/*	END notfications */

/*
 * 	SIGNUP NAVIGATION
 * 
 * */

div#signupNav {
	width: 900px;
	margin: 1em auto;
}


/* LOGIN FORM - Header */

#login {
	float: right;
	min-height: 2em;
	margin: 0;
	padding: 0;
}

#login form input {
	background-color: #4A3C3C;
	border: 1px solid #9A8374;
	color: #f3eddb;
	padding: 4px;
	float: left;
}

#login form #password-login,
#login form #password-display {
	margin-left: 5px;	
}

#showPasswordLink {
	/*display: inline-block;*/
	display:block;
	float: left;
	margin-left: 1em;
}

/* pure css
#login form input[type="submit"] {
	background-color: #EAE9D8;
	border: 1px solid #EEEDDC;
	color: #6B564C;
	font-size: .9em;
	font-weight: bold;
	padding: 3px 3px 4px 3px;
	text-transform: uppercase;	
	
}*/
/* image button */
#login form #loginSubmit {
	background: transparent url(/images/website/button_login.png) no-repeat;
	filter: none;
	width: 72px;
	height: 27px;
	text-indent: -1000em;
	border: none;
	cursor: pointer;
	margin: 0;
}

#login form #sendPassword {
	background: url(/images/website/button_sendpassword.png) no-repeat;
	filter: none;
	width: 130px;
	height: 27px;
	text-indent: -1000em;
	border: none;
	cursor: pointer;
	margin: 0;
}

/*
	UTILITY POSITIONING
*/
.right {
	float: right;
	}
.left {
	float: left;
	}
img.content {
	margin: 1em;
	}
.clear {
	clear: both;
}