body { background: #adadad url('../images/coffee.gif') repeat; text-align: left; line-height: 1.6; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; }

a { color: #5032FA; text-decoration: none;}
a:hover { color: #77DB54; }
h1 { font-size: 36px; line-height: 36px; color: #FF7800; text-align: right; margin-right: 40px; width: 511px; height: 79px; background: url('../images/why.png') no-repeat top left; text-indent: -9999px;}

b { font-weight: 600;}

#container { width: 1000px; position: relative; margin: 0 auto;}

#main { width: 800px; height: 905px; margin: 0 auto; background: url('../images/bgperk.png') no-repeat; }

.content { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; color: #42200A; width: 419px; _height: 136px; min-height: 136px; margin: 0px 0px 7px 20px; padding: 0px; position: relative; float: left; z-index: 999; background: url('../images/box.png') no-repeat;}

.content p, ul{ padding: 7px 7px 0px 7px; }
.big { font-size: 24px;}
.splash { position: relative; float: right; }
.start { position: relative; float: right; width: 290px; margin: 80px 20px auto 0px; font-size: 36px; z-index: 777; }

.bean { width: 97px; height: 81px; background2: url('../images/coffee_bean.png') no-repeat top left; float: right; padding: 5px 2px 0px;}
.cup { width: 1600px; height: 542px; background: url('../images/cup.png') no-repeat bottom right; position: absolute; bottom: 0; right: 0; z-index: 100; }

.tall {background: url('../images/tall.png') no-repeat top left;}
.grande {background: url('../images/grande.png') no-repeat top left;}
.venti {background: url('../images/venti.png') no-repeat top left;}

.alpha { margin-top: 10px; }
.pad-top { margin-top: 120px; }

.dark { background: url('../images/boxdark.png') no-repeat top left; color: #F3E6CE; color: #fff; }

.orange { color: #FF7800;}
.blue { color: #5032FA;}
.green { color: #77DB54;}
.yellow { color: #FFB036;}
.purple { color: #BA3FBE;}

.clear { clear: both; }