/*reset */
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;
}
p{margin:1em 0;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: rgb(50,50,50);
	background:url(../images/bg/body-bg.jpg) repeat-x;
	font-family:Arial,Helvetica,Sans-serif;
	font-size:75%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a
	{text-decoration:none;color:#024;}
a:hover
	{text-decoration:underline;}
h1
	{font-size:200%;}
h2
	{font-size:175%;}
h3
	{font-size:150%;}
h4
	{font-size:125%;}
h5
	{font-size:112.5%;}

.fullW
	{float:left;width:100%;}

div#wrapper
	{width:518px;margin: 60px auto 0 auto;position:relative;}
div#message
	{position:absolute;left:13px;top:10px;padding:25px 26px 27px 26px;width:440px;height:100px;
		background:url(../images/bgs/message.png) no-repeat;overflow:hidden;}
div#message input
	{float:left;width:40%;margin:1%;}
div#message textarea
	{float:left;width:96%;margin:1%;}
div#main
	{float:left;width:460px;padding:28px 29px 30px 29px;height:160px;
		background:url(../images/bgs/under-construction.png) no-repeat;position:relative;}
div#underConstruction
	{float:right;margin:14px 60px 0 0;}
div#kAnimStuff
	{float:left;width:460px;margin-top:14px;}
div.box
	{float:left;width:17px;height:17px;margin:3px;background-color:rgb(220,220,200);}
div#bottomLinks
	{position:absolute;width:460px;left:29px;bottom:29px;}
div#bottomLinks a
	{padding:20px;background-color:rgb(240,240,230);border:1px solid rgb(200,200,200);
		-moz-border-radius:5px;-webkit-border-radius:5px;}
div#bottomLinks a:hover
	{background-color:rgb(230,230,220);text-decoration:none;}
div#bottomLinks a#contactLink
	{float:left;}
div#bottomLinks a#pluginLink
	{float:right;}
body
	{background-color:rgb(220,224,228);line-height:1.5;}
div#kAnimMain
	{padding:10px;background-color:rgb(255,255,255);}
div.tabLinks
	{float:left;width:96%;padding:0 2%;}
div.tabLinks a
	{float:left;background-color:rgb(212,212,212);min-width:80px;padding:10px;
		margin-left:10px;}
div.tabLinks a.current
	{background-color:rgb(235,235,235);color:rgb(50,50,50);}
	
div#presetPanel, div#standardPanel, div#usagePanel
	{background-color:rgb(235,235,235);width:96%;padding:2%;float:left;}
div#standardPanel,div#presetPanel
	{display:none;}
	
div.example
	{float:left;padding:2%;width:96%;margin-top:10px;}
div.example div#holder1
	{float:left;width:400px;height:20px;}
div.example div#holder2
	{float:left;width:400px;height:20px;}
div.example div#holder3
	{float:left;width:20px;height:400px;}
div.example div#holder3a
	{float:left;width:20px;height:400px;}
div.example div#holder4
	{float:left;width:400px;height:20px;}
div.example div#holder5
	{float:left;width:400px;height:20px;}
div.example div#holder6
	{float:left;width:400px;height:20px;}
div.box
	{float:left;width:18px;height:18px;margin:1px;background-color:rgb(100,120,140);}
	
div.allImages
	{min-height:600px;float:left;width:100%;}	
div.imageHolder
	{height:96px;width:96px;float:left;overflow:hidden;}
div.description
	{float:left;width:100%;margin:10px 0;}

pre  {
    font: 100% courier,monospace;
    border: 1px solid #ccc;
    overflow: auto;
    overflow-x: scroll;
    width: 90%;
    padding: 0 1em 1em 1em;
    background: rgb(230,237,245);
    color: #000
 }

div.description
	{float:left;width:100%}