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

body { background: url(../pics/angel.jpg) top left no-repeat #4D57A5; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em }
a { color: #FFFFFF; text-decoration: underline }
a:hover { color: #FFFFFF; text-decoration: none }
#header { width: 100%; height: 110px; background: url(../pics/title.gif) top center no-repeat }
#nav-bar { float: right; width: 20%; padding: 0; margin: 0 }
#menu ul { padding-top: 0; margin-top: 0; float: left }
#menu a { text-decoration: none }
#menu a:hover { text-decoration: underline }
#content { width: 79% }
#boxes { margin: 0 auto; width: 630px }
#box { float: left; width: 200px; height: 204px; margin: 0; padding: 50px 0 0 0; text-align: center }
#box p { width: 180px; padding: 0; margin: 0 }
#right { float: right }
.blob1 { list-style: url(../pics/menu1.gif); list-style-type:none }
.blob2 { list-style: url(../pics/menu2.gif); list-style-type:none }
.blob3 { list-style: url(../pics/menu3.gif); list-style-type:none }
.blob4 { list-style: url(../pics/menu4.gif); list-style-type:none }
.blob5 { list-style: url(../pics/menu5.gif); list-style-type:none }
.parties { background: url(../pics/box1.gif) top left no-repeat }
.availability { background: url(../pics/box2.gif) top left no-repeat }
.readme { background: url(../pics/box3.gif) top left no-repeat }
.corporate { background: url(../pics/box4.gif) top left no-repeat }
.signup { background: url(../pics/box5.gif) top left no-repeat }
.crafts { background: url(../pics/box6.gif) top left no-repeat }
.snake { background: url(../pics/box7.gif) top left no-repeat }
.left { float: left }
.right { float: right }