/* 
==================================================
HYRST Styles
==================================================
Old Grey: #969696
New Grey: #454449
New Grey: #7f7f7f
New Grey: #808080
Dark Grey: #666666
Dark Grey: #727272
*/

/* DEV Start 

	.grid {background: url(../images/baseline.gif);}
	#allscreen {background: url(../images/baseline.gif);}
	
/* DEV Stop */


* {margin: 0; padding: 0;}

ul, ol {list-style: none;}

img {border: none;}

body {font-size: 13px; line-height: 16px; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #3a3a3a; background-color: #f7faf4;}
/*body {font-size: 13px; line-height: 16px; font-family: "Times New Roman", Times, serif; color: #3a3a3a; background-color: #666;}*/

.clear:after {content: "."; height: 0; visibility: hidden; display: block; clear: both;}

h1
h2,
h3,
h4,
h5 {font-size: 13px; font-weight: normal; padding-bottom: 8px;}

p, ul, li {padding-bottom: 16px;}

ul {padding-bottom: 15px;}

.live {color: #d6b377; font-weight: bold; font-size: 16px; font-family: Helvetica, Arial, sans-serif;}
.light {color: #bcbcbc;}
.large {font-size: 96px; line-height: 80px; font-family: "Times New Roman", Times, Serif; text-decoration: none; text-align: center;}

div.error {color: #d44139; padding-top: 8px;}

a,
a:hover {text-decoration: underline; color: #BCBCBC;}
a:hover {text-decoration: underline; color: #3a3a3a;}

#allscreen {width: 100%; height: 100%; text-align: center; margin-left: auto; margin-right: auto;}

	.cctv {background: url(../images/press/Hyrst-CCTV1.jpg) top left;}

	#header {width: 100%; margin-top: 48px; padding-bottom: 8px; text-align: center; z-index: 3;}
		#header h1 {text-indent: -5000px; height: 96px; width: 416px; display: block; background: url(../images/HyrstHeader-Med.png) top center no-repeat; margin: auto;}
		#header h1.demo {background: url(../images/HyrstHeaderDemo.gif) top center no-repeat;}
		#header h1.press {background: url(../images/HyrstHeaderPress.gif) top center no-repeat;}
		#header h1.bio {background: url(../images/HyrstHeaderBio.gif) top center no-repeat;}
		
		#contactblock {width: 350px; text-align: center; margin:0 auto; padding-bottom: 30px;}
		.block1 {padding-right: 0px; width: 100px;}
		.block2 {padding-right: 0px; padding-bottom: 30px; width: 400px; margin: 0 auto;}
		
			#entry_3 {border-top: none; border-right: none; border-left: none; border-bottom: solid 1px #BCBCBC; color: #BCBCBC; background-color: #f7faf4; padding: 1px; margin: 1px; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;}
			#entry_3:focus {background-color: #f7faf4; color: #898989; outline: none; font-size: 12px;}
			.button {cursor: pointer; border: none; background: none; width: 60px;  color: #BCBCBC; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; text-decoration: underline;}
			.button:hover {background-position: 0 -18px; color: #3a3a3a;}
		
	#intro {width: 420px; padding-bottom: 8px; margin: 0 auto; clear: left;}
		#intro a {text-decoration: none; color: #3a3a3a;}
		#intro a:hover {text-decoration: underline}
		#intro img {padding: 15px 0 15px 0;}
		
		#upcoming li {padding-bottom: 4px;}
		
	.videoshell {width: 100%;}

		#videocontainer {width: 100%; height: 100%; margin: 0 auto;}
		#videocontainer1,
		#videocontainer2 {width: 320px; height: 240px; margin: 0 auto;}
		#videocontainer3 {width: 512px; height: 288px; margin: 0 auto;}
		
		#videocontainer-full {width: 100%; height: 100%; margin: 0 auto;}
		
	#footer {padding-bottom: 48px; margin-top: 32px;}