/*
-----------------------------------------------------------------------------------------
Layout
-------------------------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	background:#EEEEEE url(images/main_bg.jpg) repeat-x 0 0;
}
#container {
	position:absolute;
	top:150px;
	left:50%;
	width:750px;
	margin-left:-375px;
}
#masthead {
	width: 100%; 
	height: 170px; 
	background:#EEEEEE url(images/masthead_bg.gif) repeat-x bottom left;
}
#motioncontainer {
	width: 750px; 
	height: 170px; 
}
/*
-----------------------------------------------------------------------------------------
MASTHEAD
-------------------------------------------------------------------------------------- */
#left-button {
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:170px;
	background:url(images/sample_left_button.png) no-repeat 0 0;
	z-index:100;
	cursor:pointer;
}
* html #left-button {
	/*--- hide png background for IE5 --*/
		background-image:none;	/*--- insert png background for IE6 --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/sample_left_button.png);
}
#right-button {
	position:absolute;
	top:0;
	right:0;
	width:80px;
	height:170px;
	background:url(images/sample_right_button.png) no-repeat 0 0;
	z-index:100;
	cursor:pointer;
}
* html #right-button {
	/*--- hide png background for IE5 --*/
		background-image:none;	/*--- insert png background for IE6 --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/sample_right_button.png);
}
#sample-title {
	position:absolute;
	top:7px;
	right:531px;
	margin:0;
	padding:0;
	width:127px;
	height:40px;
	text-indent:-3000px;
	background:url(images/sample_title.gif) no-repeat 0 0;
	z-index:110;
}
#motioncontainer a img {
	margin:10px;
	border: 5px solid #fff
}
#motioncontainer a:hover img {border: 5px solid #9DD665;}
#statusdiv {display:none;}
#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}
/*
-----------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------- */
#content-main {
	padding:20px 10px;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	color:#333;
}
#sample-sub-nav {
	float:left;
	width:185px;
}
	#sample-sub-nav p {margin:10px;}
		#sample-sub-nav p.price {
			margin-left:15px;
			font-size:10px;
			color:#888;
		}
			#sample-sub-nav p.price span {
				font-size:26px;
				font-weight:bold;
				color:#FF6C3B;
				line-height:1;
			}
#sample-large {
	float:left;
	padding:18px;
	width:509px;
	background:url(images/large_thumb_bg.gif) no-repeat 0 0;
}