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

html, body {
	margin: 0px;
	font-size:100%;
	line-height:1.1em;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}


.clearing {
	clear: both;
	height: 1px;
	visibility: hidden;
}
.home-page p, .home-page h1, .home-page h2, .home-page h3, .home-page h4, .page p, .page h1, .page h2, .page h3, .page h4 {
	padding-right: 30px;
	padding-left: 20px;
}








/*******************************************************************************    PARAGRAPH STYLES  ********************************************************************************/
/**************************************************************************************************************************************************************************************/




p {
	font-size:0.75em;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.5em;
	padding-top: 0px;
	color: #333333;
}
.intro-text {
	font-size: 0.875em;
	color: #999999;
}

.green {
	color: #489925;
}
.highlight-red {
	font-weight: bold;
	color: #993300;
}

.content-alt-text-2 {
	color: #489925;
	font-size: 1.2em;
}
.content-alt-text-light {
	color: #999999;
}
.address-text {
	font-size: 0.875em;
}
p.address-text + h2 {
	margin-top: 26px;
}





/*******************************************************************************    LINK STYLES    ********************************************************************************/
/**************************************************************************************************************************************************************************************/





a {
	color: #489925;
	text-decoration: none;
}
.highlight-text {
	font-size: 0.9375em;
	line-height: 1.1em;
	background-image: url(images/bk-red.gif);
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 9px;
	padding-left: 3px;
}
.highlight-text a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}


a:hover {
	color: #f4b200;
	cursor: hand;
}





/*******************************************************************************    HEADING STYLES   ********************************************************************************/
/**************************************************************************************************************************************************************************************/





h1 {
	color: #666666;
	font-weight: normal;
	font-size: 1.3em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 22px;
	margin-left: 0px;
	line-height: 1.1em;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;

}
.header h1, .header-page h1 {
	position: absolute;
	margin-top: 195px;
	margin-left: 230px;
	width: 375px;
}
.green-italic {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style: italic;
	color: #489925;
}
.access-literacy {
	color: #EA1858;
	font-size: 1.3em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
.dyslexikit {
	color: #990066;
	font-size: 1.3em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}





h2 {
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	color: #0088a0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: 1.1em;
}
#access-page h2 {
	color: #CC0033;
}






/******************************************* USE FOR ADDING PADDING WHEN H2 DIRECTLY FOLLOWS P, STOPPING GAPS WHEN DIRECTLY FOLLOWS H1  ******************/ 


p + h2 {
	margin-top: 35px;
}




h3 {
	font-size: 1.1em;
	color: #666666;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;

}


h4 {
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;


}




/*******************************************************************************    LIST STYLES   ********************************************************************************/
/**************************************************************************************************************************************************************************************/




.page ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 20px;
	list-style-type: disc;
	display: block;

}

.page ul li {
	margin-bottom: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	font-size: 0.8125em;

}

.page ol {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 12px;
	display: block;
	padding-left: 18px;

}

.page ol li {
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-size: 0.8125em;

}
.outer-container {
	background-image: url(images/top-strip.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 100%;
	width: 100%;
}








/*******************************************************************************    MAIN LAYOUT STYLES   ********************************************************************************/
/**************************************************************************************************************************************************************************************/






.container {
	height: 100%;
	width: 100%;
	background-image: url(images/backing-sides.jpg);
	background-repeat: no-repeat;
	background-position: center top;


}

.site {
	width: 914px;
	margin-right: auto;
	margin-left: auto;

}








/*******************************************************************************    HEADER STYLES   ********************************************************************************/
/**************************************************************************************************************************************************************************************/




.header {
	background-image: url(images/main-girl.jpg);
	width: 914px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 283px;


}
.header-page {
	background-image: url(images/main-girl.jpg);
	width: 914px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 230px;


}
.nav-container {
}
.home {
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 31px;
	width: 80px;
	position: absolute;
	color: #666666;
	font-size: 0.75em;
	padding-top: 14px;
	margin-left: 255px;
}
.home:hover {
	color: #000000;
	background-image: url(images/home-over.jpg);
	background-repeat: no-repeat;
}



.logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 48px;
	width: 211px;
	margin-top: 93px;
	margin-left: 683px;
	position: absolute;
}
.icon-dkit {
	background-image: url(images/icon-dkit.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 120px;
	width: 129px;
	position: absolute;
	margin-top: 180px;
	margin-left: 629px;
}
.icon-dkit:hover {
	background-image: url(images/icon-dkit-over.png);
}
.icon-dkit-small {
	background-image: url(images/icon-dkit-small.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 72px;
	width: 122px;
	position: absolute;
	margin-top: 180px;
	margin-left: 653px;
}
.icon-dkit-small:hover {
	background-image: url(images/icon-dkit-small-over.png);
}

.icon-access {
	background-image: url(images/icon-access.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 104px;
	width: 121px;
	position: absolute;
	margin-top: 185px;
	margin-left: 770px;
}
.icon-access:hover {
	background-image: url(images/icon-access-over.png);
}


.icon-access-small {
	background-image: url(images/icon-access-small.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 72px;
	width: 122px;
	position: absolute;
	margin-top: 180px;
	margin-left: 780px;
}
.icon-access-small:hover {
	background-image: url(images/icon-access-small-over.png);
}










/*******************************************************************************    HOME PANEL   ********************************************************************************/
/**************************************************************************************************************************************************************************************/



.home-page {
	background-image: url(images/home-panel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 0px;
	padding-left: 19px;
}
.page {
	background-image: url(images/home-panel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 0px;
	padding-left: 19px;
	padding-top: 45px;
	padding-bottom: 25px;
}

.column-1 {
	width: 272px;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.column-1-short {
	width: 272px;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.column-2 {
	float: left;
	width: 564px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.column-full {
	float: left;
	width: 800px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}


.column-demi {
	width: 418px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
}
.grey-box {
	background-image: url(images/bk-vlight-grey.gif);
	background-repeat: repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.home-page-tab {
	height: 44px;
	margin: 0px;
	padding: 0px;
}
.home-page-tab li {
	float: left;
	list-style-type: none;
}
.home-page-tab .tab-1 {
	height: 44px;
	width: 178px;
}
.home-page-tab .tab-2 {
	height: 44px;
	width: 214px;
}

.home-page-tab li a {
	display: block;
	height: 32px;
	font-size: 0.75em;
	color: #666666;
	text-align: center;
	padding-top: 12px;
	background-position: center top;
	position: absolute;
}
.home-page-tab  a:hover  {
	color: #489925;
}

.home-page-tab .tab-1 a {
	background-image: url(images/tab-left.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 178px;
	z-index: 50;
}

.home-page-tab .tab-2 a {
	background-image: url(images/tab-right.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 214px;
	margin-left: -15px;
	z-index: 40;
}
.home-page-tab .tab-1 .tab-active {
	background-image: url(images/tab-left-over.png);
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 8px;
	height: 48px;
	z-index: 70;
}
.home-page-tab .tab-2 .tab-active {
	background-image: url(images/tab-right-over.png);
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 8px;
	z-index: 80;
}
.sample-link {
	display: block;
	background-image: url(images/sample-link.jpg);
	height: 132px;
	width: 390px;
	color: #666666;
	padding-top: 34px;
	padding-left: 15px;
	font-size: 0.975em;
	background-repeat: no-repeat;
	margin-left: 15px;
}
.sample-link:hover {
	background-image: url(images/sample-link-over.jpg);
	color: #666666;
}
.sample-link .large {
	font-size: 1.3em;
	line-height: 1.4em;
}
.row {
	background-image: url(images/page-div.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 14px;
	padding-bottom: 18px;
}
.home-feature-parent {
	background-image: url(images/home-feature-parents.jpg);
	height: 82px;
	width: 237px;
	display: block;
	float: left;
	padding-top: 210px;
	padding-left: 25px;
	padding-right: 30px;
	color: #FFFFFF;
	font-size: 0.75em;
	line-height: 1.3em;
	background-repeat: no-repeat;
}
.home-feature-parent:hover {
	color: #FFFFFF;
	background-image: url(images/home-feature-parents-over.jpg);
}

.home-feature-school {
	background-image: url(images/home-feature-school.jpg);
	height: 102px;
	width: 237px;
	display: block;
	float: left;
	padding-top: 190px;
	padding-left: 25px;
	padding-right: 30px;
	color: #FFFFFF;
	font-size: 0.75em;
	line-height: 1.3em;
	background-repeat: no-repeat;
}
.home-feature-school:hover {
	color: #FFFFFF;
	background-image: url(images/home-feature-school-over.jpg);
}


.home-feature-adult {
	background-image: url(images/home-feature-adult.jpg);
	height: 102px;
	width: 237px;
	display: block;
	float: left;
	padding-top: 190px;
	padding-left: 25px;
	padding-right: 30px;
	color: #FFFFFF;
	font-size: 0.75em;
	line-height: 1.3em;
}
.home-feature-adult:hover {
	color: #FFFFFF;
	background-image: url(images/home-feature-adult-over.jpg);
}


.home-feature-heading {
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", sans-serif;
	font-size: 2.1em;
	display: block;
	font-weight: 600;
	margin-bottom: 3px;
	line-height: 0.9em;
	font-style: normal;
}
.button-green {
	background-image: url(images/button-green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 198px;
	display: block;
	color: #333333;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 17px;
	padding-right: 60px;
	padding-left: 14px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.button-grey {
	background-image: url(images/button-grey.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	width: 198px;
	display: block;
	color: #333333;
	font-size: 0.8125em;
	line-height: 1.2em;
	padding-top: 12px;
	padding-right: 60px;
	padding-left: 14px;
}
.button-green:hover, .button-grey:hover {
	background-image: url(images/button-over.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.footer {
	background-image: url(images/backing-dark-blue.gif);
	background-repeat: repeat;
}
.footer-backing {
	background-image: url(images/footer-highlight.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.footer-inner {
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 40px;
}

.quick-links {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.quick-links li {
	float: left;
	width: 180px;
}
.quick-links a {
	display: block;
	font-size: 0.75em;
	color: #FFFFFF;
}
h3.quick-heading {
	font-family: "caflisch-script-pro-1", "caflisch-script-pro-2", sans-serif;
	color: #FFFFFF;
	display: block;
	margin-bottom: 12px;
	font-style: normal;
	font-weight: 600;
	float: none;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 2em;
	padding-left: 6px;
}

.supp-bar {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.supp-bar ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.supp-bar li {
	float: left;
	margin-right: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.supp-bar ul li:first-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
}
.supp-bar a {
	color: #FFFFFF;
	font-size: 0.6875em;
}
.supp-bar p {
	float: right;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.home-news-row {
	background-image: url(images/page-div-grunge.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 25px;
	padding-bottom: 40px;
}
.home-news-row  .column-demi {
	padding-right: 30px;
	width: 398px;
}

.news-heading  {
	color: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	background-image: url(images/bk-light-grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.rss-link {
	background-image: url(images/icon-rss.png);
	display: block;
	height: 24px;
	width: 24px;
}
.news-heading .rss-link {
	float: left;
}
.news-heading h2 {
	font-size: 1em;
	color: #666666;
	font-weight: normal;
	display: block;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.news-heading-more-link {
	float: right;
	font-size: 0.75em;
	display: block;
	margin-top: 2px;
}
.news-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.news-list li {
	background-image: url(images/div-fade.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 13px;
	padding-bottom: 13px;
}
.news-list li:first-child {
	background-image: none;
}
.news-list li a {
}
.news-date {
	background-image: url(images/date-green.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 25px;
	display: block;
	font-size: 0.8125em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	line-height: 1.1em;
}
.news-date-yellow {
	background-image: url(images/date-yellow.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 25px;
	display: block;
	font-size: 0.8125em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	line-height: 1.1em;
}
.news-date-blue {
	background-image: url(images/date-blue.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 25px;
	display: block;
	font-size: 0.8125em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	line-height: 1.1em;
}
.news-date-red {
	background-image: url(images/date-red.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 25px;
	display: block;
	font-size: 0.8125em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	line-height: 1.1em;
}
.news-date-month {
	display: block;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.news-item {
	display: block;
	margin-left: 32px;
	font-size: 0.75em;
	color: #333333;
}
.news-item:hover {
	color: #f4b200;
}
.intro {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 400px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: right top;
}
#intro-people {
	background-image: url(images/main/main-people.jpg);
}
#intro-feedback {
	background-image: url(images/main/main-feedback.jpg);
}
#intro-parents {
	background-image: url(images/main/main-parents.jpg);
}
#intro-teachers {
	background-image: url(images/main/main-teachers.jpg);
}
#intro-adult {
	background-image: url(images/main/main-adult.jpg);
}
#intro-dyslexikit {
	background-image: url(images/main/main-dyslexikit.jpg);
}
#intro-main {
	background-image: url(images/main/main.jpg);
	background-repeat: no-repeat;
}

#intro-resources {
	padding-right: 120px;
	padding-bottom: 0px;
}

.testimonial-box {
	background-image: url(images/bk-vlight-grey.gif);
	background-repeat: repeat;
	padding-top: 20px;
	padding-bottom: 22px;
	padding-right: 15px;
	margin-bottom: 12px;
}
.sample-pages {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 20px;
}
.sample-page {
	float: left;
	height: 187px;
	width: 259px;
	margin-bottom: 5px;
}
.sample-page img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.resource-nav {
	float: right;
	margin-left: 60px;
}
.resource-nav li {
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1em;
}
#active-resources {
	color: #3399CC;
}
.purchase-logos  {
	padding-left: 20px;
	margin-bottom: 28px;
}
.product-box-3x {
	background-image: url(images/bk-vlight-grey.gif);
	background-repeat: repeat;
	padding-top: 18px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
}
.product-box-3x h4 {
	font-size: 1em;
	color: #762B90;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.product-image {
	margin-bottom: 15px;
	margin-left: 15px;
}

.purchase-options {
	background-image: url(images/backing-dark-purple.gif);
	background-repeat: repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.purchase-options-al {
	background-image: url(images/bk-access-pink.gif);
	background-repeat: repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.purchase-options p, .purchase-options-al p {
	color: #FFFFFF;
	font-size: 1em;
	margin-bottom: 0px;
}

.purchase-button {
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	top: -27px;
}
.purchase-button form {
	margin: 0px;
	padding: 0px;
	float: left;
}
.purchase-button input {
	margin: 0px;
	padding: 0px;
}
.postage-table {
	margin-top: 10px;
	margin-bottom: 30px;
}
.postage-table td {
	background-image: url(images/bk-vlight-grey.gif);
	background-repeat: repeat;
	font-size: 0.75em;
	padding: 4px;
	border: 2px solid #FFFFFF;
}
.postage-table .table-heading {
	background-image: url(images/backing-vdark-blue.gif);
	background-repeat: repeat;
	color: #FFFFFF;
}
.outer-container .container .site .page .row .menu-boxes {
	margin: 0px;
	padding: 0px;
}

.menu-boxes {
	width: 272px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.menu-boxes li {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-image: url(images/box-base.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.menu-boxes li a {
	display: block;
	background-image: url(images/box-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;
}
.menu-boxes li a span {
	background-image: url(images/box-arrow-black.png);
	display: block;
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 30px;
	padding-left: 14px;
}

.menu-boxes .box-purple {
	background-image: url(images/box-base-purple.png);
}
.menu-boxes .box-purple a {
	background-image: url(images/box-top-purple.png);
	color: #FFFFFF;
}
.menu-boxes .box-purple span {
	background-image: url(images/box-arrow-white.png);
}


.menu-boxes .box-green {
	background-image: url(images/box-base-green.png);
}
.menu-boxes .box-green a {
	background-image: url(images/box-top-green.png);
	color: #FFFFFF;
}
.menu-boxes .box-green span {
	background-image: url(images/box-arrow-white.png);
}


.menu-boxes .box-blue {
	background-image: url(images/box-base-blue.png);
}
.menu-boxes .box-blue a {
	background-image: url(images/box-top-blue.png);
	color: #FFFFFF;
}
.menu-boxes .box-blue span {
	background-image: url(images/box-arrow-white.png);
}


.menu-boxes .box-yellow {
	background-image: url(images/box-base-yellow.png);
}
.menu-boxes .box-yellow a {
	background-image: url(images/box-top-yellow.png);
	color: #FFFFFF;
}
.menu-boxes .box-yellow span {
	background-image: url(images/box-arrow-white.png);
}



.menu-boxes .box-red {
	background-image: url(images/box-base-red.png);
}
.menu-boxes .box-red a {
	background-image: url(images/box-top-red.png);
	color: #FFFFFF;
}
.menu-boxes .box-red span {
	background-image: url(images/box-arrow-white.png);
}