<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">	body{
	background-color: #DAEFF3;
}
	*{
	margin: 0px;
	padding: 0px;
}
	.imgborder{
	border: 1px solid #959595;
}
		div #homelinksci a{
		color: #FFFFFF;
		text-decoration:none;
}
		div #homelinksci a:hover{
		color: #FF0000;
}
		div #homelinksci a:visited{
		color: #000000;
}
		div #homelinkmed a{
		color: #FFFFFF;
		text-decoration:none;
}
		div #homelinkmed a:hover{
		color: #3D3D3D;
}
		div #homelinkmed a:visited{
		color: #000000;
}
		div #backsample a{
		color: #0000FF;
		text-decoration:none;
}
		div #backsample a:hover{
		color: #FF0000;
}
		div #backsample a:visited{
		color: #000000;
}
		.thumbtitle a{
		color: #0000FF;
}
		.thumbtitle a:hover{
		color: #FF0000;
}
		.thumbtitle a:visited{
		color: #000000;
}


@media screen and (min-width: 1280px) and (max-width: 1920px)
{	
	#rowonesample{
	width: 100%;
	max-width: 1920px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 1280px;
	margin: 0 auto;
}
	#centremainsample{
	width: 100%;
	height: auto;
	margin: 1% 0% 0% 0%;
	background-color: #FFFFFF;
}
	#copyrightsample{
	width: 100%;
	height: 35px;
	text-align:center;
	padding-top: 0.5%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:right;
	font: 0.875em Arial, sans-serif;
	padding: 2% 1.5% 1% 0%;
	clear: both;
}
	#samplemain{
	max-width: 1280px; 
	height: 44px;
	margin: 0 auto;
}
	#homelinksci{
	width: 20%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	/*padding: 1.2% 0% 0% 0%;*/
	line-height: 44px;
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 20%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	/*padding: 1.2% 0% 0% 0%;*/
	line-height: 44px;
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	width: 80%;
	height: 44px;
	float: left;
}
	#backsample{
	width: 99%;
	height: 35px;
	text-align:left;
	font: 0.875rem Arial, sans-serif;
	padding: 1.75% 0% 0% 1%;
}

/* SAMPLE SCREENS CSS ----------------- */

	#samplecontent{
	width: 100%;
	height: auto;
}	
	.samplerows{
	width: 100%;
	min-height: 150px;
	text-align:center;
	padding-top: 3%;
}
	.sampleinfo{
	width: 100%;
	min-height: 30px;
	text-align:center;
	padding-top: 2.5%;
	clear: both;
}
	.smimagescont1{
	width: 40%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-left: 10%;
}
	.smimagescont2{
	width: 40%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-right: 10%;
}

/* VIDEO SAMPLES CSS ------------------ 1280px */

	#videotitle{
	width: 42%;
	min-height: 25px;
	text-align:center;
	font: 1.5rem Arial, sans-serif;
	padding: 2% 0% 2% 0%;
	margin: 0px auto;
	background-color: #FFFFFF;
}
	#videorow{
	width: 100%;
	min-height: 400px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
	padding-top: 0%;
}
	#videobuy{
	width:auto;
	height: 30px;
	text-align:center;
	margin-top: 4%;
	clear: both;
}
	#videocentre{
	width: 35%;
	min-height: 400px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%;
	float:left;
}
	#videocolumn{
	width: 32.5%;
	height: 400px;
	float:left;
}
	#videocolumn2{
	width: 32.5%;
	height: 400px;
	float:left;
}
	.simproducts{
	width: 100%;
	height: 180px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2% 0% 0.5% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 60%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 30px;
	background: #D1D1D1;
	font: 1.0625rem Arial, san-serif;
	padding-top: 0.75%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 50%;
	min-height: 155px;
	float: left;
}
	#related2{
	width: 50%;
	min-height: 155px;
	float: left;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 1280px */

	#centremaindemo{
	width: 100%;
	min-height: 750px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 1% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 700px;
	height: 490px;
}
		#videocolumndemo{
		width: 22%;
		min-height: 600px;
		float:left;
}
		#videocentredemo{
		width: 56%;
		min-height: 600px;
		text-align:center;
		float:left;
}
		#videocolumn2demo{
		width: 22%;
		min-height: 600px;
		float:left;
}
}

@media screen and (min-width: 1007px) and (max-width: 1041px)
{
	#rowonesample{
	width: 100%;
	max-width: 1024px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 1024px;
	margin: 0 auto;
}
	#centremainsample{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	margin: 1% 0% 0% 0%;
}
	#samplemain{
	max-width: 1024px;
	height: 44px;
	margin: 0 auto;
}
	#homelinksci{
	width: 25%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 1.5% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 25%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 1.5% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	width: 75%;
	height: 44px;
	float: left;
}
	#backsample{
	width: 99%;
	height: 35px;
	text-align: left;
	font: 0.875rem Arial, sans-serif;
	padding: 1.75% 0% 0% 1%;
}
	#copyrightsample{
	width: 100%;
	height: 35px;
	text-align:center;
	padding-top: 1%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:right;
	font: 0.875em Arial, sans-serif;
	padding: 2% 1.5% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS ------------------- 1024px */

	#samplecontent{
	width: 100%;
	height: auto;
}
	.samplerows{
	width: 100%;
	min-height: 250px;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img{
	width: 60%;
	height: auto;
}
	.sampleinfo{
	width: 100%;
	min-height: 30px;
	text-align:center;
	padding-top: 2.5%;
	clear: both;
}
	.smimagescont1{
	width: 40%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-left: 10%;
}
	.smimagescont2{
	width: 40%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-right: 10%;
}

/* VIDEO SAMPLES CSS ------------------ 1024px */

	#videotitle{
	width: 50%;
	min-height: 25px;
	margin: 0px auto;
	text-align:center;
	font: 1.35rem Arial, sans-serif;
	padding: 2% 0% 3% 0%;
}
	#videorow{
	width: 100%;
	min-height: 390px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
	padding-top: 0%;
}
	#videobuy{
	width:auto;
	height: 30px;
	text-align:center;
	margin-top: 4%;
	clear: both;
}
	#videocentre{
	width: 40%;
	min-height: 390px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%;
	float:left;
}
	#videocolumn{
	width: 30%;
	height: 400px;
	float:left;
}
	#videocolumn2{
	width: 30%;
	height: 400px;
	float:left;
}
	.simproducts{
	width: 100%;
	height: 180px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2% 0% 0.5% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 70%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 30px;
	background: #D1D1D1;
	font: 1.0625rem Arial, san-serif;
	padding-top: 1%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 50%;
	min-height: 155px;
	float: left;
}
	#related2{
	width: 50%;
	min-height: 155px;
	float: left;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 1024px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 1% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 670px;
	height: 469px;
}
		#videocolumndemo{
		width: 6%;
		min-height: 570px;
		float:left;
}
		#videocentredemo{
		width: 69%;
		min-height: 570px;
		text-align:center;
		float:left;
}
		#videocolumn2demo{
		width: 25%;
		min-height: 570px;
		float:left;
}
}

@media screen and (min-width: 783px) and (max-width: 817px)
{
	#rowonesample{
	width: 100%;
	max-width: 817px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 800px;
	margin: 0 auto;
}
	#samplemain{
	max-width: 800px;
	height: 44px;
	margin: 0 auto;
}
	#centremainsample{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	margin: 1% 0% 0% 0%;
}	
	#homelinksci{
	width: 32%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 1.85% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 32%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 1.85% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	width: 68%;
	height: 44px;
	float: left;
}
	#backsample{
	width: 100%;
	height: 35px;
	text-align:center;
	font: 0.875rem Arial, sans-serif;
	padding: 2% 0% 2% 0%;
}
	#copyrightsample{
	width: 100%;
	height: 35px;
	text-align:center;
	padding-top: 1%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:right;
	font: 0.875em Arial, sans-serif;
	padding: 2% 1.5% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS ----------------- 800px */

	#samplecontent{
	width: 100%;
	height: auto;
}
	.samplerows{
	width: 100%;
	min-height: 250px;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img {
	width: 65%;
	height: auto;
}
	.sampleinfo{
	width: 100%;
	min-height: 30px;
	text-align:center;
	padding-top: 2.5%;
	clear: both;
}
	.smimagescont1{
	width: 50%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-left: 0%;
}
	.smimagescont2{
	width: 50%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-right: 0%;
}

/* VIDEO SAMPLES CSS ------------------ 800px */

	#videotitle{
	width: 56%;
	min-height: 25px;
	margin: 0px auto;
	text-align:center;
	font: 1.25rem Arial, sans-serif;
	padding: 2% 0% 3% 0%;
}
	#videorow{
	width: 100%;
	min-height: 365px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
}
	#videobuy{
	width:auto;
	height: 28px;
	text-align:center;
	margin-top: 2%;
	clear: both;
}
	#videocentre{
	width: 54%;
	min-height: 360px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%;
	float:left;
}
	#videocolumn{
	width: 8%;
	min-height: 360px;
	float:left;
}
	#videocolumn2{
	width: 38%;
	min-height: 360px;
	float:left;
}
	.simproducts{
	width: 100%;
	height: 180px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2.5% 0% 0% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 30px;
	background: #D1D1D1;
	font: 1.0625rem Arial, san-serif;
	padding-top: 1.25%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 50%;
	min-height: 155px;
	float: left;
}
	#related2{
	width: 50%;
	min-height: 155px;
	float: left;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 800px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 1% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 700px;
	height: 490px;
}
		#videocolumndemo{
		display: none;
}
		#videocentredemo{
		width: 100%;
		min-height: 510px;
		text-align:center;
		margin: 0 auto;
		float:none;
}
		#videocolumn2demo{
		width: 100%;
		min-height: 270px;
		padding-top: 3%;
		float:none;
}
}

@media screen and (min-width: 751px) and (max-width: 785px)
{
	#rowonesample{
	width: 100%;
	max-width: 768px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 768px;
	margin: 0 auto;
}
	#centremainsample{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	margin: 1% 0% 0% 0%;
}
	#samplemain{
	max-width: 768px;
	height: 44px;
	margin: 0 auto;
	overflow: hidden;
}	
	#homelinksci{
	width: 33%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 2% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 33%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 2% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	width: 67%;
	height: 44px;
	float: left;
}
	#backsample{
	width: 100%;
	height: 35px;
	text-align:center;
	font: 0.875rem Arial, sans-serif;
	padding: 2.3% 0% 0% 0%;
}
	#copyrightsample{
	width: 100%;
	height: 35px;
	text-align:center;
	padding-top: 1%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:right;
	font: 0.875em Arial, sans-serif;
	padding: 2% 1.5% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS ----------------- 768px */

	#samplecontent{
	width: 100%;
	height: auto;
}
	.samplerows{
	width: 100%;
	min-height: 250px;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img {
	width: 65%;
	height: auto;
}
	.sampleinfo{
	width: 100%;
	min-height: 30px;
	text-align:center;
	padding-top: 2.5%;
	clear: both;
}
	.smimagescont1{
	width: 50%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-left: 0%;
}
	.smimagescont2{
	width: 50%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-right: 0%;
}

/* VIDEO SAMPLES CSS ------------------ 768px */

	#videotitle{
	width: 60%;
	min-height: 25px;
	text-align:center;
	margin: 0px auto;
	font: 1.25rem Arial, sans-serif;
	padding: 2% 0% 3% 0%;
}
	#videorow{
	width: 100%;
	min-height: 345px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
}
	#videobuy{
	width:auto;
	height: 28px;
	text-align:center;
	margin-top: 3%;
	clear: both;
}
	#videocentre{
	width: 54%;
	min-height: 340px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%;
	float:left;
}
	#videocolumn{
	width: 8%;
	min-height: 340px;
	float:left;
}
	#videocolumn2{
	width: 38%;
	min-height: 340px;
	float:left;
}
	.simproducts{
	width: 100%;
	height: 180px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2.5% 0% 0% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 30px;
	background: #D1D1D1;
	font: 1.0625rem Arial, san-serif;
	padding-top: 1.25%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 50%;
	min-height: 155px;
	float: left;
}
	#related2{
	width: 50%;
	min-height: 155px;
	float: left;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 768px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 1% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 700px;
	height: 490px;
}
		#videocolumndemo{
		display: none;
}
		#videocentredemo{
		width: 100%;
		min-height: 490px;
		text-align:center;
		margin: 0 auto;
		float:none;
}
		#videocolumn2demo{
		width: 100%;
		min-height: 280px;
		padding-top: 4%;
		float:none;
}
}

@media screen and (min-width: 583px) and (max-width: 617px)
{
	#rowonesample{
	width: 100%;
	max-width: 600px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 600px;
	margin: 0 auto;
}
	#centremainsample{
	width: 100%;
	min-height: 680px;
	margin: 1% 0% 0% 0%;
	background-color: #FFFFFF;
}
	#samplemain{
	max-width: 600px;
	height: 44px;
	margin: 0 auto;
}	
	#homelinksci{
	width: 43%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 2.5% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 43%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 2.5% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	width: 57%;
	height: 44px;
	float: left;
}
	#backsample{
	width: 100%;
	height: 35px;
	text-align:center;
	font: 0.8125rem Arial, sans-serif;
	padding: 2.75% 0% 0% 0%;
}
	#copyrightsample{
	width: 100%;
	height: 35px;
	text-align:center;
	padding-top: 1%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:right;
	font: 0.875em Arial, sans-serif;
	padding: 2% 1.5% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS ----------------- 600px */

	#samplecontent{
	width: 100%;
	height: auto;
}
	.samplerows{
	width: 600px;
	min-height: 200px;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img {
	width: 65%;
	height: auto;
}
	.sampleinfo{
	width: 100%;
	min-height: 30px;
	text-align:center;
	padding-top: 2.5%;
	clear: both;
}
	.smimagescont1{
	width: 50%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-left: 0%;
}
	.smimagescont2{
	width: 50%;
	min-height: 100px;
	float: left;
	text-align:center;
	margin-right: 0%;
}

/* VIDEO SAMPLES CSS ------------------ 600px */

	#videotitle{
	width: 70%;
	min-height: 25px;
	margin: 0px auto;
	text-align:center;
	font: 1.25rem Arial, sans-serif;
	padding: 2% 0% 3% 0%;
}
	#videorow{
	width: 100%;
	min-height: 325px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center
}
	#videobuy{
	width:auto;
	height: 28px;
	text-align:center;
	margin-top: 4%;
	clear: both;
}
	#videocentre{
	width: 54%;
	min-height: 320px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%;
	float:left;
}
	#videocolumn{
	width: 5%;
	min-height: 320px;
	float:left;
}
	#videocolumn2{
	width: 41%;
	min-height: 320px;
	float:left;
}
	.simproducts{
	width: 100%;
	height: 180px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2.5% 0% 0% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 28px;
	background: #D1D1D1;
	font: 1rem Arial, san-serif;
	padding-top: 1.5%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 50%;
	min-height: 155px;
	float: left;
}
	#related2{
	width: 50%;
	min-height: 155px;
	float: left;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 600px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 1.5% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 595px;
	height: 417px;
}
		#videocolumndemo{
		display: none;
}
		#videocentredemo{
		width: 100%;
		min-height: 400px;
		text-align:center;
		margin: 0 auto;
		float:none;
}
		#videocolumn2demo{
		width: 100%;
		min-height: 270px;
		padding-top: 3%;
		float:none;
}
}

@media screen and (min-width: 463px) and (max-width: 497px)
{
	#rowonesample{
	width: 100%;
	max-width: 480px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 480px;
	margin: 0 auto;
}
	#copyrightsample{
	width: 100%;
	height: 35px;
	text-align:center;
	padding-top: 1%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#samplemain{
	max-width: 480px;
	height: 44px;
	margin: 0 auto;
}	
	#homelinksci{
	width: 54%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 3% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 54%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 3% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	width: 46%;
	height: 44px;
	float: left;
}
	#backsample{
	width: 100%;
	height: 35px;
	text-align:center;
	font: 0.8125rem Arial, sans-serif;
	padding: 3.5% 0% 0% 0%;
}
	#centremainsample{
	width: 100%;
	height: auto;	
	background-color: #FFFFFF;
	margin: 2% 0% 0% 0%;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:right;
	font: 0.875em Arial, sans-serif;
	padding: 2% 1.5% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS ----------------- 480px */

	#samplecontent{
	width: 100%;
	height: auto;
	overflow-y:hidden; /*This results in a horizontal scroll bar*/
}
	.samplerows{
	width: 650px;
	height: auto;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img {
	width: 80%;
	height: auto;
}
	.sampleinfo{
	width: 650px;
	min-height: 10px;
	text-align:center;
	padding-top: 0%;
	clear: both;
}
	.smimagescont1{
	width: 70%;
	min-height: 100px;
	float: none;
	text-align:center;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 5%;
}
	.smimagescont2{
	width: 70%;
	min-height: 50px;
	float: none;
	text-align:center;
	margin-right: 15%;
	margin-left: 15%;
}

/* VIDEO SAMPLES CSS ------------------ 480px */

	#videotitle{
	width: 80%;
	min-height: 25px;
	text-align:center;
	font: 1.20rem Arial, sans-serif;
	padding: 2% 0% 3% 0%;
	margin: 0px auto;
}
	#videorow{
	width: 100%;
	min-height: 325px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
	padding-top: 5%;
}
	#videobuy{
	width:auto;
	height: 28px;
	text-align:center;
	margin-top: 4%;
	clear: both;
}
	#videocentre{
	width: 100%;
	min-height: 320px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%;
	float:none;
}
	#videocolumn{
	display: none;
}
	#videocolumn2{
	width: 100%;
	min-height: 240px;
	float:none;
}
	.simproducts{
	width: 100%;
	height: 180px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2.5% 0% 0% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 29px;
	background: #D1D1D1;
	font: 1rem Arial, san-serif;
	padding-top: 2%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 50%;
	min-height: 155px;
	float: left;
}
	#related2{
	width: 50%;
	min-height: 155px;
	float: left;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 480px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 2% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 475px;
	height: 333px;
}
		#videocolumndemo{
		display: none;
}
		#videocentredemo{
		width: 100%;
		min-height: 345px;
		text-align:center;
		margin: 0 auto;
		float:none;
}
		#videocolumn2demo{
		width: 100%;
		min-height: 300px;
		padding-top: 1%;
		float:none;
}
}

@media screen and (min-width: 303px) and (max-width: 337px)
{
	#rowonesample{
	width: 100%;
	max-width: 320px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	.resprowsample{
	max-width: 320px;
	margin: 0px auto;
}
	#samplemain{
	max-width: 320px;
	height: 44px;
	margin: 0px auto;
}
	#centremainsample{
	width: 100%;
	height: auto;
	margin: 3% 0% 2% 0%;
	background-color: #FFFFFF;
}
	#homelinksci{
	width: 100%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 4.75% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 100%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 4.75% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	display: none;
}
	#backsample{
	width: 100%;
	height: 35px;
	text-align:center;
	font: 0.8125rem Arial, sans-serif;
	padding: 4% 0% 0% 0%;
}
	#copyrightsample{
	width: 96%;
	height: 35px;
	text-align:center;
	padding: 2% 2% 0% 2%;
	font: 0.6875em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:center;
	font: 0.875em Arial, sans-serif;
	padding: 2% 0% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS --------------- 320px */

	#samplecontent{
	width: 100%;
	height: auto;
	overflow-y:hidden; /*This results in a horizontal scroll bar*/
}
	.samplerows{
	width: 500px;
	height: auto;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img {
	width: 98%;
	height: auto;
}
	.sampleinfo{
	width: 380px;
	min-height: 10px;
	text-align:center;
	padding-top: 0%;
	clear: both;
}
	.smimagescont1{
	width: 88%;
	min-height: 100px;
	float: none;
	text-align:center;
	margin-left: 6%;
	margin-right: 6%;
	margin-bottom: 6%;
}
	.smimagescont2{
	width: 88%;
	min-height: 20px;
	float: none;
	text-align:center;
	margin-right: 6%;
	margin-left: 6%;
}

/* VIDEO SAMPLES CSS ------------------ 320px */

	#videotitle{
	width: 80%;
	min-height: 25px;
	margin: 0px auto;
	text-align:center;
	font: 1.0625rem Arial, sans-serif;
	padding: 2% 0% 5% 0%;
}
	#videorow{
	width: 100%;
	min-height: 295px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
	padding-top: 4%;
}
	#videobuy{
	width:auto;
	height: 28px;
	text-align:center;
	margin-top: 4%;
	padding-bottom: 5%;
	clear: both;
}
	#videocentre{
	width: 98%;
	min-height: 260px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 1%;
	margin-right: 0%;
	padding-left:0%;
	float:none;
}
	#videocolumn{
	display: none;
}
	#videocolumn2{
	width: 100%;
	min-height: 220px;
	float:none;
}
	.simproducts{
	width: 100%;
	min-height: 340px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 2.5% 0% 5% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 28px;
	background: #D1D1D1;
	font: 0.9375rem Arial, san-serif;
	padding-top: 4%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
	clear: both;
}
	#related1{
	width: 100%;
	min-height: 155px;
	float: none;
	padding-top: 3%;
}
	#related2{
	width: 100%;
	min-height: 155px;
	float: none;
	padding-top: 5%;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 320px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 3% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 580px;
	height: 406px;
}
		#videocolumndemo{
		display: none;
}
		#videocentredemo{
		width: 100%;
		min-height: 410px;
		text-align:center;
		margin: 0 auto;
		float:none;
		overflow-y:hidden; /*This results in a horizontal scroll bar*/
}
		#videocolumn2demo{
		width: 100%;
		min-height: 290px;
		padding-top: 6%;
		float:none;
}
}

@media screen and (min-width: 223px) and (max-width: 257px)
{
	#rowonesample{
	width: 100%;
	max-width: 255px;
	/*background-image: url('../IMAGES/grey-gradient.png');*/
	background-repeat: repeat-x;
	background-color: #444444;
}
	#samplemain{
	max-width: 255px;
	height: 44px;
	margin: 0 auto;
}
	.resprowsample{
	max-width: 255px;
	margin: 0 auto;
}
	#centremainsample{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	margin: 3% 0% 3% 0%;
}
	#homelinksci{
	width: 100%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 6.5% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/blue-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinkmed{
	width: 100%;
	height: 44px;
	text-align:center;
	float: left;
	font: 0.9375rem Arial, sans-serif;
	line-height: 44px;
	/*padding: 6.5% 0% 0% 0%;*/
	background-color: #DAEFF3;
	background-image: url('../IMAGES/red-gradient.jpg');
	background-repeat: repeat-x;
}
	#homelinksample2{
	display: none;
}
	#backsample{
	width: 100%;
	height: 35px;
	text-align:center;
	font: 0.8125rem Arial, sans-serif;
	padding: 5% 0% 0% 0%;
}
	#copyrightsample{
	width: 90%;
	height: 35px;
	text-align:center;
	padding: 2% 5% 0% 5%;
	font: 0.625em Verdana, sans-serif;
	clear: both;
}
	#top{
	width: auto;
	height: 30px; 
	text-align:center;
	font: 0.875rem Arial, sans-serif;
	padding: 2% 0% 1% 0%;
	clear: both;
}

/* SAMPLE SCREENS CSS ----------------- 240px */

	#samplecontent{
	width: 100%;
	height: auto;
	overflow-y:hidden; /*This results in a horizontal scroll bar*/
}
	.samplerows{
	width: 600px;
	height: auto;
	text-align:center;
	padding-top: 3%;
}
	.samplerows img {
	width: 98%;
	height: auto;
}
	.sampleinfo{
	width: 100%;
	min-height: 10px;
	text-align:center;
	padding-top: 0%;
	clear: both;
}
	.smimagescont1{
	width: 96%;
	min-height: 80px;
	float: none;
	text-align:center;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 7%;
}
	.smimagescont2{
	width: 96%;
	min-height: 20px;
	float: none;
	text-align:center;
	margin-right: 2%;
	margin-left: 2%;
}

/* VIDEO SAMPLES CSS ------------------ 240px */

	#videotitle{
	width: 98%;
	min-height: 25px;
	margin: 0px auto;
	text-align:center;
	font: 0.9375rem Arial, sans-serif;
	padding: 2% 0% 5% 0%;
}
	#videorow{
	width: 100%;
	min-height: 295px;
}
	#videocover{
	width: 100%;
	height: auto;
	text-align:center;
	padding-top: 8%;
}
	#videobuy{
	width:auto;
	height: 28px;
	text-align:center;
	margin-top: 4%;
	padding-bottom: 8%;
	clear: both;
}
	#videocentre{
	width: 100%;
	min-height: 190px;
	text-align:center;
	background-color: #FFFFFF;
	margin-left: 1%;
	margin-right: 0%;
	padding-left:0%;
	float:none;
}
	#videocolumn{
	display: none;
}
	#videocolumn2{
	width: 100%;
	min-height: 215px;
	float:none;
}
	.simproducts{
	width: 100%;
	min-height: 345px;
	background-color: #F9F9F9;
	text-align:center;
	padding: 5% 0% 6% 0%;
	margin: 0 auto;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
	#relatedcont{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	#relatedheader{
	width: 100%;
	height: 28px;
	background: #D1D1D1;
	font: 0.9375rem Arial, san-serif;
	padding-top: 5%;
	color: #3D3D3D;
	text-align: center;
	border-bottom: 1px solid #989898;
}
	#related1{
	width: 100%;
	min-height: 155px;
	float: none;
	padding-top: 3%;
}
	#related2{
	width: 100%;
	min-height: 155px;
	float: none;
	padding-top:8%;
}
	.thumbnail{
	width: 100%;
	min-height: 135px;
	padding-bottom: 1%;
	text-align: center;
}
	.thumbtitle{
	width: 100%;
	min-height: 20px;
	font: 0.8125rem Arial, san-serif;
	text-align: center;
	text-decoration:none;
}

/* DEMO SCREEN STYLES ------------------ 240px */

	#centremaindemo{
	width: 100%;
	min-height: 700px;
	background-color: #FFFFFF;
	padding-bottom: 1%;
	margin: 4% 0% 0% 0%;
}
	#demo{
	width: 100%;
	height: auto;
}
	#demo embed{
	width: 580px;
	height: 406px;
}
		#videocolumndemo{
		display: none;
}
		#videocentredemo{
		width: 320px;
		min-height: 410px;
		text-align:center;
		margin: 0 auto;
		float:none;
		overflow-y:hidden; /*This results in a horizontal scroll bar*/
}
		#videocolumn2demo{
		width: 100%;
		min-height: 290px;
		padding-top: 6%;
		float:none;
}
}</pre></body></html>