body{
	color:#FFF;
	line-height:normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
}

#box{
	width:480px;	/*background-color:#F00; */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

h1,h2{ 
	font:bold 20px 'Lucida Grande', 'Trebuchet MS', sans-serif;
	margin-top:25px; 
}

h1{ font-size:24px; margin-bottom:36px; }
h2{ color:#f2aa24; margin-bottom:15px; }

.orange{ color:#f2aa24; }
.cyan, a{ color:#78c7f2; }

a{ outline:none; text-decoration:none; }
a:hover{
	text-decoration:none;
	color:#f2aa24;
}

ul{ list-style:none; margin:0; padding:0; }
ol{ list-style-position:inside; margin:0 0 10px 0; padding:0;}
li{ padding:0px; margin-bottom:10px; }

strong{
}

#components, #tests, .customization{ margin:10px 0 20px 25px; }
#components li, #tests li, .customization li{ margin-bottom:3px; }

#gallery{
	width: 100%;
}

#gallery img{
	border: 1px solid #FFF;
	text-align: center;
	font-family: verdana, sans-serif;
}

.code{ 
	margin:10px;
	font-size:12px;
	color:#6C0;
}