body {
	
	background-color: #99c;
	background-image: -moz-linear-gradient(top, #99c, #ddf); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #99c),color-stop(1, #ddf)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#99c', EndColorStr='#ddf'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#99c', EndColorStr='#ddf')"; /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    overflow: hidden;
}
p{
	padding: 0px 0px 5px 0px;
}
@font-face {
	font-family: 'CPMono_v07Plain';
	src: url('../fonts/CPMono_v07_Plain-webfont.eot');
	src: local('?'), url('../fonts/CPMono_v07_Plain-webfont.woff') format('woff'), url('../fonts/CPMono_v07_Plain-webfont.ttf') format('truetype'), url('../fonts/CPMono_v07_Plain-webfont.svg#webfontRVXSRgPv') format('svg');
	font-weight: normal;
	font-style: normal;
}
h2 {
	font-family: CPMono_v07Plain, monospace;
	font-size: 30px;
	color: #fff;
}
h3 {
	font-family: CPMono_v07Plain, monospace;
	font-size: 18px;
	color: #fff;
}
#container{
	margin: 10px auto;
	width: 960px;
	
	overflow: hidden;
	
}
#header {
	width: 900px;
	
	text-align: center;
}

#bl{
	position: relative;
	width: 225px;
	height: 225px;
	background-color: #fff;
	top: 175px;
	left: 220px;
	overflow: hidden;
	transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-7);

	-moz-box-shadow: 5px 8px 10px #000;
	-webkit-box-shadow: 5px 8px 10px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#gf{

	position: relative;
	z-index:1;
	width: 225px;
	height: 225px;
	background-color: transparent;
	top: -35px;
	left: 505px;
	overflow: hidden;
	transform: rotate(14deg);
	-moz-transform: rotate(14deg);
	-webkit-transform: rotate(14deg);
	-moz-box-shadow: 5px 8px 10px #000;
	-webkit-box-shadow: 5px 8px 10px #000;
	
}
 #gf:hover{
	transform: rotate(14deg);
	-moz-transform: rotate(14deg);
	-webkit-transform: rotate(14deg);
	
}
#otc{

	position: relative;
	width: 225px;
	height: 225px;
	background-color: #fff;
	overflow: hidden;
	top: -300px;
	left: 365px;
	
	-moz-box-shadow: 5px 8px 10px #000;
	-webkit-box-shadow: 5px 8px 10px #000;
	
}
#caption{
	position: relative;
	width:400px;
	top:-200px;
	left: 550px;
	overflow: hidden;
}