body, html
{
	height: 100%;
	width: 100%;
}

body
{
	background: #00aeef url(../images/background.jpg) fixed repeat-x;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 14px;
	text-align: center;
}

#siteContainer{	
	position: relative;
	width: 828px;
	height: 683px;
	margin-right: auto;
	margin-left: auto;
	}


/*  Begin Background Shadow  */
#leftShadow{
	background-image: url(../images/leftShadow.png);
	background-repeat: repeat-y;
	width: 14px;
	height: 647px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#rightShadow{
	background-image: url(../images/rightShadow.png);
	background-repeat: repeat-y;
	width: 14px;
	height: 647px;
	position: absolute;
	left: 814px;
	top: 0px;
	}

#leftCornerShadow{
	background-image: url(../images/leftCornerShadow.png);
	width: 31px;
	height: 36px;
	position: absolute;
	left: 0px;
	top: 647px;
	}

#rightCornerShadow{
	background-image: url(../images/rightCornerShadow.png);
	width: 31px;
	height: 36px;
	position: absolute;
	left: 797px;
	top: 647px;
	}

#bottomShadow{
	background-image: url(../images/bottomShadow.png);
	background-repeat: repeat-x;
	width: 766px;
	height: 19px;
	position: absolute;
	left: 31px;
	top: 664px;
	}
/*  End Background Shadow  */


/*  Begin Home Content  */
#homeSky{
	background-image: url(../images/homeSky.jpg);
	width: 800px;
	height: 364px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#homeLogo{
	width: 556px;
	height: 208px;
	position: absolute;
	left: 136px;
	top: 50px;
	text-align: center;
	z-index: 1;
	}

#homeYourStore{
	background-image: url(../images/yourStore.png);
	width: 360px;
	height: 93px;
	position: absolute;
	left: 236px;
	top: 200px;
	z-index: 1;
	}

#homeBG{
	background-image: url(../images/homeBG.png);
	background-repeat: repeat-x; 
	width: 800px;
	height: 283px;
	position: absolute;
	left: 14px;
	top: 364px;
	}

#homeBGbottom{
	background-image: url(../images/homeBGbottom.png);
	background-repeat: repeat-x; 
	width: 800px;
	height: 17px;
	position: absolute;
	left: 14px;
	top: 647px;
	}

#newenglandButton{	
	background: url(../images/newenglandButton.png) no-repeat 0 0; 
	width: 284px;
	height: 109px;
	display: block;
	position: absolute;
	left: 35px;
	top: 450px;
	}

#newenglandButton:hover{ 
	background-position: 0 -109px;
	}

#newenglandButton span{
	display: none;
	}

#floridaButton{	
	background: url(../images/floridaButton.png) no-repeat 0 0; 
	width: 284px;
	height: 109px;
	display: block;
	position: absolute;
	left: 510px;
	top: 450px;
	}

#floridaButton:hover{ 
	background-position: 0 -109px;
	}

#floridaButton span{
	display: none;
	}

#findStore{
	background: url(../images/findStore.png) no-repeat 0 0; 
	width: 149px;
	height: 34px;
	display: block;
	position: absolute;
	left: 340px;
	top: 485px;
	}

#homeTextBox{
	padding: 5px;
	width: 750px;
	height: 150px;
	position: absolute;
	left: 39px;
	top: 390px;
	color: #FFFFFF;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 16px;
	}

#homeTextBox a{
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 16px;
	}

#homeTextBoxMail{
	padding: 5px;
	width: 750px;
	height: 150px;
	position: absolute;
	left: 39px;
	top: 390px;
	color: #FFFFFF;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 12px;
	}

#homeTextBoxMail a{
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 12px;
	}

#mailFieldLeft{
	background-image: url(../images/searchFieldLeft2.png);
	width: 9px;
	height: 22px;
	position: absolute;
	left: 533px;
	top: 610px;
	}

#mailFieldCenter{
	background-image: url(../images/searchFieldCenter.png);
	width: 138px;
	height: 22px;
	border: 0px;
	position: absolute;
	left: 542px;
	top: 610px;
	}

#mailBox{
    float: left;
    padding: 0;
    margin: 4px 0 0 0;
    border: 0;
    width: 138px;
    background: none;
	position: absolute;
	left: 542px;
	top: 610px;
	}

#mailFieldRight{
	background-image: url(../images/searchFieldRight.png);
	width: 9px;
	height: 22px;
	position: absolute;
	left: 680px;
	top: 610px;
	}

#mailButton{	
	width: 64px;
	height: 20px;
	position: absolute;
	border: none;
	left: 695px;
	top: 612px;
	}

#mailText{
	position: absolute;
	width: 226px;
	left: 298px;
	top: 606px;
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	}
/*  End Home Content  */



/*  Begin Regional Content  */
#floridaBanner{
	background-image: url(../images/floridaBanner.jpg);
	width: 800px;
	height: 226px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#newenglandBanner{
	background-image: url(../images/newenglandBanner.jpg);
	width: 800px;
	height: 226px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#contactBanner{
	background-image: url(../images/contactBanner.jpg);
	width: 800px;
	height: 226px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#regionalLogo{
	width: 440px;
	height: 178px;
	position: absolute;
	left:194px;
	top: -5px;
	text-align: center;
	z-index: 1;
	}

#floridaName{
	background-image: url(../images/floridaName.png);
	width: 174px;
	height: 58px;
	position: absolute;
	left: 328px;
	top: 115px;
	z-index: 1;
	}

#newenglandName{
	background-image: url(../images/newenglandName.png);
	width: 264px;
	height: 58px;
	position: absolute;
	left: 287px;
	top: 125px;
	z-index: 1;
	}

#regionalBG{
	background: #FFFFFF;
	width: 800px;
	height: 421px;
	position: absolute;
	left: 14px;
	top: 226px;
	}

#regionalBGbottom{
	background-image: url(../images/storeBGbottom.png);
	width: 800px;
	height: 17px;
	position: absolute;
	left: 14px;
	top: 647px;
	}

#blueBlock1{
	background: #d1dade;
	width: 250px;
	height: 406px;
	position: absolute;
	left: 24px;
	top: 246px;
	z-index: 1;
	}

#blueBlock2{
	background: #d1dade;
	width: 250px;
	height: 406px;
	position: absolute;
	left: 289px;
	top: 246px;
	z-index: 1;
	}

#blueBlock3{
	background: #d1dade;
	width: 250px;
	height: 406px;
	position: absolute;
	left: 554px;
	top: 246px;
	z-index: 1;
	}

#blueBlockBottom{
	background: #d1dade;
	background-repeat: no-repeat;
	width: 250px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 397px;
	}

#yellowBlock{
	background-image: url(../images/yellowBlock.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 50px;
	padding-top: 12px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	}

#yellowBlock a{
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	}

#addressTextBox{
	width: 240px;
	height: 75px;
	position: absolute;
	left: 5px;
	top: 245px;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 14px;
	}

#storeImage{
	width: 240px;
	height: 178px;
	position: absolute;
	left: 5px;
	top: 60px;
	}

#viewSales{	
	background: url(../images/viewSales.png) no-repeat 0 0; 
	width: 242px;
	height: 100px;
	display: block;
	position: absolute;
	left: 4px;
	top: 315px;
	}

#viewSales:hover{ 
	background-position: 0 -100px;
	}

#viewSales span{
	display: none;
	}

#topLinks{
	background-image: url(../images/links.png);
	padding: 0px 5px 0px 5px;
	position: absolute;
	right: 14px;
	top: 5px;
	color: #000000;
	text-align: right;
	font-family: verdana, sans-serif;
	font-size: 14px;
	z-index: 2;
	}

#topLinks a{
	color: #000000;
	text-align: right;
	font-family: verdana, sans-serif;
	font-size: 14px;
	}

#WPBanner{
	background-image: url(../images/WPBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#POBanner{
	background-image: url(../images/POBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#SBanner{
	background-image: url(../images/SBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#NHBanner{
	background-image: url(../images/NHBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#NCBanner{
	background-image: url(../images/NCBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#KBanner{
	background-image: url(../images/KBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#storeLogo{
	width: 380px;
	height: 113px;
	position: absolute;
	left: 14px;
	top: 0px;
	text-align: center;
	z-index: 1;
	}

#WPName{
	background-image: url(../images/WPName.png);
	width: 203px;
	height: 33px;
	position: absolute;
	left: 112px;
	top: 86px;
	z-index: 1;
	}

#POName{
	background-image: url(../images/POName.png);
	width: 250px;
	height: 33px;
	position: absolute;
	left: 88px;
	top: 86px;
	z-index: 1;
	}

#SName{
	background-image: url(../images/SName.png);
	width: 125px;
	height: 33px;
	position: absolute;
	left: 135px;
	top: 86px;
	z-index: 1;
	}

#NHName{
	background-image: url(../images/NHName.png);
	width: 220px;
	height: 40px;
	position: absolute;
	left: 101px;
	top: 86px;
	z-index: 1;
	}

#NCName{
	background-image: url(../images/NCName.png);
	width: 239px;
	height: 36px;
	position: absolute;
	left: 91px;
	top: 86px;
	z-index: 1;
	}

#KName{
	background-image: url(../images/KName.png);
	width: 106px;
	height: 31px;
	position: absolute;
	left: 158px;
	top: 86px;
	z-index: 1;
	}

#contactName{
	background-image: url(../images/contactName.png);
	width: 192px;
	height: 31px;
	position: absolute;
	left: 115px;
	top: 86px;
	z-index: 1;
	}

#storeBG{
	background: #FFFFFF;
	width: 800px;
	height: 527px;
	position: absolute;
	left: 14px;
	top: 120px;
	}

#storeBGbottom{
	background-image: url(../images/storeBGbottom.png);
	width: 800px;
	height: 17px;
	position: absolute;
	left: 14px;
	top: 647px;
	}

#blueBlockBottomLeft{
	background-image: url(../images/blueBlockBottomLeft.png);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
	position: absolute;
	left: 0px;
	z-index: 2;
	}

#blueBlockBottomRight{
	background-image: url(../images/blueBlockBottomRight.png);
	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
	position: absolute;
	right: 0px;
	z-index: 2;
	}
	
/* Red */

#redStoreBlock{
	background-image: url(../images/RedBlockMiddle.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 100%;
	padding-top: 4px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}

#redStoreBlockleft{
	background: #cc0000;
	width: 1px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#redStoreBlockRight{
	background: #cc0000;
	width: 1px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	}
	
/* End Red */

#yellowStoreBlock{
	background-image: url(../images/yellowBlockMiddle.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 100%;
	padding-top: 4px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}

#yellowStoreBlockleft{
	background: #eac831;
	width: 1px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#yellowStoreBlockRight{
	background: #eac831;
	width: 1px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	}

#blueSalesBlock{
	background: #d1dade;
	width: 548px;
	height: 330px;
	position: absolute;
	left: 24px;
	top: 130px;
	z-index: 1;
	}


#blueSalesBlockBottom{
	width: 548px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 321px;
	}

#SaleAd{
	width: 548px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 30px;
	}


#blueContactBlock{
	background: #d1dade;
	width: 222px;
	height: 221px;
	position: absolute;
	left: 582px;
	top: 130px;
	z-index: 1;
	}

#blueContactBlockBottom{
	background: #d1dade;
	width: 222px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 212px;
	}

#ContactTextBox{
	width: 218px;
	height: 181px;
	position: absolute;
	left: 2px;
	top: 35px;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 12px;
	}

#ContactTextBox a{
	color: #047ee4;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

#blueHoursBlock{
	background: #d1dade;
	width: 222px;
	height: 99px;
	position: absolute;
	left: 582px;
	top: 361px;
	z-index: 1;
	}
	
#blueHoursBlock2{
	background: #d1dade;
	width: 222px;
	height: 115px;
	position: absolute;
	left: 582px;
	top: 361px;
	z-index: 1;
	}

#blueHoursBlockBottom{
	background: #d1dade;
	width: 222px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 90px;
	}
	
#blueHoursBlockBottom2{
	background: #d1dade;
	width: 222px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 106px;
	}

#HoursTextBox{
	width: 218px;
	height: 59px;
	position: absolute;
	left: 2px;
	top: 35px;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 12px;
	}

#blueBrandsBlock{
	background: #d1dade;
	width: 780px;
	height: 184px;
	position: absolute;
	left: 24px;
	top: 470px;
	z-index: 1;
	}

#blueBrandsBlockBottom{
	background: #d1dade;
	width: 780px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 175px;
	}

#BrandsImageBox{
	background-repeat: no-repeat;
	width: 760px;
	height: 164px;
	position: absolute;
	left: 10px;
	top: 35px;
	}

#downloads{
	width: 385px;
	position: absolute; 
	top: 150px; 
	left: 34px;
	color: #000000;
	text-align: left;
	font-family: verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

#downloads ul{
	list-style-position: none;
	margin: 0px;
	color: #FFCC11;
	font-size: 22px;
	font-weight: bold;
	}

#downloads ul li{
	color: #000000;
	padding-left: 5px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	}

#downloads a{
	color: #1D7CF2;
	font-size: 14px;
	font-weight: bold;
	}

#timecard{
	width: 780px;
	position: absolute; 
	top: 150px; 
	left: 24px;
	}

#TimeCardBanner{
	background-image: url(../images/TimeCardBanner.jpg);
	width: 800px;
	height: 120px;
	position: absolute;
	left: 14px;
	top: 0px;
	}

#TimeCardName{
	background-image: url(../images/timecardName.png);
	width: 136px;
	height: 38px;
	position: absolute;
	left: 140px;
	top: 84px;
	z-index: 1;
	}

#SnowAndSkate{	
	background: url(../images/myspace.png) no-repeat 0 0; 
	width: 160px;
	height: 28px;
	display: block;
	position: absolute;
	right: 20px;
	top: 85px;
	z-index: 1;
	}

#SnowAndSkate span{
	display: none;
	}

#twitter{	
	background: url(../images/twitter.png) no-repeat 0 0; 
	width: 125px;
	height: 28px;
	display: block;
	position: absolute;
	right: 40px;
	top: 80px;
	z-index: 1;
	}

#twitter span{
	display: none;
	}


#Gary{
	background: url(../images/Gary.png) no-repeat 0 0; 
	width: 294px;
	height: 513px;
	position: absolute;
	left: 480px;
	top: 151px;
	}

#bubble{
	background: url(../images/bubble.png) no-repeat 0 0; 
	width: 224px;
	height: 111px;
	position: absolute;
	left: 428px;
	top: 104px;
	}

#DownloadsName{
	background-image: url(../images/downloads.png);
	width: 184px;
	height: 33px;
	position: absolute;
	left: 110px;
	top: 84px;
	z-index: 1;
	}

#MailingListName{
	background-image: url(../images/MailingListName.png);
	width: 150px;
	height: 37px;
	position: absolute;
	left: 140px;
	top: 84px;
	z-index: 1;
	}

#mailingList{
	width: 780px;
	position: absolute; 
	top: 150px; 
	left: 24px;
	color: #000000;
	text-align: left;
	font-family: verdana, sans-serif;
	font-size: 12px;
	}

#PeriwinklePlace{	
	background: url(../images/PeriwinklePlace.png) no-repeat 0 0; 
	width: 218px;
	height: 18px;
	display: block;
	position: absolute;
	right: 25px;
	top: 585px;
	}

#PeriwinklePlace:hover{ 
	background-position: 0 -18px;
	}

#PeriwinklePlace span{
	display: none;
	}

#TahitianGardens{	
	background: url(../images/TahitianGardens.png) no-repeat 0 0; 
	width: 226px;
	height: 18px;
	display: block;
	position: absolute;
	right: 21px;
	top: 615px;
	}

#TahitianGardens:hover{ 
	background-position: 0 -18px;
	}

#TahitianGardens span{
	display: none;
	}
	
#PeriwinklePlace2{	
	background: url(../images/PeriwinklePlace.png) no-repeat 0 0; 
	width: 218px;
	height: 18px;
	display: block;
	position: absolute;
	right: 25px;
	top: 595px;
	}

#PeriwinklePlace2:hover{ 
	background-position: 0 -18px;
	}

#PeriwinklePlace2 span{
	display: none;
	}

#TahitianGardens2{	
	background: url(../images/TahitianGardens.png) no-repeat 0 0; 
	width: 226px;
	height: 18px;
	display: block;
	position: absolute;
	right: 21px;
	top: 625px;
	}

#TahitianGardens2:hover{ 
	background-position: 0 -18px;
	}

#TahitianGardens2 span{
	display: none;
	}