/*===============================
Coding by Skinny Pixel Technologies Inc.
940356 Old Nassauville Road
Fernandina Beach, Fl  32034
(904) 624-0123
sales@skinnypixel.com
www.skinnypixel.com
=================================*/
/*
STYLE GUIDE
--------------------------------------------------
--------------------------------------------------

COLORS
Kidspeak logo colors:
Blue:
Red:
Green:  Font Green:
H1 titles - blue #069
P - Grey #616161
Links and Reds - #C00
--------------------------------------------------
FONT INFO
Main Font - Trebuchet MS
--------------------------------------------------
DIV WIDTHS
wrapper 1103px
header 251px h
right-links-content 250px
lower-left-boxLeft 210
lower-left-boxRight 210
footer-text 450

Header Pictures for 
Home Page = 721w X 315
Content Pages = 710w X 189
Home Page three pix = 225 X 186
--------------------------------------------------
--------------------------------------------------
/*

CSS FIX
--------------------------------------------------*/

#clearing {
	clear: both;
}
.clearing {
	clear: both;
}
.block {
	display: block;
}

/*
MOBILE
--------------------------------------------------*/
#mobi {
	display: none;
	background-color: #F00;
	background-image: url(../Images/mobi/go-to-mobi.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 150px;
	position: absolute;
	left: 500px;
	top: 100px;
	z-index: 50;
}
/*
HTML
--------------------------------------------------*/
body {
		background-image: url(../Images/global/bg/mainBg.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		margin: 0px;
		height: 100px;
}
p {
	margin: 0px;
	font-size: 1.0em;
	color:  #121212;
}
h1 {
		font-size: 1.3em;
		font-weight: bold;
		color: #039;
		margin-top: 0px;
		margin-bottom: 1px;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #039;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul {
		font-size: 1.1em;
		color:  #121212;
}

h3 {
	margin-top: 3px;
	margin-bottom: 10px;
	color: #C00;
}
a:link {
	color: #C00;
	text-decoration: none;
	}
a:visited {
	color: #C00;
	text-decoration: none;	
	}
a:hover {
	color: #C00;
	text-decoration: underline;
		}
a:active {
		} 
img { 
border: none;
} 
.smallText {
	font-size: 0.80em;
}
.redText {
	color: #DA0000;
	font-size: 1.10em;
}


/*
Wrappers
--------------------------------------------------*/
#wrapper {
	width: 1103px;
	min-height:100%;
    position:relative;
	margin-right: auto;
	margin-left: auto;
}
#wrapper22 {
	width: 1103px;
	min-height:100%;
    position:relative;
	margin-right: auto;
	margin-left: auto;
}
#pageWrapper {
	width: 100%;
	min-height:500px;
	margin-right: auto;
	margin-left: auto;
}
#content-wrapper {
	width: 775px;
    margin-left: 90px;
}
/*
NavBar Top
--------------------------------------------------*/
.navtext {
	font-size: 1.25em;
	color: #666;
	text-align: center;
}
#NavHome {
	width: 234px;
	position: absolute;
	left: 87px;
	top: 88px;
	height: 132px;
	z-index: 100;
	}
#NavOne {
	width: 100px;
	position: absolute;
	left: 349px;
	top: 90px;
}
#NavTwo {
	width: 100px;
	position: absolute;
	left: 472px;
	top: 82px;
}
#NavThree {
	width: 100px;
	position: absolute;
	left: 592px;
	top: 74px;
}
#NavFour {
	width: 100px;
	position: absolute;
	left: 726px;
	top: 62px;
	}
	.topZindex {
	z-index: 10;
}

/*
Headers
--------------------------------------------------*/
#header {
	height: 251px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../Images/global/headers/main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	font-size: 1em;
}
#contentHeader {
	height: 283px;
	width: 100%;
}
#contentHdPic {
	float: left;
	height: 283px;
	width: 412px;
}
/*
About Us Headers
--------------------------------------------------*/
#contentHdPicAbout {
	float: left;
	height: 283px;
	width: 347px;
}
#contentHdRightAbout {
	float: right;
	height: 280px;
	width: 410px;
	padding-left: 10px;
	margin-left: 5px;
	background-image: url(../Images/aboutUs/card.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#contentHdRhtaboutTxt{
	height: 150px;
	width: 375px;
	margin-top: 50px;
	margin-left: 10px;
	font-weight: bold;
	color: #0A4A91;
	font-size: 1.2em;
	text-align: left;
}
#contentHdRightAbout2 {
	float: right;
	height: 243px;
	width: 335px;
	padding-left: 10px;
	margin-left: 5px;
	background-image: url(../Images/aboutUs/Hello.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#contentHdRhtaboutTxt2{
	height: 150px;
	width: 275px;
	margin-top: 75px;
	margin-left: 10px;
	font-weight: bold;
	color: #0A4A91;
	font-size: 1.35em;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	word-spacing: .1em;
}
#contentHdRight {
	background-color: #9EB6D2;
	float: left;
	height: 196px;
	width: 340px;
	margin-top: 40px;
	border: 1px solid #0A4A91;
	padding: 10px;
}
#contentHeaderTwo {
	width: 754px;
}
#LowerTitleHeaders {
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	color: #0D4D94;
	background-color: #BCCDE1;
	border: 1px solid #07468B;
	padding: 10px;
	margin-top: 25px;
}
/*
Content Areas
--------------------------------------------------*/
#ContentOne{
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 40px;
}
#ContentTwo {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
}
#ContentThree {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
}
#ContentHalfBox {
	float: left;
	width: 350px;
}
.ContentHalfBox {
		float: left;
		width: 355px;
}
/*
Home
------------------------------------------------*/
#ContentOneHome{
	width: 725px;
	padding-top: 25px;
	margin-left: 25px;
}
/*
FAQ
------------------------------------------------*/
#FAQcontentWrapper {
	width: 550px;
	margin-top: 95px;
	margin-left: 115px;
	font-size: 0.75em;
	max-height: 800px;
	overflow: auto;
	overflow-x: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#FAQcontentOne {
	width: 95%;
	padding: 4px;
}
/*
Notebook FAQ
------------------------------------------------*/
#main {
	width: 755px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
#notebookTop {
	margin-left: 1px;
	margin-top: 1px;
	display: inline;
	float: left;
	height: 9px;
	margin-bottom: 0;
	width: 747px;
}
#notebookLeft {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 942px;
	margin-bottom: 0;
	width: 11px;
}
#notebookCenter {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 942px;
	margin-bottom: 0;
	width: 731px;
	background-image: url(../Images/fireworks/notebookImages/notebookCenter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 1.25em;
}
#notebookFire_r2_c3 {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 942px;
	margin-bottom: 0;
	width: 10px;
}
#notebookbottom {
	margin-left: 2px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 10px;
	margin-bottom: 0;
	width: 743px;
}
/*
About Us Page
------------------------------------------------*/
#ContentOneAboutUs{
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 40px;
	min-height: 400px;
}

/*
Testimonials - For pages
------------------------------------------------*/
#testimonials {
	background-image: url(../Images/global/testi/testimonialBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 281px;
	width: 569px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	margin-top: 50px;
	clear: both;
}
#testimonialText {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: 1em;
	font-family: "Comic Sans MS";
	color: #333;
	margin-top: 25px;
}
/*
Testimonials - Main Page
------------------------------------------------*/
#TstWrapper {
	background-image: url(../Images/testimonials/TestiBg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 273px;
	width: 788px;
	padding-top: 15px;
}
#TstWrapperTop {
	background-image: url(../Images/testimonials/TestiBg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 273px;
	width: 788px;
	padding-top: 15px;
	margin-top: 25px;
}
#TstContent {
	width: 650px;
	margin-left: 125px;
	margin-top: 25px;
	font-size: 1.15em;
	color: #036;
	height: 200px;
	overflow: auto;
	padding-right: 2px;
}
#TstLowerTitle {
	width: 775px;
	font-size: 1em;
	font-weight: bold;
	color: #0D4D94;
	background-color: #BCCDE1;
	border: 1px solid #07468B;
	padding: 10px;
	margin-top: 25px;
}

/*
Contact Us Structure 
Note: Contact Us - Services - Testimonials - all use ContactMainWrapper
--------------------------------------------------*/
#ContactMainWrapper {
	width: 810px;
    margin-left: 65px;
}

#ContactWrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#ContactQuadWrapper  {
	width: 100%;
	margin-top: 25px;
}
#ContactQuadWrapper2  {
	width: 100%;
}
#ContactQuadLftTop {
	background-image: url(../Images/contactUs/indxCrd1.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 231px;
	width: 400px;
	position: relative;
}
#ContactQuadRghtTop {
	background-image: url(../Images/contactUs/indxCrd2.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 231px;
	width: 400px;
	position: relative;
}
#ContactQuadLftLower {
	background-image: url(../Images/contactUs/indxCrd2.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 231px;
	width: 400px;
}
#ContactQuadRghtLower {
	background-image: url(../Images/contactUs/indxCrd1.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 231px;
	width: 400px;
	position: relative;
}
/*
Contact Us Content
--------------------------------------------------*/
#ContactCnt-Left {
	float: left;
	width: 100px;
	margin-top: 35px;
	margin-left: 20px;
	text-align: center;
}
.ContactCnt-Left {
	float: left;
	width: 100px;
	margin-top: 35px;
	margin-left: 20px;
	text-align: center;
}
#ContactCnt-Right {
	float: right;
	width: 240px;
	margin-top: 75px;
	text-align: center;
	margin-right: 25px;
}
.ContactCnt-Right {
	float: right;
	width: 240px;
	margin-top: 75px;
	text-align: center;
	margin-right: 25px;
}
#ContactCntRghtMap {
	float: right;
	width: 256px;
	margin-top: 45px;
}
#ContactCnt-LeftGlobe {
	float: left;
	width: 100px;
	margin-top: 20px;
	margin-left: 20px;
	text-align: center;
}
#ContactCntRghtForm {
	float: right;
	width: 264px;
	margin-top: 35px;
	margin-right: 10px;
}
#ContactCntRghtForm2{
	width: 365px;
	margin-top: 30px;
	margin-left: 20px;
}
#ContactCnt-RghtTstm {
	float: right;
	width: 240px;
	margin-top: 50px;
	text-align: left;
	margin-right: 15px;
}
#contactPhone {
	height: 50px;
	width: 166px;
	position: absolute;
	left: 24px;
	top: 141px;
}
#contactLocation {
	height: 50px;
	width: 135px;
	position: absolute;
	left: 14px;
	top: 115px;
}
#SmallPic  {
	clear: right;
	float: left;
	height: 100px;
	width: 114px;
}
/*
Services Structure
--------------------------------------------------*/
#srvcsCrdBrdWrp{
	width: 750px;
	max-height: 255px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;

}
.servicesCardboardTopper {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 22px;
	margin-bottom: 0;
	width: 750px;
}
#servicesCardboardLft {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 221px;
	margin-bottom: 0;
	width: 45px;
}
.servicesCardboardLft {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 221px;
	margin-bottom: 0;
	width: 45px;
}
#servicesCardboardCntBG {
		margin-left: 0px;
		margin-top: 0px;
		display: inline;
		float: left;
		height: 221px;
		max-height: 221px;
		margin-bottom: 0;
		width: 674px;
		background-image: url(../Images/services/cardboard/servicesCardboardCntBG.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.75em;
		color: #039;
}
#servicesCardboardRght {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 221px;
	margin-bottom: 0;
	width: 30px;
}
.servicesCardboardRght {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 221px;
	margin-bottom: 0;
	width: 30px;
}
#servicesCardboardBtm {
	margin-left: 20px;
	margin-top: 0px;
	display: inline;
	float: left;
	height: 12px;
	margin-bottom: 0;
	width: 709px;
}
#servicesCrdbrdCntLft {
	float: left;
	width: 375px;
	margin-left: 10px;
}
#servicesCrdbrdCntRgh {
		float: left;
		width: 275px;
		margin-left: 10px;
}
/*
Services List Structure
--------------------------------------------------*/
#SrvcListWrapper {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.SrvcListWrapper {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
#SrvcListLftPic {
	width: 143px;
	float: left;
	height: 108px;
}
.SrvcListLftPic {
	width: 143px;
	float: left;
	height: 108px;
}
#SrvcListRghCnt {
	width: 550px;
	float: right;
	}
	
.SrvcListRghCnt {
	width: 550px;
	float: right;
	}
/*
Thank You
--------------------------------------------------*/
#thankYouBG {
	height: 280px;
	width: 410px;
	margin-left: auto;
	background-image: url(../Images/aboutUs/card.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	font-family: "Comic Sans MS", cursive;
	font-size: 2em;
	text-align: center;
	padding-top: 100px;
	margin-top: 25px;
}
#thankYouContent {
	width: 100%;
	text-align: center;
}
/*
Sitemap
--------------------------------------------------*/
#LinksContent  {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background-color: #FFF;
	border: thin solid #036
	
	}

/*
Sitemap
--------------------------------------------------*/
#siteMapContent {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background-color: #86A4CA;
	border: thin solid #FFF;
	padding: 15px;
}

/*
Clouds
--------------------------------------------------*/
#cloudOverDiv {
	height: 157px;
	width: 100%;
	position: absolute;
	z-index: 3;
	top: 125px;	
}
#clouds {
	height: 157px;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 125px;
}
#clouds2 {
	height: 157px;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 140px;
}

/*
Footer
--------------------------------------------------*/
#footer {
	position:fixed;
	bottom: 0px;
	width:100%;
	background: url(../Images/global/bg/footerBg.png) repeat-x bottom;
	height: 72px;
}
#foote {
	position:fixed;
	bottom: 0px;
	width:100%;
	background: url(../Images/global/bg/footerBg.png) repeat-x bottom;
	height: 72px;
}
#footerGrphc {
	height: 223px;
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../Images/global/footer/kidspeak-Summit.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 154px;
	margin-bottom: 0px;
}
#footerGrph {
	height: 223px;
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}
#footerMountainBase  {
	background-image: url(../Images/global/footer/backgrounds/mountainBtm.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 123px;
	width: 576px;
	position: absolute;
	left: 386px;
	top: -52px;
}
#footerMountainTop  {
	background-image: url(../Images/global/footer/backgrounds/mountainTop.png);
	background-repeat: no-repeat;
	height: 100px;
	width: 219px;
	background-position: center;
	margin-left: 0px;
	position: absolute;
	left: 653px;
	top: -152px;
}
.footer {
	position:fixed;
	bottom: 0px;
	width:100%;
	background: url(../Images/global/bg/footerBg.png) repeat-x bottom;
	height: 224px;
	z-index: 5;
}

#footerPayPal {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 75px;
}
#footerForms {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 50px;
	}
#footerAmer {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 50px;
}


#footerPayPa {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 20px;
}
#footerForm {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 20px;
	}
#footerAme {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 25px;
}
#footerFace {
	float: left;
	height: 39px;
	width: 137px;
	margin-left: 20px;
}


#footerLinksWrapper {
	height: 70px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#footerLinksWrappe {
	height: 70px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: -317px;
	top: 54px;
}
#footerLinksText {
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	word-spacing:1em;
	margin-bottom: 5px;
	margin-left: 75px;
}
#footerLinksIcons {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#footerLittleGuy {
	height: 76px;
	width: 75px;
	position: absolute;
	background-image: url(../Images/global/footer/littleGuy.png);
	background-repeat: no-repeat;
	left: -97px;
	top: -3px;
}

/*
Use this to keep mountains from covering content
-----------------------------------------------*/
#spacerbottom {
		clear: both;
		height: 255px;
		width: 510px;
		margin-left: 170px;
		text-align: center;
}
#TopPara {
	width: 725px;
	margin-left: 20px;
}

#linkBox {
		height: 50px;
		width: 400px;
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #666;
		overflow: scroll;
}