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

/* 
	HEADER
*/
#account {
	color: #DACCC4;
	height: 2em;
	background: #4D3E38;
	width: 100%;
	padding: 2px 0 0 0;
}

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

#head {
	color: #f3eddb;
	height: 110px;
	position: relative;
	
}

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

#logo {
	display: block;
	float: left;	
	height: 69px;
	width: 188px;
	background-image: url(/images/website/interfolio_logo_alphatrans.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;
}

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

/* LOGIN FORM */

#login {
	float: right;
	margin-top: 10px;
	height: 47px;
}

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

/* 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: url(/images/website/button_login.png) no-repeat;
	width: 72px;
	height: 27px;
	text-indent: -1000em;
	border: none;
	cursor: pointer;
}

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

/*
	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;
}

/* 
	NAVIGATION
*/
#navMain {
	padding: 0;
	float:right;
	clear: right;
	width: 620px;
	margin: 6px 0 0 0;
	font-size: 17px;
	font-weight: bold;
}

#navMain ul {
	margin: 0;	
	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;	
}

#navMain ul li a {
	padding: .3em .8em;
	margin: 0 .5em;	
	display: block;	
	float: right;
}
#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;
}

/* default page body styles */
#pageBody {
	min-height: 40em;	
	/*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, "Lucida Grande", Helvetica, Verdana, 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 ol,
#pageBody blockquote {
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;	
}

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: 1.1em;
}

#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;
}

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

#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.png);
	background-repeat: repeat-x;
	height: 400px;
}

#home #message {
	background-image: url(/images/website/banner_bkg.jpg);
	margin: 0 auto;
	width: 1000px;
	height: 400px;
	position: relative;
}
#sliders {
	width: 960px;
	margin: 0 20px; 
	height: 312px;
	position: relative;
}
/* temporary text color for slide show banner*/
#home .slide h1,
#home .slide h2{
	color: #fff;	
	text-align: center;
}
#home .slide {
	width: 960px;
	height: 312px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
}

#home #slide1 {
	/* default slide */
	visibility: visible;
	}
#home #slide2 {
	/* documents slide */
	}
#home #slide3 {
	/* deliveries slide */
	}
#home #slide4 {
	/* portfolio slide */
	}
	
#home .slide h1,
#home .slide h2 {
	width: 900px;	
	position: absolute;
	}

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

#slideNav {
	margin: 0 20px;	/* this should line up with the sliders div*/
}
#slideNav .tab {
	display: block;
	float: left;
	height: 88px;
	text-align: center;
	width: 240px;
	background-color: #DDEDF1;
	background-repeat: no-repeat;
	background-position: top center;
	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/slideNav_tab1.png);
}
#slideNav #tab2 {
	background-image: url(/images/website/home/slideNav_tab2.png);
}
#slideNav #tab3 {
	background-image: url(/images/website/home/slideNav_tab3.png);
}
#slideNav #tab4 {
	background-image: url(/images/website/home/slideNav_tab4.png);
}

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

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

/* button image positioning */
#home #cta a {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	/*width: 172px;*/
	width: 273px;
	height: 48px;
	float: left;
	overflow: hidden;
}
#home #cta a#signup {
	background-image: url(/images/website/ctaButton_home_plans.png);
	margin: 10px 0;
}
#home #cta a#howitworks {
	display:none;
	/*
	background-image: url(/images/website/ctaButton_home_howitworks.png);
	margin: 10px;
	*/
}

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

/* home page headlines image replacement */
#home #sliders .slide h1,
#home #sliders .slide h2 {
	overflow: hidden;
}

#home #sliders .slide h1 {
	width: 960px;
	height: 48px;	
}
#home #sliders .slide h2 {
	width: 351px;
	height: 75px;	
	margin-left: 25px;
}

/* hide the actual text, which is wrapped in a span */
#home #sliders .slide h1 span,
#home #sliders .slide h2 span {
	margin-left: -10000px;
}

#sliders .slide h1 {
	background-position: top center;
	background-repeat: no-repeat;
	top: 30px;
}

#sliders .slide h2 {
	background-position: top left;
	background-repeat: no-repeat;
	top: 120px;
}

/* slide 1 */
#sliders #slide1 h1 {
	background-image: url(/images/website/home/home_slide_1_head.png);	
}
#sliders #slide1 h2 {
	background-image: url(/images/website/home/home_slide_1_subhead.png);	
}
/* slide 2 */
#sliders #slide2 h1 {
	background-image: url(/images/website/home/home_slide_2_head.png);	
}
#sliders #slide2 h2 {
	background-image: url(/images/website/home/home_slide_2_subhead.png);	
}
/* slide 3 */
#sliders #slide3 h1 {
	background-image: url(/images/website/home/home_slide_3_head.png);	
}
#sliders #slide3 h2 {
	background-image: url(/images/website/home/home_slide_3_subhead.png);	
}
/* slide 4 */
#sliders #slide4 h1 {
	background-image: url(/images/website/home/home_slide_4_head.png);	
}
#sliders #slide4 h2 {
	background-image: url(/images/website/home/home_slide_4_subhead.png);	
}

/*
	HOME CONTENT - PRODUCT INFO
*/

.homePod {
	margin: 0;
	padding: 0 2em;
	width: auto;
}

#home #products {
	padding-top: 2em;
}

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

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

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

#home #products .homePod {
	clear: both;
	overflow: visible;
	min-height: 160px;
}

#home #products #writers {
	height: 92px; 
	min-height: 92px;
}

.homePod p {
	margin-top: 0;	
	line-height: 1.5em;
	font-size: 1em;
	float: left;
	width: 165px;
}

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

#home #products .homePod .productImage {
	float: left;
	width: 75px;
}


/*
	AUDIENCE MESSAGES
*/
#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 h3#applicants a {
	background-image: url(/images/website/home/audienceMsg_applicants.jpg);	
}

#home h3#faculty a {
	background-image: url(/images/website/home/audienceMsg_faculty.jpg);	
}

#home h3#universities a{
	background-image: url(/images/website/home/audienceMsg_universities.jpg);	
}

/* 
	HOME PAGE BLOG ENTRIES 
*/

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

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

/* HOME PAGE FEATURED PORTFOLIOS */
.friendThumb {
	max-width: 68px;
	max-height: 68px;
	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;
}


/* PRELOGIN LAYOUT STYLES */

#prelogin h2,
#prelogin h3,
.prelogin h2,
.prelogin h3  {
	margin-left: 2em;
}
	
/*
 * 		FORMS - GENERIC
 * 
 */

.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, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif!important;
}

.formItem.ctrlBar input[type=submit],
.formItem.ctrlBar input[type=button],
.formItem.ctrlBar input.button {
	margin: 0 1em 0 20%;
	background-color: #34717E;	
	color: #FFFFFF;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
	border: 1px outset #348291;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

/* 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;
}

/*	
 * 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 {	
	width: 60%;
	background-color: #eeeddc;
	margin: 0 auto 2em 20px;
	color: #301320;
	float: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#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: "Helvetica Neue", Helvetica, Calibri, Arial, 'Liberation Sans', FreeSans, 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;
}

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