@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;	
}
img {
	border:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background:#131313;
	font-size:12px;
}
#container {
	width:960px;
	margin:0 auto;
	padding:0 0 30px 0;
}
h1 {
	color:#fff;
	font-size:30px;
	font-weight:100px;
	line-height:34px;
	padding:10px 0 0px;
}
h2 {
	padding:40px 0 5px;
	color:#ff7b01;
	font-size:16px;
	font-weight:100px;
	line-height:18px;
}
ol {
	margin:0 0 0 25px;
}
ol li {

}
ol li ol {
	overflow:hidden;
	margin:0;
}
ol li ol li{
	padding:10px 0 0;
}
p {
	padding:0 0 10px;
}
.item {
	clear:both;
}
.image-wrap {
	float:left;
	width:400px;
	padding:0 0 0 10px;
}
code {
	display:block;
	font-size:11px;
}

/*   IMAGE 1   */
#image1 img {
	padding:5px;
	border:1px solid #ccc;
}


/*   IMAGE 1b   */
#image1b img {
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
}

/*   IMAGE 2   */
#image2 img {
	-webkit-box-shadow: 3px 3px 1px rgba(255, 255, 255, 1);
	-moz-box-shadow: 3px 3px 1px rgba(255, 255, 255, 1);
}

/*   IMAGE 3   */
#image3 img {
	-webkit-box-shadow: 0x 0px 10px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

/*   IMAGE 4   */
#image4 img {
	border:1px solid #fff;
	-webkit-box-shadow: 0x 0px 10px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

/*   IMAGE 5   */
#image5 a:hover {
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

/*   IMAGE 6   */
#image6 img:hover {
	border:1px solid #fff;
	-webkit-box-shadow: 0x 0px 10px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}