﻿#Breadcrumbs { display:none; }

a > img { border-width:0px;	} /* IE fix: don't draw a border around hyperlinked images! */

#homepage	/* div everything on the home page is in */
{
	margin-top:-20px;
}

.character  /* the character to the left */
{
	/*position:static; top:0px; left:0px; float:left; z-index:100;
	width:254px; height:500px; background-position:top; background-repeat:no-repeat; background-color:transparent;*/
	
	position:relative; top:-75px; left:-75px; z-index:100; float:left;
	width:254px; height:475px; background-position:top; background-repeat:no-repeat; background-color:transparent;
	z-index:4;
}

.slogan		/* The site's slogan to the top-right */
{
	position:relative; top:60px; right: 10px; float:right;
}

.headtext 
{
	font-size:16pt; font-variant:small-caps; color: rgb(205, 205, 205); font-weight:bold;
	text-shadow: 6px 10px 4px rgba(200, 200, 200, 0.55); letter-spacing: 8px;
}

.content1	/* The div that contains the content copy.  This is where the character's background is. */
{
	position:relative; top:90px; left:80px; height:400px; width:850px;
	z-index:10;
	background-position:top; background-repeat:no-repeat; background-color:transparent;
	border-top-right-radius:5px; border-bottom-right-radius:30px;
}

.content2,.backgroundcolor	/* The div that fuzzes out the character's background and houses the text copy. */
{
	height:400px; width:850px;
	border-top-right-radius:5px; border-bottom-right-radius:30px;
	position:fixed; top:0px; left:0px;
}
.content2{
	margin-top:-400px;
	z-index:5;position:relative;
}
.content2 > .textcontent > div { z-index:5; }

.backgroundcolor{
	background-color:rgba(0, 45, 58, 0.68);
	position:relative; top:0px; left:0px;
}

.textcontent	/* This is where the inner text columns begin. */
{
	padding-top:10px; font-size:8pt; margin-right:-140px; /* Negative margin so the columns don't wrap */
	position:relative; top:0px; left:-120px; color: White;
}






/*
	******************************************
	******************************************

				TEXT COLUMNS

	******************************************
	******************************************

*/


.col			/* One of the three main columns atop the character's background. */
{
	float:left; width:220px; height:385px; overflow:hidden;
	padding-left:10px; vertical-align:middle;
}

.colheader
{
	display:block; font-size:15pt; font-weight:bold; margin-top:10px; margin-bottom: 10px; color:rgb(141, 219, 255);font-variant:small-caps;
	border-bottom:1px dotted rgba(255, 222, 10, 0.35);
}

.col1 { padding-left:0px !important; }

.col1, .col2
{
	padding-right:10px; border-right:1px solid rgba(200,200,200,0.75);
}

.col2, .col3 { margin-top: -16px; }		/* Fixes vertical alignment relative to the first column */


.appstores 
{
	text-align:center; display:block; margin-top:30px;
}

.appstores > img
{
	padding:5px;
}

.col > .right { display:block; text-align:right; padding-right: 35px; margin-top:25px; }
.col a { color: gold !important; }








.newcarts{margin-top:105px;}