/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background: #333; font-family: arial, helvetica, sans-serif; font-size: .8em; color: #333; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 {  }
h2 {  }
h3 {  }
p { margin: 1em 0; line-height: 1.3; }

.color1 { color: #A11E24; } /* red */
.color2 { color: #006EB9; } /* blue */
.color3 { color: #809339; } /* green */


/* Wrapper [#wrapper]
----------------------------------------- */

#wrapper { width: 800px; margin: 20px auto; text-align: left; position: relative; }


/* Header [#header]
----------------------------------------- */

#header { background: url(images/corners_top.gif) no-repeat 0 0; width: 800px; height: 116px; position: relative; }

#header .logo { margin: 30px 0 0 30px; }
#header .cart { float: right; margin: 0 30px 0 0; padding-left: 20px; background: url(images/icon_cart.gif) no-repeat 0 50%; font-size: 90%; color: #cdcdcd; }
#header .cart a { color: #cdcdcd; text-decoration: none; }
#header .cart a:hover { text-decoration: underline; }

#nav { position: absolute; right: 20px; bottom: 25px; }

#nav li { float: left; background: url(images/nav_blue_left.gif) no-repeat left top; padding-left: 10px; margin: 0 0 0 1px; }
#nav li#nhome { background-image: url(images/nav_green_left.gif); }
#nav li#nabout { background-image: url(images/nav_dblue_left.gif); margin-right: 1px; }
#nav li#nlinks { background-image: url(images/nav_orange_left.gif); }
#nav li#nproducts { background-image: url(images/nav_red_left.gif); }
#nav li a { display: block; background: url(images/nav_blue_right.gif) no-repeat right top; padding: 5px 10px 5px 0; color: #FFF; text-decoration: none; font-weight: bold; }
#nav li#nhome a { background-image: url(images/nav_green_right.gif); }
#nav li#nabout a { background-image: url(images/nav_dblue_right.gif); }
#nav li#nlinks a { background-image: url(images/nav_orange_right.gif); }
#nav li#nproducts a { background-image: url(images/nav_red_right.gif); }
#nav li a:hover { color: #222; }

#home #nav li#nhome a,
#products #nav li#nproducts a { background-image: url(images/nav_active_right.gif); color: #222; }
#home #nav li#nhome,
#products #nav li#nproducts { background-image: url(images/nav_active_left.gif); }

#howtoplay { background-color:#e7e7d1; padding: 0 20px 0 0; text-align:right; }
a.thislinkhere { border: 2px solid #003b64; background: #e9d3f7 url(images/htp_bg.gif) 0 0 repeat-x; font-weight:bold; text-decoration:none; font-size: 90%; color: #003b64; padding: 3px;}
a.thislinkhere:hover { color: #333; text-decoration: none; }

/* Content [#content]
----------------------------------------- */

#content { background: #e7e7d1; padding: 20px 30px 20px; }
#content p.intro { display: inline; }
#content .buy_now { float: right; margin: 0 20px; }

#content a { color: #006EB9;  text-decoration: underline; }
#content a:hover {color: #333; text-decoration: underline; }

/* -- #home -- */

#home h1 { display: inline; font-size: 100%; font-weight: bold; }
#home h2 { color: #A11E24; font-size: 130%; margin: 1em 0; }
#home h3 { font-size: 100%; font-weight: bold; }
#internal h1 { display: inline; font-size: 100%; font-weight: bold; }
#internal h2 { color: #A11E24; font-size: 130%; margin: 1em 0; }
#internal h3 { font-size: 100%; font-weight: bold; }

#home #products {  }
#products:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

#home #products div { width: 200px; float: left; margin: 0 20px; text-align: center; display: inline; }
#home #products div p { margin-top: 0; }

/* -- #products -- */

#about h1 { font-size: 130%; font-weight: bold; color: #A11E24; margin: 0 0 .5em 0; }

/* -- #products -- */

#products #content h1 { font-size: 130%; font-weight: bold; color: #A11E24; margin: 0 0 .5em 0; }

#products .entry { width: 700px; float: left; margin: 1em 0 2em 0; display: inline; }
#products .entry dd { line-height: 1.4 }
#products .entry dt { float: right; font-size: 120%; font-weight: bold; width: 490px; }
#products .entry dd.image img { float: left; margin: 0 10px 0 0; }
#products .entry dd.button { margin: 20px 0 0 0; }

#products #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */



/* Footer [#footer]
----------------------------------------- */

#footer { background: url(images/corners_bottom.gif) no-repeat 0 0; padding-top: 20px; color: #CDCDCD; font-size: 85%; padding: 23px 30px; }
#footer p { margin: 0; float: left; }
#footer a { color: #CDCDCD; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { float: right; }
#footer li { float: left; padding: 0 5px; border-right: 1px solid #CDCDCD; }
#footer li.last { border: 0; }