@charset "UTF-8"; 

body, p, ul, ol, dl, li, dt, dd{margin:0; padding:0}
ul, ol, dl, li, dt, dd{list-style:none; list-style-type:none}
a, a img{border:0 none; text-decoration:none; color:#000; outline:none}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:100}

body{background:#fff url("../images/siteBg.gif") 0 0 repeat; text-align:center; font-size:82.5%; font-family:Georgia; color:#000}

#topWrapper{position:fixed; z-index:1000; width:100%; height:90px; background:#fff}

#top{position:relative; margin:0px auto; width:955px; height:90px}

#logoWrapper{position:absolute; left:0; margin-top:22px; width:30%}

#globalNavWrapper{position:absolute; right:0; margin-top:50px; width:75%}

#contentWrapper{position:absolute; top:104px; width:100%}

#bottomWrapper{margin:20px auto 50px auto; width:955px; font-family:Arial; font-size:10px; color:#8e8e8e}

#homeBranding{position:relative; margin:0px auto; width:955px; height:388px; background:#fff}
body.home .homeOverlay{position:relative; margin-top:-388px; width:950px; height:388px; display:none}
body.home #copy{margin:15px auto; width:927px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}
body.home .col{margin-right:46px; float:left; width:30%; text-align:left}
body.home .col.last{margin-right:0px}

body.company #copy{margin:0px auto; width:927px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.company .col.summary{margin-right:40px; float:left; width:23%; text-align:left}
body.company .col.people{margin-right:40px; float:left; width:29%; text-align:left}
body.company .col.partners{margin-right:0px; float:left; width:39%; text-align:left}
body.company .col.partners a img{ margin-bottom:10px; }
	
body.company .col p{margin-bottom:20px}

body.company .col div.profiles{margin-top:30px}

body.company .col div.profile{margin-bottom:40px; height:84px}

body.company .col div.profile p{color:#8e8e8e; font-style:italic; line-height:18px; font-size:.85em}

body.company .col div.profile p strong{font-style:normal; color:#000}

body.company .col div.profile .profileImg{margin-right:7px; float:left; width:99px; height:84px}

body.company .partnerImg{float:left}

body.portfolios #copy{margin:0px auto; width:927px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.portfolios .col{width:100%; text-align:left}

body.portfolios .col p{float:left; margin-right:36px; width:48%}

body.portfolios .col p.last{margin-right:0px}

body.portfolios div.thumbnailsWrapper{margin:26px 0px; width:100%}

body.portfolios div.thumbnailImageWrapper{margin-bottom:30px; width:925px; height:454px; background:#ddd; border:#8e8e8e 1px solid}

body.portfolios div.thumbnailImageMask{display:none; position:relative; float:left; margin-top:-454px; width:925px; height:454px; background:#404040}

body.portfolios div.thumbnailImageMask ul{margin-top:214px; height:30px; color:#fff; font-size:30px}

body.portfolios div.thumbnailImageMask ul li{padding:0px 26px; height:30px; display:inline-block; border-right:#FFF 1px solid; vertical-align:middle}

body.portfolios div.thumbnailImageMask ul li.last{border-right:none 0px}

body.portfolios div.thumbnailImageMask ul li a{text-decoration:none; color:#fff}

body.portfolios div.thumbnailImageMask ul li a:hover{color:#000}

body.portfolios .col p a.info{position:relative; top:-5px; color:#000000; font-size:10px; outline:none}

body.portfolios .col p span.notice{float:left; display:none; position:absolute; margin-top:-87px; margin-left:-330px; width:300px; color:#fff; font-family:Arial; font-size:10px; background:#000000; line-height:14px; padding:8px}


body.pricing #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.pricing .col.pricing{ text-align:left; font-size:24px; }

body.pricing .pricing_options { margin-top:39px; border-bottom:#000 1px solid; }

body.pricing .pricing_options h4 { font-size:30px; }

body.pricing .pricing_options ul { border-top:#000 1px solid;  padding:12px 0px; }
	
body.pricing .pricing_options ul li { display:inline-block; }

.pricing_options li.option { width:255px; }

.pricing_options .sml { font-size:14px; }

body.tour #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.tour .col.tour { margin-right:3px; line-height:28px; text-align:left; font-size:23px; float:left; width:275px; }

body.tour #FF-Video-Tour { float:left; }


body.faqs #copy{margin:0px auto; width:927px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.faqs .col.faqs{width:54%; float:left; text-align:left; margin-right:50px}

body.faqs .col.features{width:40%; float:left; text-align:left}

ul#faqsMenu, ul#faqsMenu ul{list-style-type:none;  margin:0; padding:0; width:100%}

ul#faqsMenu a{text-decoration:none; color:#000; outline:none; padding-right:15px}

ul#faqsMenu a:hover{color:#8e8e8e}

ul#faqsMenu li{margin-top:1px; color:#8e8e8e}

ul#faqsMenu li a{color:#000;  outline:none; padding-right:15px}

ul#faqsMenu li a:hover{}

ul#faqsMenu li ul{ margin-bottom:20px}

ul#faqsMenu li ul li a{color:#000; padding-left:20px; outline:none}

ul#faqsMenu li ul li a:hover{ border-left:5px #000 solid; padding-left:15px; outline:none}

body.faqs ul#faqsMenu li a.opened{background:transparent url(../images/open-arrow.gif) right no-repeat; font-weight:bold}
body.faqs ul#faqsMenu li a.closed{background:transparent url(../images/close-arrow.gif) right no-repeat; font-weight:normal}

ul#featuresList{}

ul#featuresList li{padding:15px 0px 15px 25px; background:transparent url(../images/featuresCheck.gif) left no-repeat; border-bottom:#B9B9B9 1px solid}

ul#featuresList li.last{border-bottom:none 0px}

body.contact #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.contact .col.contact{width:55%; float:left; text-align:left; margin-right:60px}

body.contact .col.contact p a{color:#8e8e8e; font-size:24px; font-style:normal}

body.contact .col.contact p{font-size:24px; line-height:34px}

body.contact .col.write_email{width:19%; float:left; text-align:left; margin-right:4px}

body.contact .col.write_email p, 
body.contact .col.phone_fax p{padding-top:50px}

body.contact .col.phone_fax{width:19%; float:left; text-align:left; margin-right:0px}

body.login #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 50px 14px; line-height:22px}

body.login .col.login{width:50%; float:left; text-align:left; margin-right:118px}

body.login .col.login p{font-size:24px; line-height:34px}

body.login .col.reminder{width:37%; float:left; text-align:left; margin-right:0px}

body.login .col.reminder p{font-size:24px; padding-top:48px; line-height:34px}

body.login .col.login .loginFormWrapper{margin-top:45px}

body.login .col.reminder .reminderLink{width:79px; float:right; margin-top:28px; text-align:right}

body.getlostpassword #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 50px 14px; line-height:22px}

body.getlostpassword .col.getlostpassword{width:50%; float:left; text-align:left; margin-right:118px}

body.getlostpassword .col.getlostpassword p{font-size:24px; line-height:34px}

body.getlostpassword .getlostpasswordFormWrapper{margin-top:30px}

body.lostpasswordsent #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 50px 14px; line-height:22px}

body.lostpasswordsent .col.lostpasswordsent{width:50%; float:left; text-align:left; margin-right:118px}

body.lostpasswordsent .col.lostpasswordsent p{font-size:24px; line-height:34px}

body.purchasedetails #copy, 
body.purchasesummary #copy, 
body.purchasecomplete #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.purchasedetails .purchaseStep, 
body.purchasesummary .purchaseStep, 
body.purchasecomplete .purchaseStep{border-top:#000 1px solid; text-align:center}

body.purchasedetails .purchaseStepCircle, 
body.purchasesummary .purchaseStepCircle, 
body.purchasecomplete .purchaseStepCircle{margin:-23px auto 0px auto; position:relative; display:block; padding-top:8px; width:43px; height:43px;   background:transparent url(../images/purchase_step_circle.gif) no-repeat; color:#FFF; font-size:23px}

body.purchasedetails .purchaseStepColWrapper, 
body.purchasesummary .purchaseStepColWrapper, 
body.purhcasecomplete .purchaseStepColWrapper{margin-top:20px; margin-bottom:65px}
 
body.purchasedetails .col, 
body.purchasesummary .col, 
body.purchasecomplete .col{width:29%; float:left; text-align:left; margin-right:57px}

body.purchasedetails .col.center, 
body.purchasesummary .col.center, 
body.purchasecomplete .col.center{text-align:center}

body.purchasedetails .col.right, 
body.purchasesummary .col.right, 
body.purchasecomplete .col.right{text-align:right}

body.purchasedetails .col.upgrades { width:100%; }

body.purchasedetails .col.last, 
body.purchasesummary .col.last, 
body.purchasecomplete .col.last{margin-right:0px}

body.purchasesummary .col.order{width:30%; text-align:right}

body.purchasedetails .col .domainInput{margin-top:10px; color:#8e8e8e; font-style:italic; font-family:Georgia,"Times New Roman",Times,serif}

body.purchasedetails .col .promotionInput{margin-top:10px; color:#8e8e8e; font-family:Georgia,"Times New Roman",Times,serif}

body.purchasesummary .col .primaryEmailInput, 
body.purchasesummary .col .alternateEmailInput, 
body.purchasesummary .col .passwordInput, 
body.purchasesummary .col .confirmPasswordInput{width:200px; margin-top:8px; margin-bottom:8px; color:#8e8e8e; font-family:Georgia,"Times New Roman",Times,serif}

body.purchasesummary .col.terms{width:100%; text-align:left}

body.purchasesummary .col.terms .terms_conditions{margin-left:0px; border:#8e8e8e 1px solid; padding:10px; margin-top:16px; width:98%; height:145px; overflow-y:scroll}

body.purchasesummary .col.terms .termsCheckBoxWrapper{float:left; margin-right:20px; height:60px}

body.purchasesummary .col.billing .billingWrapper{margin-top:16px; width:100%; text-align:center}

body.purchasesummary .col.billing .billingWrapper ul{margin-top:40px; width:920px}

body.purchasesummary .col.billing .billingWrapper ul li{margin-bottom:8px; float:left; display:block; width:250px}

body.purchasesummary .col.billing .billingWrapper ul li.first{margin-left:110px; text-align:right; padding-right:50px}

body.purchasesummary .col.billing .billingWrapper ul li.second{text-align:left}

body.purchasesummary .col.billing .billingWrapper ul li input, 
body.purchasesummary .col.billing .billingWrapper ul li select{width:200px; color:#8e8e8e}

body.purchasesummary .col.billing .billingWrapper ul li input.csc, 
body.purchasesummary .col.billing .billingWrapper ul li input.exp_month, 
body.purchasesummary .col.billing .billingWrapper ul li input.exp_year{width:35px; display:inline}

body.purchasesummary .col.billing .billingWrapper ul li span.phoneFormat{color:#8e8e8e; font-size:10px}

body.purchasecomplete .col.last a{color:#8e8e8e; text-decoration:underline; font-style:normal}

body.purchasesummary span.notice{float:left; display:none; position:absolute; margin-top:-57px; margin-left:-330px; width:300px; color:#fff; font-family:Arial; font-size:10px; background:#92312B; line-height:14px; padding:8px}

body.privacy #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 30px 14px; line-height:22px}

body.privacy .col.privacy{width:100%; text-align:left}

body.specials #copy, 
body.joinmailing #copy{margin:0px auto; width:922px; background:#fff; padding:35px 14px 200px 14px; line-height:22px}

body.specials .col.specials, 
body.joinmailing .col.joingmailing{width:55%; float:left; text-align:left; margin-right:140px}

body.specials .col.specials p{font-size:24px; line-height:34px}

body.specials .col.joinmailing{width:200px; float:left; text-align:left}

body.specials .col.joinmailing .joinmailingFormWrapper{margin-top:45px}

body.specials .col.joinmailing .joinmailingFormWrapper input, 
body.specials .col.joinmailing .joinmailingFormWrapper select{width:200px}
body.specials .col.joinmailing .joinmailingFormWrapper .blackBtn{float:right; width:80px}

a.specialsTab{display:block; width:46px; height:165px; float:right; position:relative; top:247px; background:Transparent url(../images/specialsTab.png) no-repeat}
a.specialsTab span{float:left;  text-indent:-9999px}

a.tourTab{display:block; width:46px; height:165px; float:right; right:0px; position:absolute; top:97px; background:Transparent url(../images/tourTab.png) no-repeat}
a.tourTab span{float:left;  text-indent:-9999px}

.col a.cscTip{font-size:9px}

.promotion_check_resp{position:absolute; margin-top:-20px; margin-left:100px; display:none; width:20px; height:22px}

.purchaseTotal{font-weight:bold}

.bigRedErrorWrapper{margin:6px auto 20px auto; padding:30px 15px; width:920px; background:#92312B; color:#FFF; text-align:left; font-size:1em}

.bigRedErrorWrapper p.errorHeading{font-size:1.75em; margin-bottom:15px}

.bigRedErrorWrapper a{color:#fff; text-decoration:underline}

.blackBtn{display:block; margin-top:28px; padding-bottom:2px; width:79px; height:18px; font-family:Arial; font-size:9px; text-align:center; background:#000; color:#fff}

h1.logo a{width:105px; height:43px; display:block; background:Transparent url(../images/FreshFoliosLogo.gif) left top no-repeat; text-indent:-9999px}

ul.globalNav{text-align:right}

ul.globalNav li{display:inline; margin-left:45px; color:#000; font-weight:normal}

ul.globalNav li a:link, 
ul.globalNav li a:hover, 
ul.globalNav li a:visited{font-size:18px; text-transform:uppercase; color:#000}

div.photoCreditWhite{float:left; position:relative; top:-25px; left:15px; font-family:Arial; font-size:10px; color:#fff}
div.photoCreditBlack{float:left; position:relative; top:-25px; left:15px; font-family:Arial; font-size:10px; color:#000}

h2.heading{margin-bottom:18px; font-size:30px; color:#000; font-weight:bold}

.col strong.normal{font-weight:normal}

.col a{color:#8e8e8e; font-size:13px; font-style:italic}

.clearer{clear:both}

.transparency75{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75}

.noJS{display:block; width:100%; float:left; height:18px; padding:5px 0px; text-align:center; color:#fff4a6; font-family:arial; background-color:#000; position:fixed; z-index:2000}

.updateIE6{width:400px; padding-top:200px; margin:200 auto; text-align:center; font-family:Arial; color:#000; font-size:1em}

.updateIE6 a{text-decoration:underline; color:#000}