body { margin:0; }
html { background:url('../images/background-pattern.jpg'); font-family:Arial, Helvetica, sans-serif; color:#4f5054; }
@font-face {
    font-family: Opificio;
    src: url(fonts/Opificio.ttf);
}
h1, h2 { font-weight:normal; font-family:Opificio, Arial, Helvetica, sans-serif; }
.clearboth { clear:both; }

#wrap { width:800px; margin:0 auto; background:url('../images/stripes.png') repeat-y; }
#menu { padding-top:4px; }

#logo { margin:0 auto; width:297px; height:80px; }
.byline { color:#ec008e; font-size:12px; padding:3px 0 0 246px; }

#content { margin-top:-16px; border:2px solid #ccc; border-radius:4px; box-shadow: 0px 0px 6px #ccc; }

/* Content classes */
.fp_content { background:url('../images/fp_bg.png') no-repeat; }
.contact_content { background:#fff; background:url('../images/contactbg.jpg') #fff repeat-y; background-position:right; }
.work_content { background:#fff; }

/* Frontpage */
#fpimg { margin-top:-20px; position:relative; padding-bottom:112px; }
#fp_greybox { position:absolute; background:#f90; margin:570px 0 8px 8px; background:url('../images/grey_bg.png'); width:390px; height:250px; font-size:14px; padding:4px 10px 10px 10px; line-height:17px; color:#15161c; }
#fpcollage { margin-left:-50px; }

/* subpages */
#contact, #team, #subpage, #sub { padding:27px; font-size:12px; line-height:18px; float:left;; }
#contact_right { float:right; margin-right:-60px; }
#team_right { float:right; margin-right:-80px; }
.team_bio { padding-left:25px; width:460px; }
.team_bio p { margin-bottom:30px; }
#subpage p { width:580px; }
#trial_right { float:right; margin-right:-150px; margin-top:35px; }

#sub { width:460px; }
#sub_right { float:right; margin-right:-60px; }

#trial li { list-style-type:none; }