@import url(defaults.css);

body {
	background: #efe8e4 url(../images/background-bg.gif) scroll left top repeat-x;
}

#page-wrapper {
	width: 958px;
	margin: 0 auto;
	background-color: #ffffff;
}

#page {
	width: 950px;
	margin: 0 auto;
}

/*
----------------------------------

HEADER

----------------------------------
*/

#header {
	width: 950px;
	height: 240px;
	position: relative;
}

#header .logo, #header .logo:visited {
	display: block;
	width: 126px;
	height: 132px;
	position: absolute;
	top: 20px;
	left: 20px;
	text-indent: -9999px;
	background: url(../images/header-logo-bg.png) scroll left top no-repeat;
	cursor: pointer;
	z-index: 100;
}

#header .slide-title {
	position: absolute;
	top: 200px;
	left: 50px;
	width: 150px;
	height: 18px;
	color: #050708;
	font-size: 14px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Trebuchet MS', Verdana, sans-serif;
	line-height: 18px;
	z-index: 100;
}

#header .slide-title em {
	color: #ff0000;
}

#header .slide {
	position: relative;
	width: 950px;
	height: 240px;
	background-color: #ffffff;
	background-image: url(../images/header-slide-bg.jpg);
	background-attachment: scroll;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#header .slide.study {
	background-position: 0 0;
}

#header .slide.math {
	background-position: -950px 0;
}

#header .slide.science {
	background-position: -1900px 0;
}

#header .slide.yoga {
	background-position: -2850px 0;
}

#header .slide h2 {
	position: absolute;
	top: 10px;
	left: 180px;
	height: 18px;
	width: 750px;
	color: #59071b;
	font-size: 14px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Trebuchet MS', Verdana, sans-serif;
	line-height: 18px;
}

#header .slide .list {
	position: absolute;
	color: #363636;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Trebuchet MS', Verdana, sans-serif;
	line-height: 16px;
}

#header .slide.math .list {
	top: 50px;
	left: 650px;
	height: 170px;
	width: 280px;
}

#header .slide.yoga .list {
	top: 30px;
	left: 760px;
	height: 170px;
	width: 180px;
}

#header .slide.science .list {
	top: 55px;
	left: 180px;
	height: 140px;
	width: 280px;
}

#header .slide.study .list {
	top: 30px;
	left: 740px;
	height: 170px;
	width: 200px;
}

#header .slide .list p {
	margin-top: 5px;
	padding-left: 10px;
	background: url(../images/header-list-bullet-bg.gif) scroll 0 5px no-repeat;
}

/*
----------------------------------

NAVIGATION

----------------------------------
*/

#navigation {
	margin-top: 5px;
	position: relative;
	width: 950px;
	height: 32px;
	font-size: 14px;
	/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Trebuchet MS', Verdana, sans-serif;*/
	line-height: 32px;
	background: url(../images/navigation-bg.gif) scroll 0 0 no-repeat;
	text-align: center;
}

#navigation .language, #navigation .language:visited {
	position: absolute;
	width: 60px;
	height: 32px;
	top: 0;
	right: 30px;
	font-size: 12px;
	/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Trebuchet MS', Verdana, sans-serif;*/
	line-height: 32px;
	color: #ffffff;
	background-color: #7c8d97;
	text-align: center;
}

#navigation .language:hover, #navigation .language:active {
	text-decoration: underline;
}

#navigation ul li {
	display: inline;
	padding: 0 10px;
}

#navigation ul li a, #navigation ul li a:visited {
	color: #ffffff;
	text-transform: uppercase;
}

#navigation ul li a.current, #navigation ul li a.current:visited {
	color: #ed1260;
	text-decoration: underline;
}

#navigation ul li a:hover, #navigation ul li a:active {
	color: #ed1260;
}

/*
----------------------------------

CONTENT

----------------------------------
*/

#content-wrapper {
	margin-top: 5px;
	background: url(../images/content-bg.gif) scroll 0 0 no-repeat;
}

#content {
	width: 910px;
	margin: 0 auto;
	padding-top: 20px;
}

#main {
	width: 910px;
	margin: 0 auto;
	padding-top: 20px;
}

/*
----------------------------------

FOOTER

----------------------------------
*/

#footer {
	margin-top: 20px;
	padding: 10px 20px;
	background-color: #f4efe8;
}

#footer p {
	line-height: 18px;
	font-size: 11px;
}

#footer p a, #footer p a:visited {
	color: #000000;
}

#footer p a:hover, #footer p a:active {
	color: #000000;
}