body {
    background: rgb(255, 255, 255);
    font: 18px/20px "HelveticaNeue-Thin", Helvetica, Arial, sans-serif;
    color: #fff;
    margin:0px;
    overflow: visible;

}

a:link, a:visited {
    color: rgb(15, 115, 188);
	text-decoration: none;
}

a:hover {
    color: #3b4376;
	text-decoration: underline;
}

h4 {
	margin-bottom: 1px;
    color: #444444;

	        font: 28px "HelveticaNeue-Thin", Helvetica, Arial, sans-serif;

}

h3 {
	margin-bottom: 1px;
    color: #444444;
    font: 28px "HelveticaNeue-Thin", Helvetica, Arial, sans-serif;

}

h3.ipad {
	margin-bottom: 1px;
    color: #444444;
    font: 28px "HelveticaNeue-Thin", Helvetica, Arial, sans-serif;

}

h3.regular {
	margin-bottom: 1px;
    color: #444444;
    font: 28px "HelveticaNeue-Thin", Helvetica, Arial, sans-serif;

}

p {
    color: #111111;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;

}

p.regular {
	padding-top: 10px;
	padding-bottom: 10px;
}

p.ipad {
	padding-top: 10px;
	padding-bottom: 10px;
}

#navigation
{
    position:absolute;
    width: 100%;
    top: 0px;
    
}

#navcontainer
{
    text-align:center;

    left: -35px;
    width: 900px;
    height: 50px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

#nav
{
    float:right;
    margin: 20px;
}

#showcase
{
background: url('showcase.png');
width: 617;
height: 565;
z-index: 10;
position: absolute;
top: 25px;
display: block;
margin-left: auto;
margin-right: auto;
}

#grain
{
background: url('./grain.png');
width: 100%;
height: 100%;


}

#contacttext
{
width:180px;
height:39px;
background: url("../images/contact.png");
background-image: -webkit-image-set(url('../images/contact.png') 1x, url('../images/contact@2x.png') 2x);

}

@media only screen and (min-resolution: 135dpi) { #contacttext { background: url('../images/contact@2x.png'); background-size: 100%;} }


#logo
{
background: url('../images/hcc.png');
background-image: -webkit-image-set(url('../images/hcc.png') 1x, url('../images/hcc@2x.png') 2x);

width: 348px;
height: 48px;
position: absolute;

top: 20px;
left: 20px;

z-index: 100;

}
@media only screen and (min-resolution: 135dpi) { #logo { background: url('../images/hcc@2x.png'); background-size: 100%;} }


	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}


#bodygrad
{
top: 0px;
width: 100%;
height: 1103px;
position: fixed;
float: none;
}
 

#content
{


	position: relative;
	width: 1239px;
	margin: 24px auto;
	color: #404040;
	z-index: 0;
}

#feature
{
	width: 811px;
	height: 565px;
	overflow: hidden;
}

#feature a, #feature b
{
	display: block;
	width: 811px;
	height: 565px;
}

#feature b
{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
}



.screenshotscreen
{
width: 192px;
height: 288px;
position: absolute;
left: 43px;
top: 73px;
}

.screenshot2
{
width: 277px;
height: 485px;
float: left;

position: absolute;

background: url('../images/iphone6.png') no-repeat;
background-image: -webkit-image-set(url('../images/iphone6.png') 1x, url('../images/iphone6@2x.png') 2x);


}

@media only screen and (min-resolution: 135dpi) { .screenshot2 { background-image: url('../images/iphone6@2x.png'); background-size: 100%;} }


#sshint
{
position: absolute;

right: 0px;
top: 0px;

width: 182px;
height: 38px;
float:right;

background: url(images/nav_hint.png);
}

#sscontainer

{
height: 485px;
margin-bottom: -150px;
position: fixed;
top: 40px;
}


#container
{

top: 0px;

color: #E1E6F0;
display: block;

position: relative;

text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
width: 748px;

padding:10px;
left: 245px;

}


#hero
{
z-index: 10;
width:805px;
height:108px;
margin-top: 100px;
background:url('../images/hcc-logo-14.png');
background-image: -webkit-image-set(url('../images/hcc-logo-14.png') 1x, url('../images/hcc-logo-14@2x.png') 2x)
}
@media only screen and (min-resolution: 135dpi) { #hero { background-image: url('../images/hcc-logo-14@2x.png'); background-size: 100%;} }



#footer
{
	padding: 11px;

	clear: both;
}

#footer, #footer a
{
	color: #990000;
}

#ssinfo
{

	font-size: 11pt;

width: 242px;
top: 0px;
margin: 0px;
float: left;
-webkit-transition-property: -webkit-transform, opacity, left;
-moz-transition-property: all;

	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease-in-out;

text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
}

#footer p
{
	float: right;
	margin: 0;
	padding: 0;
}


#about
{
text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
	padding-top: 11px;

	clear: both;
	
	padding-bottom: 0px;
}

hr
{
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid white;

	height: 0px;
	margin-left: -10px;
	margin-right: -10px;
	width: auto;
}
				


#app
{
	padding-top: 11px;

	clear: both;
	padding-right: 20px;
	padding-bottom: 20px;

	
}


.hrule
{
		background: url('../images/hr-2.png');
		background-image: -webkit-image-set(url('../images/hr-2.png') 1x, url('../images/hr-2@2x.png') 2x);
}

	#iphone
					{
					margin: 10px;
					clear: both;
					
					width: 277px;
					height: 485px;
					background: url('../images/iphone6.png');
					background-image: -webkit-image-set(url('../images/iphone6.png') 1x, url('../images/iphone6@2x.png') 2x);

					display: block;
					float: left;
					margin-left: 20px;
					
					}	

@media only screen and (min-resolution: 135dpi) { #iphone { background-image: url('../images/iphone6@2x.png'); background-size: 100%;} }


#overlay
{
position: relative;
float:left;
height: 530px;
}

					#iphoneoverlay
					{
					position: relative;
					margin: 10px;
					
					width: 277px;
					height: 485px;
					background: url('../images/iphone6shad.png');
					background-image: -webkit-image-set(url('../images/iphone6shad.png') 1x, url('../images/iphone6shad@2x.png') 2x);

					display: block;
					float: left;
					margin-left: 20px;
					top: -490px;
					left: -30px;					
					z-index:10;
					}	

@media only screen and (min-resolution: 135dpi) { #iphoneoverlay { background-image: url('../images/iphone6shad@2x.png'); background-size: 100%;} }

					
					#ipad
					{
					margin: 10px;
					clear: both;
					
					width: 699px;
					height: 486px;
					background: url('../images/ipadmini.png');
					background-image: -webkit-image-set(url('../images/ipadmini.png') 1x, url('../images/ipadmini@2x.png') 2x);

					display: block;
					float: left;
					margin-left: 20px;
					
					}

@media only screen and (min-resolution: 135dpi) { #ipad { background-image: url('../images/ipadmini@2x.png'); background-size: 100%;} }

.ipad
{
margin-left: 50px; 
margin-right:50px;
}
						
.screenshot
{
width: 192px;
height: 288px;
z-index: 10;
top: 72px;
left: 43px;
position: relative;

}

.screenshottall
{
width: 192px;
height: 341px;
z-index: 10;
top: 72px;
left: 43px;
position: relative;

}

.screenshotipad
{
width: 512px;
height: 384px;
z-index: 10;
top: 50px;
left: 93px;
position: relative;

}
                    
                    
#support
{
	padding: 11px;

	clear: both;
}

#support p
{
    text-align: center;
	margin: 0;
	padding: 0;
}

#about
{
	
	padding: 11px;

	clear: both;
}

	
#about p
{
	
	left: auto;
	right: auto;
    text-align: center;
	margin: 0;
	padding: 0;
}


#screenshot_speed2ipad
{
background: url('../images/speed_ss_ipad_v4.jpg');
background-image: -webkit-image-set(url('../images/speed_ss_ipad_v4.jpg') 1x, url('../images/speed_ss_ipad_v4@2x.jpg') 2x);
}

@media only screen and (min-resolution: 135dpi) { #screenshot_speed2ipad { background-image: url('../images/speed_ss_ipad_v4@2x.jpg'); background-size: 100%;} }


#screenshot_takeoneipad
{
background: url('../images/takeone_ss_ipad.jpg');
background-image: -webkit-image-set(url('../images/takeone_ss_ipad.jpg') 1x, url('../images/takeone_ss_ipad@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_takeoneipad { background-image: url('../images/takeone_ss_ipad@2x.jpg'); background-size: 100%;} }

#screenshot_graceipad
{
background: url('../images/grace_ss_ipad.jpg');
background-image: -webkit-image-set(url('../images/grace_ss_ipad.jpg') 1x, url('../images/grace_ss_ipad@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_graceipad { background-image: url('../images/grace_ss_ipad@2x.jpg'); background-size: 100%;} }

#screenshot_samegameipad
{
background: url('../images/samegame_ss_ipad.jpg'); 
background-image: -webkit-image-set(url('../images/samegame_ss_ipad.jpg') 1x, url('../images/samegame_ss_ipad@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_samegameipad { background-image: url('../images/samegame_ss_ipad@2x.jpg'); background-size: 100%;} }

#screenshot_storyboardsipad
{
background: url('../images/storyboards_ss_ipad.jpg'); 
background-image: -webkit-image-set(url('../images/storyboards_ss_ipad.jpg') 1x, url('../images/storyboards_ss_ipad@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_storyboardsipad { background-image: url('../images/storyboards_ss_ipad@2x.jpg'); background-size: 100%;} }

#screenshot_lottomachineipad
{
background: url('../images/lottomachine_ss_ipad.jpg'); 
background-image: -webkit-image-set(url('../images/lottomachine_ss_ipad.jpg') 1x, url('../images/lottomachine_ss_ipad@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_lottomachineipad { background-image: url('../images/lottomachine_ss_ipad@2x.jpg'); background-size: 100%;} }


#screenshot_speed2
{
background: url('../images/speed4_ss_tall.jpg');
background-image: -webkit-image-set(url('../images/speed4_ss_tall.jpg') 1x, url('../images/speed4_ss_tall@2x.jpg') 2x);
}

#screenshot_grace
{
background: url('../images/grace_ss_tall.jpg');
background-image: -webkit-image-set(url('../images/grace_ss_tall.jpg') 1x, url('../images/grace_ss_tall@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_grace { background-image: url('../images/grace_ss_tall@2x.jpg'); background-size: 100%;} }

#screenshot_samegame
{
background: url('../images/samegame_ss_tall.jpg');
background-image: -webkit-image-set(url('../images/samegame_ss_tall.jpg') 1x, url('../images/samegame_ss_tall@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_samegame { background-image: url('../images/samegame_ss_tall@2x.jpg'); background-size: 100%;} }

#screenshot_speed
{
background: url('../images/speed_ss.jpg');
background-image: -webkit-image-set(url('../images/speed_ss.jpg') 1x, url('../images/speed_ss@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_speed { background-image: url('../images/speed_ss@2x.jpg'); background-size: 100%;} }

#screenshot_lottomachine
{
background: url('../images/lotto_ss_tall.jpg');
background-image: -webkit-image-set(url('../images/lotto_ss_tall.jpg') 1x, url('../images/lotto_ss_tall@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_lottomachine { background-image: url('../images/lotto_ss_tall@2x.jpg'); background-size: 100%;} }

#screenshot_lightsoff
{
background: url('../images/lightsoff_ss_tall.jpg');
background-image: -webkit-image-set(url('../images/lightsoff_ss_tall.jpg') 1x, url('../images/lightsoff_ss_tall@2x.jpg') 2x);
}
@media only screen and (min-resolution: 135dpi) { #screenshot_lightsoff { background-image: url('../images/lightsoff_ss_tall@2x.jpg'); background-size: 100%;} }

					-->