@import url("reset.css");
@import url("common.css");

body {
	text-align: center;
	background: #4D7383;
	font: normal .76em/1.1em Arial, Verdana, sans-serif;
	margin-top: 10px;
}
div { text-align: left; }
h2 { color: #ffffff; font: 0.98em Arial, Verdana, sans-serif; text-transform: uppercase; }

#global { margin-right: auto; margin-left: auto; width: 1000px; }
#header { width: 1000px; height: 127px; border-bottom: 1px solid #656464; }
#header img { float: left; }
#navigation { width: 1000px; height: 36px; background: #333333; border-bottom: 1px solid #656464; }
#container {
	width: 976px;
	padding: 12px;
	background-color: #446573;
}
#subcontainer {
	width: 976px;
	height: 538px;
	padding: 12px;
	height: 538px;
	background-color: #446573;
}
#footer { width: 1000px; height: 17px; margin: 10px 0; padding: 13px 0; background: #636464; color: #ffffff; text-align: center; clear: both; }
#copyright { width: 1000px; margin: 10px 0; color: #ffffff; text-align: center; }

#welcome { width: 975px; height: 70px; margin: 0 0 12px; background: #000000; border: 1px solid #656464; }
#welcometitle { width: 223px; margin: 7px 4px 0 10px; padding: 22px 0; float: left; border-right: 1px solid #333232; }
#welcomefb { width: 223px; margin: 2px 4px 0 1px; padding: 1px 0; float: left; border-right: 1px solid #333232; }
#welcometext {
	width: 720px !important;
	width: 710px;
	height: 56px;
	padding: 6px 7px 7px 4px;
	float: left;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #ffffff;
}

#subnavigation { width: 180px; height: 513px; padding: 10px; float: left; background: url('images/subnavbg.gif') repeat-x bottom #2e2e2e; border: 1px solid #656464; font: 1.1em/1.5em Arial, Verdana; }
#subnavigation p {
	color: #FFFFFF;
	line-height: 1em;
}

#subnavigation > img {
	margin-top: 2em;
	margin-bottom: 1em;
	margin-right: 0px;
	margin-left: 0px;
}
#subnavigation > img.first {
	margin-top: 0em;
}
#subnavigation ul#snav {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnavigation ul#snav li {
	text-align: left;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnavigation ul#snav li a:link, #subnavigation ul#snav li a:visited {
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #383838;
	text-decoration: none;
}
#subnavigation ul#snav li a:hover {
	background-image: url(images/snav_li_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFFFFF;
}

#subholder {
	width: 767px;
	height: 533px;
	float: right;
}

#main {
	width: 958px !important;
	height: 380px;
	margin: 0 0 12px;
	padding: 8px;
	background: #201e1e;
	border: 1px solid #656464;
}
#submain { width: 747px; height: 305px; margin: 0 0 8px; padding: 8px; background: #201e1e; border: 1px solid #656464; }


#slider-holder { width: 958px; margin: 0 0 12px; padding: 8px 8px 0 8px; background: #201e1e; border: 1px solid #656464; }
#slider { position:relative; height:325px; overflow:hidden; width:958px; }

#slider h3,
#slider .book-info h4,
#slider h2 { font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif; font-size:42px; line-height:42px; color:#df9938; font-weight: bold; white-space:nowrap; height:45px;}
#slider h2 span { color:#747171;}
#slider h2 strong { float:left; }
#slider h2 a { color:#fff; font-family: Arial, sans-serif; font-size:14px; border-left:solid 1px #555454; padding-left:10px; line-height:38px; margin-left:10px; display:inline-block; height:38px; float:left; position:relative; top:5px; text-decoration: none;}
#slider h2 a:hover { text-decoration: underline;}
#slider .orange { color:#f79a33; }
#slider .orange-bigger { color:#f79a33; font-size:18px; }

#slider h3 { font-size:33px; line-height:33px; height:auto; letter-spacing:-1px; color:#f79a33;}
#slider .book-info h4 { font-size:19px; line-height:21px; height:auto; padding-bottom:18px; color:#f79a33; letter-spacing:-1px;}
#slider .book-info h4 span { color:#747171; }

#slider ul.slide-list { list-style-type: none; position:relative; margin:0; height:325px;}
#slider ul.slide-list li.slide-item { float:left; height:325px; width:958px; display:inline; position:relative; }

#slider .coming-book { position:absolute; top:6px; width:163px; text-align: center; left:778px;}

#slider-nav { background:url(images/slider/slide-nav.jpg) repeat-y 0 0; text-align: center; color:#fff; font-size:14px; line-height:16px; padding:4px 0; font-weight: bold;}
#slider-nav a { color:#fff; text-decoration: none;}
#slider-nav a.active,
#slider-nav a:hover { color:#333;}
#slider-nav span { padding:0 6px;}

#slider .now-available { background:#000; border-top:solid 1px #4d4d4d; color:#fff; font-size:15px; line-height:1; font-weight: bold; padding:8px 8px 0 8px; height:53px;}
#slider .now-available h4 { font-size:20px; line-height:1; }
#slider .now-available .left { float:left; display:inline; white-space:nowrap; padding-right:10px;}
#slider .now-available .logos a { margin-left:10px;} 

#slider .video-holder { height:325px; background:url(images/slider/slide2.jpg) no-repeat 0 0; }
#slider .video-holder .video { position:absolute; top:110px; left:689px; }

#slider .video { width:257px; }

#slider .books-grid { padding-top:25px; margin-bottom:25px; }
#slider .books-grid ul{ list-style-type: none; margin:0; height:168px; }
#slider .books-grid ul li { float:left; display:inline; text-align: center; height:148px; padding:20px 0 0 0; border-right:solid 1px #474747; font-size:12px; width:90px; line-height:13px;}
#slider .books-grid ul li p { text-align: center; padding-bottom:8px;}
#slider .books-grid ul li a { text-decoration: none;}

#slider .book-info { height:267px; overflow:hidden; color:#fff; font-family: Arial, sans-serif; font-size:12px; line-height:20px; }
#slider .book-info .book-image { float:left; display:inline; width:212px;}
#slider .book-info .book-details { float:left; display:inline; width:450px;}
#slider .book-info .book-video { float:right; display:inline; width:257px; text-align: center; padding-top:7px; }

#slider .book-info .book-details p { padding-top:10px; }
#slider .book-info .book-details p a { color:#fff; text-decoration: underline; }
#slider .book-info .book-details p a:hover { text-decoration: none;}

#content {
	width: 945px;
	height: 370px;
}
#subcontent { width: 754px; height: 305px; }

#bodytext {
	width: 345px;
	padding: 5px 20px 0 20px;
	float: left;
	font: normal 1em/1.3em Arial, Verdana, sans-serif;
	color: #ffffff;
}
#subbodytext {
	width: 415px;
	height: 305px;
	padding: 5px 10px 0 0px;
	float: left;
	font: normal 1em/1.3em Arial, Verdana, sans-serif;
	color: #FFFFFF;
}
#subbodytext img { margin: 0 10px; }
#subbodytext p { margin:1em 0px;}
#sidetext { width: 310px !important; width: 220px; height: 327px; padding: 5px 0; float: left; }
#subsidetext { width: 310px; height: 305px; padding: 5px 0; float: left; }
#more { width: 345px; margin: 13px 0; }
#links { width: 170px; float: left; border-right: 1px solid #333232; }
#links ul li, #soundtrack ul li {
	background-image: url(images/links_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-align: left;
	display: block;
	padding-left: 17px;
	list-style-type: none;
	margin-left: -15px;
}

#soundtrack { width: 165px; float: right; }

ul { margin: 0 0 0 12px; }
li { list-style: square; line-height: 1.3em; }

.nosquare { list-style: none; }

#nav { margin: 0px; }
.navitem { margin: 0px; padding: 0px; float: left; list-style: none; display: inline; }

#subboxes { width: 976px; height: 218px; }
#subsubboxes { width: 767px; height: 218px; }
.box { border: 1px solid #656464; float: left; margin: 0 11px 0 0 }
.box2 { border: 1px solid #656464; float: left; margin: 0 5px 0 0 }
.boxend { border: 1px solid #656464; float: left; }
.boxhead {
	width: 100%;
	height: 20px;
	padding: 12px 0 0 9px;
	background-color: #234350;
}
.boxhead h2 {
	margin: 0px;
	padding: 0px;
}

.boxbody { width: 100%; height: 187px; background: #ffffff; color: #333333; }
.boxbody2 { width: 100%; height: 170px; background: #ffffff; color: #333333; }
.boxbody img { width: 142px; margin-right: 10px; float: left; }
.boxtext { padding: 10px; color: #333333; }
.boxtext p {margin: 1em 0 1em 0;}

#change { width: 249px; height: 127px; background: url('images/changebg.gif') repeat-x; float: right; }
#tree { width: 80px; height: 127px; margin: 0 0 0 5px; float: left; background: url('images/tree.gif') no-repeat; }
#logo { width: 154px !important; width: 149px; height: 31px; margin: 22px 5px 0; float: left; background: url('images/changelogo.gif') no-repeat; }
#joinus { width: 154px !important; width: 140px; margin: 10px 5px 0; color: #ffffff; float: right; }

.sep { margin: 0 5px 0 5px; }

a:link, a:visited {
	color: #f79a33;
	text-decoration: underline;
}
a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
.boxlink a:link, .boxlink a:visited {
	color: #f79a33;
}
.boxlink a:hover { color: #CCC; }

.subnav a:link { color: #ffffff; text-decoration: none; }
.subnav a:visited { color: #ffffff; text-decoration: none; }
.subnav a:hover { color: #f79a33; text-decoration: none; }

#footer a:link { color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: none; }

.boxtext a:link, .boxtext a:visited {
	color: #333333;
	text-decoration: underline;
}
.boxtext a:hover {color: #f79a33;}
.marginBFix { margin-bottom:-5px;}

.regForm{ font-size:14px; font-weight:bold;}
.regForm input[type=text]{ font-size:14px; font-weight:normal; height: 18px; border: 1px solid #999;}
.regForm input[type=password]{ font-size:14px;  font-weight:normal; height: 18px; border: 1px solid #999;}
.regForm td{ padding:5px; }

.miniEditBox
{
  float: right;
  border: 1px solid #dcdcdc;
  font-size: 8pt;
  padding: 2px;
  margin: 4px 4px 0 4px;
}

#subbodytext h2.booktitle  { margin:-10px 0 0 10px; font-size:28px; color:#F59932; font-weight:bold; font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;}