body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #fff;
	background: #80b8dd url(images/background_main.jpg) no-repeat top right;
	padding: 0;
	margin: 0;
}

/* 
--------------------------------------
header
--------------------------------------
*/

#header1 {
	background: #0872ba;
  color: #fff;
}

#header1 img {
  color: #fff;
  border: none;
  text-align: left;

}

/*logo*/
.logo {
	text-align: right;
  background: transparent url(images/curve.gif) no-repeat top left;
}


#header {
	  margin: 0 0 0 40px;
	  padding: 0;
	  background: #bdd7ec url(images/content_tr.jpg) no-repeat top right;
}

#navigation {
background: #bdd7ec;
margin: 0 10px;
padding: 10px;
color: #0e73ba; 
}

#navigation ul {
	padding: 10px 0 5px 0px;
	margin: 0;
	color: #6600B9;
	list-style: none;
	font-size: 90%;
	text-align: center;
font-weight: normal;}

*html #navigation ul {
	padding: 0 0 6px 8px;
}
#navigation ul li {
	display: inline;
	padding: 6px 0;
	margin: 0;
	background: url(images/nav_right.jpg) top right;
}

#navigation ul li a {
	text-decoration: none;
	padding: 6px 8px;
	background: url(images/nav_left.jpg) top left no-repeat;
}

*html #navigation ul li a {
	padding: 6px 8px 6px 10px;
	margin: 0;
}

*html #navigation ul li.current a {
	padding: 6px 8px 6px 10px;
}

*html #navigation ul li.current {
	padding: 0;
	margin: 0 6px 0 0;
}

*html #navigation ul li {
	padding: 0;
	margin: 0 6px 0 0;
}

#navigation ul li.current {
	display: inline;
	padding: 6px 0;
	margin: 0;
	background: url(images/nav_right_white.jpg) top right;
}

#navigation ul li.current a {
	text-decoration: none;
	padding: 6px 8px;
	background: url(images/nav_left_white.jpg) top left no-repeat;
}

#navigation ul li.current a.mathematics {
color: #e67ab0;
}

#navigation ul li.current a.literacy {
color: #d9da2d;
}

#navigation a:hover {
	text-decoration: none;
}




/* content styles */

p { font-size: 85%; padding: 0 0 10px 0; margin: 0;}

p.home_img { font-size: 85%; text-align: center;}

ul { font-size: 85%; }


a:link, a:visited { color: #0e73ba; text-decoration: underline; }
a:hover{ color: #0e73ba; text-decoration: none;}

a.image:link, a.image:visited { border: none; text-decoration: none; }
a.image:hover{ text-decoration: none; background: none; border: none;}

a.image img, a.image:visited img {
border: none;
text-decoration: none;
}

#wrapper {
  background: url(images/curve.jpg) no-repeat top left;
}

#wrapper-content {
	clear: both;
}


#content {
	width: 50%;
	margin: 0px auto 50px auto;
	padding: 0 0 0 10px;
	clear: both;
}


#content_inner {
	background: url(images/content_bg_main.jpg) no-repeat top left;
}

h1 {
	margin: 0;
	padding: 30px 40px 10px 50px;
	color: #fff;
	text-align: center;
}

h2 { 
	font-size: 110%;
	margin: 10px 0;
	padding-bottom: 5px;
	text-align: center;
}

h3 { 
	font-size: 90%;
	margin: 0px 0 10px 0;
}

ul {
list-style-type: disc;
}

ul li {
padding-bottom: 10px;
}


a.image {
text-decoration: none;
}
#wrapper-footer {
	text-align: left;
}


#footer {
  background: transparent;
  color: #fff;
  font-size: 70%;
  clear: both; 
  border-top: 1px solid #fff;
padding: 10px 10px 100px 10px;
margin: 0;
}

.clear {
clear: both;
}

.tl {
width: 50%;
text-align: right;
float: left;
}

*html .tl {
width: 49.99%;
}

.tl img{
float: right;
}

.tr {
width: 50%;
text-align: left;
float: right;
max-height: 200px;
}

.tr img{
float: left;
}

img.packshot {
float: right;
padding: 8px;
}

img.bett {
float: right;
padding: 0;
}

blockquote {
font-size: 90%;
c/olor: #f44bfc;
width: 85%;
}

.screenshot_left {
float: left;
}

.screenshots ul {
float: right;
list-style-type: none;
width: 180px;
}

.screenshots ul li {
padding: 0 0 20px 0; margin: 0;
text-align: center;}

.book {
clear: both;
margin: 0 0 20px 0;
}

.book img {
float: left;
margin: 0 8px 8px 0;
border: 1px solid #000;
}

.testimonials {
background: #FEEECB;
color: #FF6600;
}

.product {
clear: both;
padding-bottom: 20px;
}
.product img {
float: left;
padding: 0 8px 8px 0;
}

