<!--

A:         { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 10pt; color: #990000; text-decoration: underline; font-weight: normal;}
A:link     { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 10pt; color: #990000; text-decoration: underline; font-weight: normal;}
A:visited  { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 10pt; color: #990000; text-decoration: underline; font-weight: normal;}
A:hover    { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 10pt; color: #3268B5; text-decoration: underline; font-weight: normal;}
				
td     { font-family: Arial, Verdana, Helvetica; font-size: 14pt; color: #666666; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: 1px 1px 0px #cccccc;}

p     { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 14pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }

.post h3  { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }

.widget h2 { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 12pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }

h2 span { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 12pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }


.comments h4  { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }


.post  { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }

#about     { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: white; font-weight: normal; font-style: normal; text-decoration: none; text-shadow: none; }

.feed-links { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }

.post-count { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: #646464; font-weight: normal; font-style: normal; text-decoration: none; }

.post-title a  { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 12pt; color: #990000; text-decoration: normal; font-weight: normal;}

.post-title  A:link     { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 12pt; color: #990000; text-decoration: normal; font-weight: normal;}
.post-title  A:visited  { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 12pt; color: #990000; text-decoration: normal; font-weight: normal;}
.post-title  A:hover    { font-family: Myriad Pro,Arial, Verdana, Helvetica; font-size: 12pt; color: #3268B5; text-decoration: normal; font-weight: normal;}

.zippy { font-family: Myriad Pro, Arial, Verdana, Helvetica; font-size: 10pt; color: #333333; font-weight: normal; font-style: normal; text-decoration: none; }


.post-footer {
background: 
#ffffff;
margin: 0;
padding-top: 2px;
padding-right: 14px;
padding-bottom: 2px;
padding-left: 14px;
padding-bottom: 30px;
background: url('http://www.highcaffeinecontent.com/footer.png') no-repeat;
background-position: center bottom;
border-width: 1px;
font-size: 100%;
line-height: 1.5em;
color: 
#666666;
}

blockquote {
background: rgba(255,255,255,0.7) url('http://www.highcaffeinecontent.com/blockquote.png') no-repeat;
-webkit-border-radius: 5px;
box-shadow: 0 1px 0px rgba(255, 255, 255, 0.7) ;

}

blockquote p {
	padding: 7px;
padding-left: 27px;
}

.blog-feeds
{
display: none;
}

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


#logo
{
background: url('https://lh5.googleusercontent.com/-G8H4iZHSSkA/UKOK9l5fAEI/AAAAAAAAA08/zvJzp-l1s5s/s348/hcc.png');
background-image: -webkit-image-set(url('https://lh5.googleusercontent.com/-G8H4iZHSSkA/UKOK9l5fAEI/AAAAAAAAA08/zvJzp-l1s5s/s348/hcc.png') 1x, url('https://lh6.googleusercontent.com/-9Cvp0RJlMkI/UKOK9eeZdhI/AAAAAAAAA04/Nd7BIWrLTos/s696/hcc%25402x.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('https://lh6.googleusercontent.com/-9Cvp0RJlMkI/UKOK9eeZdhI/AAAAAAAAA04/Nd7BIWrLTos/s696/hcc%25402x.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;}


body{ 
/*
background: url("../images/bg.png") repeat;
 -webkit-gradient(linear, left top, left bottom, from(rgb(57, 64, 72)), to(rgb(59, 67, 76))) ;		 
background-attachment: fixed;*/

	background-color: #000000;
	/* background: url('../images/bg.jpg') repeat-x;*/
	height: 100%;

 }

#bodygrad
{
top: 0px;
width: 100%;
height: 1103px;
/*background: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 27, 29, 0.7)), to(rgba(19, 27, 29, 0.0))) ;*/

background: url('../images/bg.jpg') repeat-x 50% 0;
position: fixed;
float: none;
}
 

#content
{

	padding: 20px;
	position: relative;
	width: 1239px;
	margin: 24px auto;
	font: normal 12px/16px Helvetica, Arial, sans-serif;
	color: #404040;
	z-index: 0;
}

p
{
	margin: 16px 0;
}

p.caption
{
	font-style: italic;
	margin-top: -16px;
	color: #808080;
}


a:link, a:active, a:visited, a:hover
{
	color: #616161;
	text-decoration: none;
}

#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;
}


/*
hr
{
	background: url('../images/hr.png');
	padding: 20px;
	width: 48px;
	height: 9px;
}
*/


h2, h2 a:link, h2 a:visited
{
	font: bold 23px/32px Helvetica, Arial, sans-serif;
	text-indent: -2px;
	color: #000;
}

h2 a:hover
{
	color: #616161;
}

h3
{
	color: #000;
	font: bold 18px Helvetica, Arial, sans-serif;
	margin: 16px 0;
}

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

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

position: absolute;

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


-webkit-transition-property: all;
-moz-transition-property: all;

	-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out; /* equivalent to ease-in-out */
	/*
-webkit-perspective-origin-y: 200px;
-webkit-perspective-origin-x: 200px;
*/

/* -webkit-transform: scale3d(1.0, 1.0, 1.0); */
}

@media only screen and (min-resolution: 135dpi) { .screenshot2 { background-image: url('../images/iphone4@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;
}

#container2
{

-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7) ;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7) ;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7) ;

/* When inset is supported... inset 0px 1px 2px rgba(0, 0, 0, 0.2) */

background: rgb(242, 242, 242) ;

/* -webkit-gradient(linear, 0% 0%, 0% 2%, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.0))) ; */


border: 1px solid rgb(170, 173, 178);
padding: 10px;

}

#container
{

top: 0px;

-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 20px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 20px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;
background-attachment: scroll;
background-clip: border-box;
background-color: #E1E6F0;
background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAF2CAYAAACvRfJEAAACBklEQVR42nXVZVsiARQG0Lvd3d3d3d3d3d29goJNN6ISxqqIigqC+gd378zsO3N98Mv5C4cizYMDVGRr0eknk0ZekhuOPpAlk711CBlJrwGzRg/oBukCdJHZ0abQWYAOJmWgWKMdJJk2I06VVtAi+QOaqcSZ1GliGkGDEVcyAeKSGBMli5F6UMfUksXdrhNhaiRhsmqEmKAkwPjJ6knp+BivxEOlnpQbuCROKvOmHMAObP/pqAZVTCWooHKfSjkoA6XAylhAiUqFv7MYmIGJKZL8Zn4xP1UqA10KP5jv4BvzVfKF+cx8oqqggY/MB/D+H2mFd8xb8IaqQ+nXklfMSxVbKP0CPGeegadkC3c/kTxmHqnYw90PwQPmvkZNzz3mruQOc5scGreYm+CGRqTnOnNNcpW5Qs5Ir8Jl5hK4SM5alQvMeck5ctX2nmXOSE4zp8hVl1E4yZww4K7LHGeOMUclR8hdnz0MDoGDKp767AGwn9kH9pJXYw/YDXaRN9qnsJPZAbar+KJ928BWsIXZTL6YgU1gI7OB/LGcznpmnWQt+eO5NZLVzCqwkgLxvM4KZrlkGQUS+aVgiWQxBRP5RZKFYIFGQ7/CfDCPmSuZQyGN2ZJZYKaBcKPKDGY6mCYYUJjKTCnAZDCJapqGMhFMAOMFgwrjJGMLMIbjUxg9HKMkI8GIYfkL92YMTNZO52kAAAAASUVORK5CYII=) ;
background-repeat: repeat-x;
background-origin: padding-box;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #E1E6F0;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14p;

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

padding:10px;
left: 245px;

}

#containerblog
{

top: 0px;

-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 20px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;
box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 20px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;
background-attachment: scroll;
background-clip: border-box;
background-color: #E1E6F0;
background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAF2CAYAAACvRfJEAAACBklEQVR42nXVZVsiARQG0Lvd3d3d3d3d3d29goJNN6ISxqqIigqC+gd378zsO3N98Mv5C4cizYMDVGRr0eknk0ZekhuOPpAlk711CBlJrwGzRg/oBukCdJHZ0abQWYAOJmWgWKMdJJk2I06VVtAi+QOaqcSZ1GliGkGDEVcyAeKSGBMli5F6UMfUksXdrhNhaiRhsmqEmKAkwPjJ6knp+BivxEOlnpQbuCROKvOmHMAObP/pqAZVTCWooHKfSjkoA6XAylhAiUqFv7MYmIGJKZL8Zn4xP1UqA10KP5jv4BvzVfKF+cx8oqqggY/MB/D+H2mFd8xb8IaqQ+nXklfMSxVbKP0CPGeegadkC3c/kTxmHqnYw90PwQPmvkZNzz3mruQOc5scGreYm+CGRqTnOnNNcpW5Qs5Ir8Jl5hK4SM5alQvMeck5ctX2nmXOSE4zp8hVl1E4yZww4K7LHGeOMUclR8hdnz0MDoGDKp767AGwn9kH9pJXYw/YDXaRN9qnsJPZAbar+KJ928BWsIXZTL6YgU1gI7OB/LGcznpmnWQt+eO5NZLVzCqwkgLxvM4KZrlkGQUS+aVgiWQxBRP5RZKFYIFGQ7/CfDCPmSuZQyGN2ZJZYKaBcKPKDGY6mCYYUJjKTCnAZDCJapqGMhFMAOMFgwrjJGMLMIbjUxg9HKMkI8GIYfkL92YMTNZO52kAAAAASUVORK5CYII=) ;
background-repeat: repeat-x;
background-origin: padding-box;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #E1E6F0;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14p;

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

padding:10px;

 margin-left: auto ;
  margin-right: auto ;

}

#aboutcontainer
{

top: 300px;

-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 20px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;
background-attachment: scroll;
background-clip: border-box;
background-color: #E1E6F0;
background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAF2CAYAAACvRfJEAAACBklEQVR42nXVZVsiARQG0Lvd3d3d3d3d3d29goJNN6ISxqqIigqC+gd378zsO3N98Mv5C4cizYMDVGRr0eknk0ZekhuOPpAlk711CBlJrwGzRg/oBukCdJHZ0abQWYAOJmWgWKMdJJk2I06VVtAi+QOaqcSZ1GliGkGDEVcyAeKSGBMli5F6UMfUksXdrhNhaiRhsmqEmKAkwPjJ6knp+BivxEOlnpQbuCROKvOmHMAObP/pqAZVTCWooHKfSjkoA6XAylhAiUqFv7MYmIGJKZL8Zn4xP1UqA10KP5jv4BvzVfKF+cx8oqqggY/MB/D+H2mFd8xb8IaqQ+nXklfMSxVbKP0CPGeegadkC3c/kTxmHqnYw90PwQPmvkZNzz3mruQOc5scGreYm+CGRqTnOnNNcpW5Qs5Ir8Jl5hK4SM5alQvMeck5ctX2nmXOSE4zp8hVl1E4yZww4K7LHGeOMUclR8hdnz0MDoGDKp767AGwn9kH9pJXYw/YDXaRN9qnsJPZAbar+KJ928BWsIXZTL6YgU1gI7OB/LGcznpmnWQt+eO5NZLVzCqwkgLxvM4KZrlkGQUS+aVgiWQxBRP5RZKFYIFGQ7/CfDCPmSuZQyGN2ZJZYKaBcKPKDGY6mCYYUJjKTCnAZDCJapqGMhFMAOMFgwrjJGMLMIbjUxg9HKMkI8GIYfkL92YMTNZO52kAAAAASUVORK5CYII=) ;
background-repeat: repeat-x;
background-origin: padding-box;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #E1E6F0;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14p;

position: relative;
text-rendering: optimizelegibility;
text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
width: 748px;

padding:10px;
padding-top: 120px;

}

#hero
{
z-index: 10;
width:912px;
height:499px;
background:url('https://lh6.googleusercontent.com/-88FOfP-fw08/UKOK9d_NAlI/AAAAAAAAA1A/iPczL6cR6DI/s886/hero_2011.png');
background-image: -webkit-image-set(url('https://lh6.googleusercontent.com/-88FOfP-fw08/UKOK9d_NAlI/AAAAAAAAA1A/iPczL6cR6DI/s886/hero_2011.png') 1x, url('https://lh4.googleusercontent.com/-4kLQKAt-5jE/UKOK-V-bhOI/AAAAAAAAA1E/BXrFlZhUOTg/s1772/hero_2011%25402x.png') 2x);
background-size: 100%;
}
@media only screen and (min-resolution: 135dpi) { #hero { background-image: url('https://lh4.googleusercontent.com/-4kLQKAt-5jE/UKOK-V-bhOI/AAAAAAAAA1E/BXrFlZhUOTg/s1772/hero_2011%25402x.png'); background-size: 100%;} }


#herocontainer
{

/* padding: 10px; */

/* -webkit-border-image: url('../images/box.png') 26 26 26 26 stretch stretch; */
/*
-moz-border-image: url('../images/box.png') 32 32 32 32 stretch stretch;
-border-image: url('../images/box.png') 32 32 32 32 stretch stretch;
*/

/*
border: 26px solid black;

background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAF2CAYAAACvRfJEAAACBklEQVR42nXVZVsiARQG0Lvd3d3d3d3d3d29goJNN6ISxqqIigqC+gd378zsO3N98Mv5C4cizYMDVGRr0eknk0ZekhuOPpAlk711CBlJrwGzRg/oBukCdJHZ0abQWYAOJmWgWKMdJJk2I06VVtAi+QOaqcSZ1GliGkGDEVcyAeKSGBMli5F6UMfUksXdrhNhaiRhsmqEmKAkwPjJ6knp+BivxEOlnpQbuCROKvOmHMAObP/pqAZVTCWooHKfSjkoA6XAylhAiUqFv7MYmIGJKZL8Zn4xP1UqA10KP5jv4BvzVfKF+cx8oqqggY/MB/D+H2mFd8xb8IaqQ+nXklfMSxVbKP0CPGeegadkC3c/kTxmHqnYw90PwQPmvkZNzz3mruQOc5scGreYm+CGRqTnOnNNcpW5Qs5Ir8Jl5hK4SM5alQvMeck5ctX2nmXOSE4zp8hVl1E4yZww4K7LHGeOMUclR8hdnz0MDoGDKp767AGwn9kH9pJXYw/YDXaRN9qnsJPZAbar+KJ928BWsIXZTL6YgU1gI7OB/LGcznpmnWQt+eO5NZLVzCqwkgLxvM4KZrlkGQUS+aVgiWQxBRP5RZKFYIFGQ7/CfDCPmSuZQyGN2ZJZYKaBcKPKDGY6mCYYUJjKTCnAZDCJapqGMhFMAOMFgwrjJGMLMIbjUxg9HKMkI8GIYfkL92YMTNZO52kAAAAASUVORK5CYII=);

background-origin: padding-box;
background-clip: border-box;
background-color: #E1E6F0;

*/

top: 60px;

-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 20px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;
background-attachment: scroll;
background-clip: border-box;
background-color: #E1E6F0;
background-repeat: repeat-x;
background-origin: padding-box;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #E1E6F0;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14p;

position: relative;
text-rendering: optimizelegibility;
text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
width: 768px;

	padding-top: 40px;

background: url('../images/hero-speed.png') no-repeat;
height: 378px;

}

#footer
{
	padding: 11px;
	font: bold 16px/16px Helvetica, Arial, sans-serif;
	clear: both;
}

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

#ssinfo h3
{

	font-size: 16pt;

}

#ssinfo
{
	font-family: Myriad Pro;
	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;
	font: bold 16px Helvetica, Arial, sans-serif;
	clear: both;
	
	padding-bottom: 0px;
}

#about a
{
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #990000;
}

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

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

#news
{

	padding-left: 11px;
	font: bold 16px Helvetica, Arial, sans-serif;
	clear: both;


}

#news a
{
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #990000;
}

#grace
{
	background: url('grace.png');
	width: 109px;
	height: 82px;
	float: left;
	margin-bottom: 11px;
	margin-right: 11px;

}
					
					
#profile
{
	margin: 10px;
	clear: both;
	width: 80px;
	height: 80px;
	background: url('../images/avatar_80.jpg');
	display: block;
	float: left;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 10px 0px, rgba(255, 255, 255, 0.296875) 0px 1px 0px 0px inset;

}		

#app
{
	padding-top: 11px;
	font: bold 16px Helvetica, Arial, sans-serif;
	clear: both;
	padding-right: 20px;
	padding-bottom: 20px;

	
}

#app a
{
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #990000;
}


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

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

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


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

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

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

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

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

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

@media only screen and (min-resolution: 135dpi) { #ipad { background-image: url('../images/ipad2@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;

}

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

}
                    
                    
#support
{
	padding: 11px;
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	clear: both;
}

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

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