/* GENERAL STYLES */
/* Common Styles */
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
.breadcrumb {
	height: 27px;
	margin-left: 420px;
	margin-top: -385px;
	width: 285px;
	color: white;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}

/* Content top backgrounds */
.visionbackground {
	background-image: url('../images/vision-background.jpg');
	background-repeat: no-repeat;
        background-color: white;
	width: 842px;
	height:auto;
        clear: both;
}
.titlebackground {
	background-image: url('../images/top-background.jpg');
	background-repeat: no-repeat;
        background-color: white;
	width: 842px;
	height:auto;
        clear: both;
}
.kidsbackground {
	background-image: url('../images/kids-background.jpg');
	background-repeat: no-repeat;
        background-color: white;
	width: 842px;
	height:auto;
        clear: both;
}

.centercontentbox {
	margin-left: 190px;
	width: 600px;
	color: black;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
        padding-top: 135px;
        clear: right;
	_margin-left: 195px;
	_padding-top: 145px;
     	/*_width: 550x;*/
        /*_float:none;*/
}
.centercontentbox a {
	color: blue;
}
.centercontentboxrepeat {
	margin-left: 210px;
	width: 460px;
	padding: 10px;
	color: black;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
        vertical-align: top;
}
/* Fix for PNG alpha channel display in IE6 */
img {
	behavior: url('css/pngbehavior.htc');
}
a {
	position: relative;
}
/* scroll the content */
.scroll {
	overflow: auto;
	overflow-y: auto;
}
body {
	background-image: url('../images/floral-grunge.jpg');
	background-position: left top;
	background-color: #333333;
}
.footer {
	clear: both;
	margin-top: 125px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
#homebutton {
}
#serieshomepage {
	position: absolute;
	left: 15%;
	top: 355px;
}
#seriesbutton {
	position: relative;
}
#content {
	width: auto;
	text-align: center;
}
#centerplaceholder {
	/*background: url('../images/black-background.png') no-repeat;
	_background: url('../images/blank.gif') no-repeat; /* IE6 hacks ; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/black-background.png', sizingMethod='scale'); */
	width: 873px;
	height: 577px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: -675px;
	display: block;
	z-index: 0;
}
#centerhome {
	background: url('../images/black-background.png') no-repeat;
	_background: url('../images/blank.gif') no-repeat; /* IE6 hacks */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/black-background.png', sizingMethod='fixed');
	width: 873px;
	height: 577px;
	/*height: 577px;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: -35px;
	padding-bottom: 100px;
	display: block;
}
#centercontent {
	background: url('../images/content-white.png') no-repeat;
	width: 873px;
	height: 577px;
	margin-top: 2px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#centercontenttop {
	background: url('../images/black-top.png') no-repeat;
	_background: url('../images/blank.gif') no-repeat; /* IE6 hacks */;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/black-top.png', sizingMethod='scale');
	width: 877px;
	height: 109px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: -50px;;
}
#centercontentrepeat {
	background: url('../images/white-repeat.jpg') repeat-y;
        width: 842px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: auto;
        padding-bottom: 15px;
	margin-top: -3px;
}
#centercontentbottom {
	background: url('../images/black-bottom.png') no-repeat;
	_background: url('../images/blank.gif') no-repeat left top; /* IE6 hacks */;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/black-bottom.png', sizingMethod='scale');
	width: 877px;
	height: 54px;
	text-align: left;
	margin-left: auto;
	margin-top: -16px;
	margin-right: auto;
        clear: both;
}
#centercontentfooter {
	background: url('../images/footer.png') no-repeat;
	_background: url('../images/blank.gif') no-repeat left top; /* IE6 hacks */;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/footer.png', sizingMethod='scale');
	width: 738px;
	height: 30px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#buttons {
	padding-left: 70px;
	margin-top: -20px;
        _width: 150px;
}
#buttonscontent {
	padding-left: 0px;
	padding-top: 2px;
	margin-top: 5px;
        margin-left: -15px;
        float: left;
        height: auto;
        _float: left;
	_margin-left: -25px;
}
#splitterblack {
	background-image: url('../images/menu home/black-splitter.jpg');
	position: absolute;
	clear: both;
	left: 50%;
	margin-left: -235px;
	margin-top: -135px;
	width: 7px;
	height: 132px;
	z-index: 50;
}
#splitterwhite {
	background-image: url('../images/white-splitter.jpg');
	position: absolute;
	clear: both;
	left: 50%;
	margin-left: -255px;
	margin-top: 25px;
	width: 7px;
	height: 170px;
	z-index: 50;
}
/************ Home Page Navigation ******************/
#imnewbutton {
	background-image: url('../images/menu home/i%27m-new.jpg');
	width: 118px;
	height: 28px;
	cursor: pointer;
	position: relative;
}
#imnewbutton:hover {
	background-image: url('../images/menu home/i%27m-new-on.jpg');
	width: 118px;
	height: 28px;
	cursor: pointer;
	position: relative;
}
#aboutbutton {
	background-image: url('../images/menu home/about.jpg');
	width: 118px;
	height: 26px;
	cursor: pointer;
	position: relative;
}
#aboutbutton:hover {
	background-image: url('../images/menu home/about-on.jpg');
	width: 118px;
	height: 26px;
	cursor: pointer;
	position: relative;
}
#connectbutton {
	background-image: url('../images/menu home/connect.jpg');
	background-repeat: no-repeat;
	width: 118px;
	height: 25px;
	cursor: pointer;
	position: relative;
}
#connectbutton:hover {
	background-image: url('../images/menu home/connect-on.jpg');
	background-repeat: no-repeat;
	width: 118px;
	height: 25px;
	cursor: pointer;
	position: relative;
}
#kidsbutton {
	background-image: url('../images/menu home/kids.jpg');
	background-repeat: no-repeat;
	width: 118px;
	height: 29px;
	cursor: pointer;
	position: relative;
}
#kidsbutton:hover {
	background-image: url('../images/menu home/kids-on.jpg');
	background-repeat: no-repeat;
	width: 118px;
	height: 29px;
	cursor: pointer;
	position: relative;
}
#listenbutton {
	background-image: url('../images/menu home/listen.jpg');
	width: 118px;
	height: 28px;
	cursor: pointer;
	position: relative;
}
#listenbutton:hover {
	background-image: url('../images/menu home/listen-on.jpg');
	width: 118px;
	height: 28px;
	cursor: pointer;
	position: relative;
}
/************ Content Pages Navigation ******************/
#homebuttoncontent {
	background-image: url('../images/menu content/home.jpg');
	width: 99px;
	height: 25px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#homebuttoncontenton{
	background-image: url('../images/menu content/home-on.jpg');
	width: 99px;
	height: 25px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#homebuttoncontent:hover {
	background-image: url('../images/menu content/home-on.jpg');
	width: 99px;
	height: 25px;
	cursor: pointer;
	position: relative;
}
#imnewbuttoncontent {
	background-image: url('../images/menu content/im-new.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#imnewbuttoncontent:hover {
	background-image: url('../images/menu content/im-new-on.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
}
#imnewbuttoncontenton {
	background-image: url('../images/menu content/im-new-on.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#aboutbuttoncontent {
	background-image: url('../images/menu content/about.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;	
}
#aboutbuttoncontent:hover {
	background-image: url('../images/menu content/about-on.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
}
#aboutbuttoncontenton {
	background-image: url('../images/menu content/about-on.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;	
}
#connectbuttoncontent {
	background-image: url('../images/menu content/connect.jpg');
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#connectbuttoncontent:hover {
	background-image: url('../images/menu content/connect-on.jpg');
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
}
#connectbuttoncontenton {
	background-image: url('../images/menu content/connect-on.jpg');
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#kidsbuttoncontent {
	background-image: url('../images/menu content/kids.jpg');
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#kidsbuttoncontent:hover {
	background-image: url('../images/menu content/kids-on.jpg');
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
}
#kidsbuttoncontenton {
	background-image: url('../images/menu content/kids-on.gif');
	background-repeat: no-repeat;
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}

#listenbuttoncontent {
	background-image: url('../images/menu content/listen.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#listenbuttoncontent:hover {
	background-image: url('../images/menu content/listen-on.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
}
#listenbuttoncontenton {
	background-image: url('../images/menu content/listen-on.jpg');
	width: 99px;
	height: 22px;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	display: block;
}
#mp3player {
	text-align: right;
	width: auto;
	padding-right: 10px;
	margin-top: -5px;
}
#currentserieslarge {
	padding-top: 35px;
	background-position: left bottom;
	background-image: url('../images/current-series.jpg');
	background-repeat: no-repeat;
	width: 290px;
	height: 226px;
	z-index: 2;
}
#currentserieslarge img {
	margin-top: 29px;
	padding-left: 12px;
	border: 0px;
}
#currentseriessmall {
	background-position: left bottom;
	background-image: url('../images/current-series-white.jpg');
	background-repeat: no-repeat;
	padding-top: 15px;
        margin-bottom: 5px;
	width: 177px;
	height: 142px;
        float: left;
        clear: both;
	position: relative;
	margin-left: 20px;
}
#currentseriessmall img {
	margin-top: 21px;
	padding-left: 17px;
	border: 0px;
}
#promobox {
	margin-top: 52px;
	width: 836px;
	text-align: center;
	padding: 2px 15px 0px 15px;
}
#promobox img {
	padding: 5px;
}
/* Preload home page images */
#hidden {
	background-image: url('../images/rotate/I25.png');
	background-image: url('../images/rotate/bird.png');
	background-image: url('../images/rotate/crosswalk.png');
	background-image: url('../images/rotate/man.png');
	background-image: url('../images/rotate/crosswalk.png');
	background-image: url('../images/rotate/girl.png');
	visibility: hidden;
}
.topright {
	position: absolute;
	right: 0;
	top: 0;
}
/* Vertical menu */
#menu1 {
	background-image: url('../images/menu content/about.jpg');
	margin-left: 25px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	text-decoration: none;
	color: #000000;
	height: 20px;
        _clear: both;
}
.submenu {
	/*background-image: url('../images/menu content/connect.jpg');*/
	display: block;
	font: normal 12px Arial;
	line-height: 18px;
	height: 19px;
	margin-left: 10px;
	padding-top: 2px;
	padding-left: 7px;
	color: #333333;
	text-decoration: none;
        _position: relative;
}
.submenu:hover {
	/*background-image: url('../images/menu content/connect.jpg');*/
	font-weight: bold;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.menulist {
	width: 160px;
}
.menulist li {
	list-style: none;
}


/* EDITOR PROPERTIES */
