/* =Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* =Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body { background: #F8FFEB; color: #333; font: 12px/1.4 Arial, sans-serif; text-align: center; }

a:link, a:visited { background: transparent; color: #13AFE9; text-decoration: none; }

a:hover { text-decoration: underline; color: #2287C9; }

/* =Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#branding .container { width: 940px; margin: 0 auto; text-align: left; }

#branding { background: #000; color: #CBCBCB; height: 35px; line-height: 35px; margin-bottom: 30px; font-size: 14px; font-weight: bold; }

#branding h1 { float: left; font-weight: bold; }

#branding h1 strong a { text-decoration: none; color: #CBCBCB; border-bottom: 1px dotted #999; }

#branding h1 span { color: #99CB65; }

#branding ul { float: right; }

#branding li { display: inline; margin-left: 10px; }

#branding a { text-decoration: underline; }


#content .container { width: 750px; margin: 0 auto; text-align: left; position: relative; left: 83px; }

#content h2 { border-bottom: 1px solid #D9EFC2; color: #333; font-size: 18px; margin-bottom: 5px; padding-bottom: 7px; }


#about { background: #FFF; border: 4px solid #DBF1B5; float: right; padding: 10px 25px 30px; position: relative; }

#about img { background: #F4F8F9; border: 1px solid #D3EFF2; padding: 5px; position: absolute; left: -170px; top: -5px; }

#pointer { position: absolute; left: -23px; top: 23px; background: transparent url(../images/pointer.png) no-repeat 0 0; height: 23px; width: 23px; }

#about h2 { border-bottom-color: #EBEBEB; color: #656565; font-size: 18px; font-weight: normal; margin-top: 35px; padding-bottom: 4px; text-align: center; }

#about p { color: #699527; font-size: 24px; line-height: 1.25; }

#about ul { color: #999; font-size: 11px; margin: 5px 0; overflow: hidden; }

#about li { float: left; width: 140px; margin: 0 16px; padding-top: 60px; }

#about p.explanation strong { color: #656565; }

#s1 { background: transparent url(../images/s1.png) no-repeat 20px  0; }

#s2 { background: transparent url(../images/s2.png) no-repeat 20px 0; }

#s3 { background: transparent url(../images/s3.png) no-repeat 20px 0; }

#s4 { background: transparent url(../images/s4.png) no-repeat 20px 0; }

#about li strong { color: #656565; font-size: 14px; display: block; }

#about #s4 strong { color: #333; }

#about em { font-weight: bold; }


#desc p { line-height: 1.5; }

#desc .links { margin-top: 25px; }


#about, #stats, #desc { margin-bottom: 25px; }


#stats { clear: both; }

#stats ul { color: #656565; overflow: auto; }

#stats li { float: left; width: 120px; margin-right: 30px; }

#stats li.first { margin-left: 10px; }

#stats li.last { margin-right: 0; width: 140px; }

#stats li strong { color: #000; font-size: 18px; font-weight: bold; display: block; }

#stats li span { font-size: 12px; }

#stats .rating img { margin: 0 2px 5px 0; }


#shop { clear: both; margin-bottom: 35px; text-align: center; }

#shop a { display: block; line-height: 40px; text-align: center; background: #508C00 url(../images/shop.png) repeat-x; border: 1px solid #62932A; font-size: 12px; color: #FFF; cursor: pointer; font-weight: bold; height: 40px; padding: 0 15px; width: 300px; margin: 0 auto; text-shadow: #4F7522 1px 1px 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#shop a:hover { opacity: 0.8; text-decoration: none; }


.footer { text-align: left; clear: both; padding: 5px; font-size: 12px; border-top: 1px solid #ddd; }

.footer li { float: left; padding: 0 10px 0 0; }

.footer li a { float: left; color: #999; }

.footer p { clear: both; display: block; padding: 2px 0; color: #999; }