/* Reset defaults  */
html { font-size:100%; height:101%; text-rendering:optimizeLegibility; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,form,label,iframe { margin:0; padding:0; font-size:1em; line-height:inherit; font-weight:inherit; color:inherit; border:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit; margin:0; text-rendering:optimizeLegibility; }
input[type=button],input[type=submit],button { overflow:visible; }
input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; }
.skiplink { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; }
.skiplink:focus { left:0; }
.clear { height:0; clear:both; }

body { font-family:Baskerville,Garamond,"Palatino Linotype",Palatino,"Book Antiqua",serif; font-size:1.1em; line-height:1.4em; background-color:#fafafa; color:#222; }

.border { height:6px; width:100%; background-color:#26a; position:fixed; left:0; z-index:50; }
#border_top { top:0; }
	#slider { position:relative; height:6px; width:0; }
		.ui-slider-handle { background-color:#fff; border:1px solid #666; border-top:none; width:10px; height:10px; position:absolute; top:0; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; left:0%; margin-left:-6px; }
		.ui-slider-handle:focus { outline:none; }
		.ui-slider-handle.ui-state-active { background-color:#cde; }
		.ui-slider-handle.ui-state-hover { background-color:#def; }
		.ui-slider-handle.ui-state-focus { border:1px solid #36e; border-top:none; }
		
#border_bottom { bottom:0; }

#container { margin:0 auto; padding:0 40px; width:254px; position:relative; }
#what #container { width:480px; text-align:center; }

a { color:#26a; text-decoration:none; }
a:hover { background-color:rgba(187,221,255,0.9); }

#glyph { color:#fafafa; text-align:center; position:relative; margin:1.4em 0; text-transform:lowercase; }
	h1 { font-size:2em; line-height:1.4em; height:50px; overflow:hidden; }
	#glyph span { position:absolute; top:0; left:50%; height:50px; width:10em; margin-left:-5em; background:url(../images/glyph.png) no-repeat center top; }
	#glyph a { position:absolute; top:12px; left:50%; font-size:0.9em; width:6em; text-align:center; margin-left:-3em; background-color:rgba(187,221,255,0.9); }
	#glyph a:hover { background-color:rgba(50,50,50,0.9); color:#bdf; }
	#what #glyph a { width:8em; margin-left:-4em; }

#video { margin:1em 0; }

textarea,#sizers div { padding:0 10px; margin:0; display:block; border:1px dashed #ededed; outline:none; width:230px; height:9.8em; background-color:#fafafa; margin:1.4em 0; overflow:hidden; resize:none; }
#title,#sizer_title { font-family:"Helvetica Neue",Helvetica,serif; font-weight:bold; color:#222; height:1.4em; }

#sizers { height:0; position:relative; overflow:hidden; }
	#sizers div { width:auto; height:auto; min-width:200px; position:absolute; max-width:530px; }
	#sizer_title { min-height:1.4em; height:auto; }
	#sizer_body { min-height:9.8em; height:auto; }