@charset "UTF-8";
/* CSS Document */


body {
    background-color: #000000;
} 

@font-face {
    font-family: Whipsmart;
    src: url(Whipsmart.ttf);
}
@font-face {
    font-family: Whipsmart;
    src: url(Whipsmart-Bold.ttf);
	font-weight: bold;
}


div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


a {
   outline: 0;
}

map {
    outline: 0;
	cursor:pointer;
} 

area {
   outline: 0;
} 

map: visited {
	outline: none;
	border: none;
	-webkit-outline: none;
} 

#contactUsMap {
	outline: 0;
}

#squareFullMap {
	outline: 0;
} 

/* default link */
a:link {
    color: #FFFFFF;
}
a:active {
    color: #FFFFFF;
}
a:visited {
    color: #FFFFFF;
}
a:hover {
    color: #FFFFFF;
}


/* About Us link */
a.aboutUs:link {
    color: #FFFFFF;
}
a.aboutUs:active {
    color: #FFFFFF;
}
a.aboutUs:visited {
    color: #FFFFFF;
}
a.aboutUs:hover {
    color: #c71700;
}

/* Learn More link */
a.learnMore:link {
    color: #FFFFFF;
}
a.learnMore:active {
    color: #FFFFFF;
}
a.learnMore:visited {
    color: #FFFFFF;
}
a.learnMore:hover {
    color: #c71700;
}


/* Contact Us link */
a.contactUs:link {
    color: #FFFFFF;
}
a.contactUs:active {
    color: #FFFFFF;
}
a.contactUs:visited {
    color: #FFFFFF;
}
a.contactUs:hover {
    color: #7c23e0;
}
a.contactUs:active {
    color: #FFFFFF;
}


/* Sequel Logo */

div.sequelLogoContainer {
	display: block;
	min-width: 1178px;
	margin-top: 45px;
	margin-left: auto;
    margin-right: auto 
}


 .logo {
	display: block; 
/*	height: 89px; 
	width: 297; */
	width: 353px;
	height: 115px; 
	margin: 0 auto; 
}


img.sequelLogo {
	display: block; 
/*	width: 297px;
	height:89px; */
	width: 353px;
	height: 115px; 
	margin-top: 24px;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}



/* Learn more about us text on Home Page */

div.learnMoreText {
	display: block;
	width:430px;
	margin-top: 25px;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
	font-family: Whipsmart;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing:0.3pt;
}


div.learnMoreTextBlack {
	display: block;
	width:430px;
	margin-top: 35px;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
	font-family: Whipsmart;
	font-size: 14px;
	color: #000000;
	letter-spacing:0.3pt;
}


/* Squares Background */


/* on Home Page */
img.squaresFull {
	display: block;
	width: 1178px;
	height: 353px;
	margin-top: 30px;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
	outline: 0;
}


/* Squares on all other pages */
div.squareContainer {
	position:relative;
	display: block;
	width: 1178px;
	height: 353px;
	margin-top: 30px;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

img.squares {
	width: 1178px;
	height: 353px;
}

/* Home Page */
div.squareContainer span.activitySquareSpan {
  position:absolute;
  left: 149px;
  top: 140px;
}

div.squareContainer span.tradeSquareSpan {
  position:absolute;
  left: 335px;
  top: 52px;
}

div.squareContainer span.brandingSquareSpan {
  position:absolute;
  left: 522px;
  top: 126px;
}

div.squareContainer span.marketingSquareSpan {
  position:absolute;
  left: 720px;
  top: 160px;
}

div.squareContainer span.digitalSquareSpan {
  position:absolute;
  left: 902px;
  top: 86px;
}

/* Contact Us Page */
div.squareContainer span.contactSpan {
  visibility:hidden; 
  position:absolute;
  left: 292px;
  top:-28px;
}

/* About Us Page */
div.squareContainer span.aboutSpan {
  visibility:hidden; 
  position:absolute;
  left: 294px;
  top:-76px;
}

/*Activity and Early Learning Pages */
div.squareContainer span.activitySpan {
  position:absolute;
  left: 102px;
  top:-80px;
}

img.activity {
	width: 970px;
	height: 548px;
}

div.squareContainer span.activityPortfolioSpan {
  position:absolute;
  left: 422px;
  top:-34px;
}


img.activityPortfolio {
	width: 577px;
	height: 392px;
}

div.squareContainer span.marketingPortfolioSpan {
  position:absolute;
  left: 417px;
  top:-35px;
}


img.marketingPortfolio {
	width: 587px;
	height: 398px;
}

div.squareContainer span.activityTextSpan {
  position:absolute;
  left: 137px;
  top:48px;
}

img.activityText {
	width: 269px;
	height: 280px;
}


div.squareContainer span.digitalBadgeSpan {
  position:absolute;
  left: 305px;
  top: 330px;
}

img.digitalBadge {
	width: 88px;
	height: 31px;
}

/* About Us and Contact Us text links */

div.container {
	width: 1200px;
	height: 353px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

span.left {
	display: block;
	width: 200px;
	margin-left: 50px;
	text-align: left;
	float: left;
	font-family: Whipsmart;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing:0.3pt;
}

span.right {
	display: block;
	margin-right: 50px;
	align-right;
	width: 200px;
	text-align: right;
	float: right;
	font-family: Whipsmart;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing:0.3pt;
}