@charset "utf-8";
/* CSS Document */

/* Forever21 Work  Page Css */
#worksite-wrapper{text-align:center;}

#audeara-topsection{float:left;background:url(../img/audeara-topbacksection.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; height:380px; width:100%;z-index:-1;}

#dotspattern-overlay-forever{width: 100%;
height: 380px;
width:100%;
position: absolute;
z-index:2;
overflow: hidden;
top: 0;
left: 0;
background:
url(../img/iuqopattern.png) repeat; 
}


#company-topbar-wrapper{float:left;background:#000;height:auto; width:100%; color:#f1f1f1; font-size:1.0em;text-align:center; margin:0px 0px 0px 0px; padding:0; font-family:century gothic,Arial, Helvetica, sans-serif;line-height:2em; background:url(../img/companyinfo-bkg.jpg) repeat;}


 

 
#forever21-showcase1{height:auto; width:100%; max-width:990px; margin:auto; background-color:#fff; text-align:center;}

#forever21-showcase1 img{float:left;margin:40px auto; padding:0; text-align:center; width:100%; max-width:1344px;}

p.mobiledesktop-text{width:100%; text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic; clear:both; font-size:1.5em; font-weight:400; margin:20px 0px 20px 0px;}

.f21-mobiledesktopbtn-wrapper{ width:440px; margin:auto;padding-top:40px;}
a.visitmobile-btn{width:180px; padding:10px; margin: 0px auto; display:block; background:#000; color:#fff; text-align:center; font-size:.8em; border-radius:3px;}
a.visitdesktop-btn{width:180px; padding:10px; display:block; background:#000; color:#fff; text-align:center; float:left;font-size:.8em; border-radius:3px;}

p.projectrole-text{clear:both; margin:auto; padding:10px 0px 5px 0px; text-align:center; font-size:.85em;max-width:500px;}

ul.project-role-list{list-style-type:none; display:inline; margin:auto;}
ul.project-role-list li{list-style-type:none; display:inline;margin:0px 10px 0px 10px;font-size:.85em;}


#streetstyle-section h2{padding-top:200px;font-size:2em; letter-spacing:-2px; font-weight:100; font-family:century gothic,Arial, Helvetica, sans-serif;}
p.street-title-descrp{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.5em; font-weight:400;}

img.streetstyle-scnshot{width:100%; max-width:536px; margin:auto;}

a.visit21ststreet-btn{width:180px; padding:10px; display:block; background:#000; color:#fff; text-align:center;font-size:.8em; border-radius:3px; margin:40px auto 20px;}


#onepagecheckout{max-width:755px; margin:auto; width:100%;}
#onepagecheckout h2{padding-top:200px;font-size:2em; letter-spacing:-2px; font-weight:100; font-family:century gothic,Arial, Helvetica, sans-serif;}
.opc-title-text{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.5em; font-weight:400; max-width:720px;margin:auto;}
.opc-more-txt{font-family:"Times New Roman", Times, serif; font-size:1.0em; margin:80px auto 0px;width:300px; text-align:left;float:left;z-index:1; position:relative; background-color:#fff;}
img.opc-scrn-shot{float:left;margin:-300px 0px 0px 100px; max-width:755px; width:90%;z-index:-1;position:relative;}
a.opc-btn{width:180px; padding:10px; display:block; background:#000; color:#fff; text-align:center;font-size:.8em; border-radius:3px; margin:40px auto 20px;float:left;font-family:century gothic,Arial, Helvetica, sans-serif;}




#mobilesite-section{max-width:608px; margin:auto;}
#mobilesite-section h2{padding-top:200px;font-size:2em; letter-spacing:-2px; font-weight:100; font-family:century gothic,Arial, Helvetica, sans-serif;}
p.mobile-descrip-txt{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.55em; font-weight:400; max-width:720px;margin:auto;}
img.mobilephone-img{width:100%;padding:40px 0px 0px 0px;}
a.visit-mobile-btn{width:180px; padding:10px; display:block; background:#000; color:#fff; text-align:center;font-size:.8em; border-radius:3px; margin:40px auto 20px; clear:both;}


h2.thatsit{padding:100px; font-size:2em; letter-spacing:-2px; font-weight:100; font-family:century gothic,Arial, Helvetica, sans-serif;}

img.familypic{width:100%; max-width:700px;}
#familypic{float:left;background:url(../img/f21family.jpg) no-repeat top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; height:500px; width:100%; padding:0; margin:0; text-align:center;}