/* general */
body,p,h1,h2,a,#wrapper{padding:0; margin:0;}
body{background-color:#555; font: 83%/1.25 'Noto Sans',arial,sans-serif;}
img{border:none;}

/* content */
#left img,#right img{margin-bottom:10px;}
#left p,#right p{margin-bottom:20px;}
#left p ,#right p{color:#aaa;}
.humanist span, .humanist li{color:#8adbf9; text-transform:uppercase; font-size:90%;}
.transitional span, .transitional li{color:#ffcca4;  text-transform:uppercase; font-size:90%;}
.modern span, .modern li{color:#8af99a; text-transform:uppercase; font-size:90%;}
.egyptian span, .egyptian li{color:#d8b7fc; text-transform:uppercase; font-size:90%;}
.clarendon span, .clarendon li{color:#fdfab7; text-transform:uppercase; font-size:90%;}
.humanist-sans span, .humanist-sans li{color:#91f8fd; text-transform:uppercase; font-size:90%;}
.transitional-sans span, .transitional-sans li{color:#ff9595; text-transform:uppercase; font-size:90%;}
.geometric span, .geometric li{color:#e4ff7e; text-transform:uppercase; font-size:90%;}
#wrapper{margin:40px auto; padding:0; width:1100px; height:620px;}
#imgbox{margin:0 auto; padding:0; width:600px; height:600px; background-color:#fff; font-size:0;}
#right{float:right; width:210px; margin-right:15px; padding-top:10px;}
#left{float:left; width:230px;}