@font-face
{
font-family: pixelFont;
src: url('LLPIXEL_.ttf') format("truetype");
}
@font-face
{
font-family: webosFont;
src: url('Prelude-Medium.ttf') format("truetype");
}
@font-face
{
font-family: webosFont;
src: url('Prelude-MediumOblique.ttf') format("truetype");
font-style: italic, oblique;
}
@font-face
{
font-family: webosFont;
src: url('Prelude-Bold.ttf') format("truetype");
font-weight: bold;
}
@font-face
{
font-family: webosFont;
src: url('Prelude-BoldOblique.ttf') format("truetype");
font-weight: bold;
font-style: italic, oblique;
}
@font-face
{
	font-family: lazFont;
	src: url('Crystal_Deco.ttf') format("truetype");
}



body{
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, serif;
	background: #000000;
	/*letter-spacing: 0.03em;*/
	margin-left: 10%;
	margin-right: 10%;
	padding: 0;
	text-align: left;
	font-family:webosFont;
	
	/*text-align: center;*/
        /*background: url(images/bg.gif);*/
;}

p {
	margin: 5px 0px;
	/*line-height:1.4em;*/
}

a{
	color: #000000;
	padding-bottom: 1px;
                text-decoration: none;
}

a:hover {
	/*color: #1589FF!important;*/
	color:#E41B17;
	/* text-decoration: underline; */
/*              text-decoration: underline;*/
/*	background: url(images/background_h3_over.gif) repeat-x bottom;*/
}



.logo {
	text-align: center ;
}



.shell {
	border:2px double;
	padding: 5px;
	margin: 5px;
	margin-bottom:30px;
	/*background-color:#202020;*/
	background-color:#222222;
	
	/*
	text-align:center; 
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1;
	color:#ffffff;
	*/
}

.shell-title {
	text-align:center;
	font-size:25;
	height:30;
	font-family:pixelFont;
	font-weight: bold;
	
	/*
	text-align:center; 
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1;
	color:#ffffff;
	*/
}

.shell-image-roku {
	position:absolute;
	margin-top:-40px;
	/*right:60px;*/
	right:5%;
}

.shell-image-ios {
	position:absolute;
	margin-top:-50px;
	/*right:145px;*/
	right:12%;
}

.shell-image-web {
	position:absolute;
	margin-top:-40px;
	/*right:155px;*/
	right:12%;
}

.shell-image-games {
	position:absolute;
	margin-top:-60px;
	/*right:160px;*/
	right:12%;	
}

.shell-image-me {
	position:absolute;
	margin-top:-30px;
	/*right:100px;*/
	right:6%;
}




.shell-image-programs {
	position:absolute;
	margin-top:-80px;
	right:11%;
}




.shell-title img {
	z-index:1;
	margin-top:0px;
}

.class-me {
	background-color:#FF0000;
}

.class-games {
	background-color:#00FF00;
}

.class-roku {
	background-color:#800080;
}

.class-ios {
	background-color:#C0C0C0;
}

.class-web {
	background-color:#00FFFF;
}

.class-programs {
	background-color:#0000AA;
}





.shell-content {
	font-size:15;
	margin:10px;
	text-align:center; 
	
	/*
	text-align:center; 
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1;
	color:#ffffff;
	*/
}


/*
.shell-content a{
	color: #FFFFFF;
}
*/


.shell-content-ios{
	padding:5px;
}

.shell-content-ios img{
	height:150px;
	margin-left:5px;
	margin-right:5px;
	background-color:#FFFFFF;
	border:10px double;
}







.shell-content-roku{
	padding:5px;
	text-align:center;
}

/*
.shell-content-roku img{
	height:100px;
	margin-left:5px;
	margin-right:5px;
	background-color:#FFFFFF;
	border:10px double;
}
*/




.info-roku{
	/*min_height:150px;*/
	height:200px;
	margin-top:15px;
	margin-bottom:15px;
	width:50%;
	background-color:#000000;
	border:5px inset;
	/*float:left;*/
	padding:5px;
    margin-left:auto;
    margin-right:auto;
    
    /*min-width:600px;
    max-width:600px;*/
    width:600px;
	/*margin-right:10px;*/
}

.isIE .info-roku{
    width:605px;
}

.info-roku img{
    height:200px;
    float:left;
}



.info-ios{
	height:125px;
	margin-top:15px;	
	margin-bottom:15px;
	/*width:50%;*/
	/*width:100px;*/
	width:375px;
	background-color:#000000;
	border:5px inset;
	/*float:left;*/
	padding:5px;
    margin-left:auto;
    margin-right:auto;
    /*min-width:400px;*/
    max-width:400px;
	
	
}

.isIE .info-ios{
	width:385px;
}


.info-ios img{
	float:left;
	height:127px;
}





.info-roku-text{
    background-color:#463E3F;
    float:right;
    width:235px;
    /*height:190px;*/
    height:95%;
    border-radius:10px;
    padding:5px;
    position:relative;
}

.info-roku-text img{
    width:auto;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    float:none;
    position:absolute;
    bottom:5px;
    left:60px;
}

.info-roku-text a{
	color: #FFFFFF;
	padding-bottom: 1px;
    text-decoration: none;
}

.info-roku-text a:hover {
	color:#E41B17;
}






.img-div-roku {
	clear:both;
}

.img-div-roku img{
	height:100px;
	margin-left:5px;
	margin-right:5px;
	background-color:#FFFFFF;
	border:10px double;
}



.asSeenIn-roku{
	background-color:#463E3F;
	border:5px inset;
	margin-top:20px;
	margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:75%;
    padding:10px;
}

.asSeenIn-roku a{
	color: #FFFFFF;
	padding-bottom: 1px;
    text-decoration: none;
}

.asSeenIn-roku a:hover {
	color:#E41B17;
}





.web2-logo {
	text-align:center;
	font-size:110;
	font-family:lazFont;
	font-weight: bold;
	color:#FFFFFF;
	
	/*
	text-align:center; 
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1;
	color:#ffffff;
	*/
}

.web2-logo a{
	color:#FFFFFF;
}











.shell-last{
	margin-bottom:30px;
}


.footer {
	text-align:center;
	position:fixed;
	left:0px;
	bottom:0px;
	height:20px;
	width:100%;
	color:#ffffff;
	padding-top:5px;
	background-color:#000000;
	z-index:1;
}

.footer a{
	color: #FFFFFF;
	padding-bottom: 1px;
                text-decoration: none;
}

.footer a:hover {
	color:#E41B17;
}