/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% arial,helvetica,clean,sans-serif;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}
.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a:link		{color: #003591;}
a:visited	{color: #003591;}
a:hover		{color: #e34660; text-decoration: none;}
a:focus		{color: #e34660; text-decoration: none;}
a:active	{color: #003591;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left; margin:0 auto; width: 641px;}

#header {margin-top: 30px;}

#logo{background: url(images/logo.jpg) no-repeat; width: 641px; height: 60px;}
#logo a{display: block; text-indent: -9999px; width: 641px; height: 60px;}

#wrapper {}

ul#nav{list-style: none; width: 300px; margin: 15px auto;}
ul#nav li{float: left;}
ul#nav li a{margin: 0 10px 0 10px; color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none;}
ul#nav li a:hover{color: #e34660;}

#main-content {}
#main-content h1 {font-size:152%;}
#main-content h2 {font-size:122%; color: #e34660; margin: 10px 0 10px 0; clear: both;}
#main-content h3 {font-size:107%;}
#main-content p {line-height: 1.5em; margin: 5px 0 10px 0; color: #222;}
#main-content ul {}
#main-content ul li {}

#footer {clear:both; text-align: center; margin: 10px 0 10px 0; background: url(images/divider.jpg) no-repeat;}
#footer p {font-size:85%; padding: 15px 0 5px 0;}
#footer p a {}

/* =IDs ***************************** */
#notebook-paper{background: url(images/notebook-paper-bg.jpg) no-repeat; width: 641px; height: 258px;}
#notebook-paper p{width: 400px; padding: 45px 0 0 140px; line-height: 1.5em;}

#gifts{width: 310px; float: left;}
h1#title-gifts{width: 101px; height: 41px; text-indent: -9999px; display: block; background: url(images/title-gifts.jpg) no-repeat; text-align: center;}
#sales{width: 310px; float: right;}
h1#title-sales{width: 96px; height: 41px; text-indent: -9999px; display: block; background: url(images/title-sales.jpg) no-repeat; text-align: center;}

h1#title-lucky-number{width: 230px; height: 41px; text-indent: -9999px; display: block; background: url(images/title-lucky-number.jpg) no-repeat; text-align: center;}

#player-list ol{margin-left: 20px;}
#player-list ol li{float: left; width: 200px; margin: 5px 0 5px 0;}

p#update{color: #d40202;}

/* =Classes ***************************** */
.sig{text-align: right; margin-right: 100px;}
.btn-events{width: 296px; margin: 0 auto; margin-bottom: 10px;}
.btn-events a{background: url(images/btn-fun-stuff.jpg) no-repeat; width: 296px; height: 66px; display: block; text-indent: -9999px; text-align: center;}
.divider{width: 639px; height: 18px; background: url(images/divider.jpg) no-repeat; clear: both;}

/* =Slider ***************************** */
#slider ul, #slider li{}
#slider, #slider li{width:641px; height:391px; overflow:hidden; margin: 0 auto; background: #ddd;}
span#prevBtn{}
span#nextBtn{}	
span#prevBtn a{display: block; width: 62px; height: 56px; float: left; background: url(/images/left-arrow.jpg) no-repeat; text-indent: -9999px;}	
span#nextBtn a{display: block; width: 62px; height: 56px; float: left; background: url(/images/right-arrow.jpg) no-repeat; text-indent: -9999px;}