/* -------------------------------------------------------------
	main.css for One Eskimo
	main screen style sheet
	
	Reset Styles
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus, a {outline: 0;}
a img { border: none; }

html, body {height:100%;width:100%;}
#flashcontent {width:100%;height:100%;}

/* -------------------------------------------------------------
	Non-Flash Styles
-------------------------------------------------------------- */

body {font-family:arial;font-size:100%;background: #fff url(../images/no-flash-bg1.jpg) center top repeat-x;}
.noflash-content {width:534px;height:185px;padding-top:300px;margin:0 auto;background: url(../images/no-flash-bg2.jpg) left top no-repeat;}
p {font-size:16px;margin: 0 120px 24px;color:#fff;text-align:center;line-height:24px;}


/* -------------------------------------------------------------
	handheld Styles
-------------------------------------------------------------- */
@media only screen and (max-device-width: 480px) {

	body {font-family:helvetica, arial;font-size:100%;overflow:visible;background:none;}
	.noflash-content {width:320px;height:auto;padding:0;margin:0 auto;background: url(../images/gradientbg.jpg) left 125px no-repeat;}
	p {font-size:13px;margin: 0 0 1em;color:#333;line-height:1.3em;text-align:left;line-height:1.3em;}
	h1 {width:320px;height:60px;background: url(../images/oneeskimo.jpg) left top no-repeat;text-indent:-5000px;overflow:hidden;margin:0;}
	.nav {list-style:none;margin:0;padding:0;width:320px;height:65px;}
	.nav li {display:block;float:left;height:65px;}
	.nav li a {display:block;float:left;height:65px;text-indent:-5000px;overflow:hidden;}
	.nav li.sto a {width:84px;background: url(../images/nav.jpg) 0 0 no-repeat;}
	.nav li.cha a {width:126px;background: url(../images/nav.jpg) -84px 0 no-repeat;}
	.nav li.buy a {width:110px;background: url(../images/nav.jpg) -210px 0 no-repeat;}
	.nav li.sto a.selected, .nav li.sto a:hover {background-position: 0 -65px;}
	.nav li.cha a.selected, .nav li.cha a:hover {background-position: -84px -65px;}
	.nav li.buy a.selected, .nav li.buy a:hover {background-position: -210px -65px;}
	
	.noflash-content div {padding:10px;}
	
	ul.char-nav {list-style:none;text-align:center;font-size:13px;margin: 0 25px 10px;line-height:1.3em;}
	ul.char-nav li {display:inline;margin: 0 3px;}
	ul.char-nav li a {color:#712191;}
	
	#characters p img {float:right;}
	#characters p {}
	#characters h3 {clear:both;font-size:15px;color:#333;line-height:1.3em;font-weight:bold;}
	
	#buynow p {text-align:center;}


}