/* CSS Document */
/* 9.22.07 */
/* Author: www.randycaruso.com */

* { margin: 0; padding: 0; }
*+html hr { margin: 0em 0 -7px 0; /*IE 7 bugfix*/ }
* html hr { margin: 0em 0 -7px 0; /*IE 6 bugfix*/ }

body {
	font-size: 80%;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: #303030 url(../images/body-background.jpg) repeat-x fixed;
		color: #708090;
}

p {color: Black; margin:0 0 1em 0;}

a {color: #CD853F;text-decoration: underline;}
a:hover {color: #FF8C00;}

h1 {display:none;}

h2 {
	font: normal 1.4em/1.3em Georgia, Arial, Helvetica, sans-serif;
	color: #708090;
	margin: 0 0 9px 0;
	xborder: 1px solid blue;
}

h3 {
	margin: 0 0 12px 0;
	font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
}

h4 {font: normal 1.8em Arial, Helvetica, sans-serif;padding:0;margin:0;}

h5 {display:none;}
h6 {
	margin: 0 0 12px 0;
	font: normal .8em Arial, Helvetica, sans-serif;
}

#clear{ clear: both; }

.xpad {
	padding: 0 8px 0 0;
}







.tablehell {
	width:500px;
}



.date {
	font: normal .8em Arial, Helvetica, sans-serif;
	color: black;
	margin: 0 0 5px 0;
	width:424px;
}


#podcast{
	background: url(../images/audio_back.jpg) no-repeat;
	width: 428px;
	height: 54px; padding: 26px 0 0 87px;
}


.note {
	color: red;
	font-size: 2em;
}

/* ------------------------------------------------  NAV ---------------------------------------------------- */	




#nav{
	height: 56px;
	width: 864px;
	margin: 0 auto;
	border: 0;
	padding: 16px 0 0 0;
}

#nav img{
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;}

#topshadow {
	width: 864px;
	height: 19px;
	margin: 0;
	padding: 0;
}




#espanol {
	width: 800px;
	margin: 15px auto 0px auto;
	height: 18px;
	text-align: right;
	padding: 0 60px 0 0;
}



#header {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 864px;
	height: 161px;
	background: Black url(../images/header.jpg) no-repeat;
}


#container {
	margin: 0 auto;
	width: 864px;
	height: 100%;
	background: White url(../images/new_backround.gif) repeat-y;
}
	
	
#cart_container {
	margin: 0 auto;
	width: 864px;
	height: 100%;
	background: White url(../images/cart_backround.gif) repeat-y;
}
	



/* ------------------------------------------------  MAIN CONTENT ---------------------------------------------------- */	


#content {
	padding: 0 0 0 0;
	margin: 6px 0 30px 0;
	float: right;
	height: 100%;
	width: 644px;
	xborder: 1px solid blue;
}

#content h2{
	width: 424px;
	margin: 0 0 9px 0;
}


#content p {
	margin: 0 0 .8em 0;
	width: 424px;
	xborder: 1px solid red;
}

 hr {
  border-top: 1px solid #a0a3ac;
  border-right: none;
  border-bottom: none;
  border-left: none;
  height: 0em;
  xline-height: 0em;
  margin: 1em 0;
  xpadding: 0;
  xoverflow: hidden;
  width:424px;	
  text-align: left;

}


#content-right {
	float:right;
	padding: 0 0 0 0;
	width: 200px;
	height: 100%;

}
#content-right p {
	width: 180px;
	xpadding: 7px 14px 7px 14px;
	margin: 0 auto;
	font-size: 12px;
	color: white;
	xborder: 1px solid Red;
}
#content-right h2 {
	width: 180px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}
 #preorder {
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 auto;
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}



blockquote {
	margin: 10px 0 10px 0;
	font-size: 12px;
	color: #495863;
	padding: 0;
	text-align: left;
	width: 380px;
	line-height: 1.4em;
	xborder: 1px solid green;
}

blockquote br{ padding: 0 0 10px 0; }













#clear { clear: both; }


#content ul {
	xborder: 1px solid blue;
	padding: 2px 60px 9px  0;
	margin: 0 0 0 50px;
}
#content li {
	padding: 0 0 6px 0;
	margin: 0  0 0 0;
	list-style-image: url(../images/dot.gif);
	color: #505F6B;
	width: 360px;
}

.from {
	font-size: .7em;
	color: #606060;
	font: italic;
}
	
.q { margin: -7px 0 0 0; }

.q4 { margin: 2px 0 0 0; }




#askform {;
	background-color: #a2bacd;
	width: 424px;
	margin: 0;
	padding: 0 0 1px 0;
}
#askform p {
	width: 410px;
	color: white;
	font-weight: bold;
	margin: 0 0 0 20px;
}

#askform-top{
	height: 13px;
	width: 424px;
	background: url(../images/top.gif) no-repeat bottom;
	margin: 25px 0 0 0;
	padding: 0;
}
#askform-bot{
	height: 16px;
	width: 424px;
	background: url(../images/bot.gif) no-repeat top;
	margin: 0 0 60px 0;
	padding: 0;
}



#question{
	padding: 0 70px 0 30px;
}

#continue { display: none;
}

.define {
	font: normal 1.4em/1.4em Georgia, Arial, Helvetica, sans-serif;
	color: #708090;
}












/* ------------------------------------------------   CONTENT LEFT ---------------------------------------------------- */	



#content-left {
	float: left;
	width: 200px;
	height: 100%;
	xborder: 1px solid blue;
}   

#content-left p {
	width: 172px;
	padding: 7px 14px 7px 14px;
	margin: 0 auto;
	font-size: 12px;
	color: white;
	xborder: 1px solid Red;
}

#content-left ul { margin: 0 0 0 60px; }
#content-left li { padding: 0 0 5px 0; }

#content-left a { color: white; }




#recent-events {
	margin: 9px 0 9px 0;
}





/* ------------------------------------------------  FOOTER ---------------------------------------------------- */	


#footer {
	margin: 0 auto;
	xpadding: 20px 0 0 0;
	width: 864px;
	height: 250px;
	background: Black ;
}

#footer p {   }

#contact div{
	float:right;
	width: 170px;
	height:130px;
	xborder: 1px solid blue;
	margin: 40px 30px 0 0;

	
}
#contact p {
	text-align: left;
	color: #b3893c;

}

#contact a {
	color: #CACACA;
	font-size: 1.1em;
}
 .line {padding: 0 0 5px 0;	font-size: 1.2em;
 	border-bottom: thin solid #4a4a4a;

	width: 120px;
 }


/* ------------------------------------------------  SIDE BAR ---------------------------------------------------- */	

#sidebar{
	float: right;
	width: 200px;
	margin: 0 0 10px 25px;
	background: url(../images/sidebar.gif) no-repeat top;

}

#sidebartext{
	background-color: #E1E7F1;
	padding: 0 15px 0 15px;
	margin: 10px 0 0 0;
}

#sidebartext p{ margin: 0; padding: 0 0 5px 0;
font: 1.2em/20px Georgia, Times; color: #606060;}

#sidebarbase{
	background: url(../images/sidebar.gif) no-repeat bottom;
	width: 200px;
	height: 10px;
}



/* ------------------------------------------------  CONTENT BOX ---------------------------------------------------- */	

#content-box{
	width: 530px;
	margin: 0 0 15px 0;
	background: url(../images/content-box.gif) no-repeat top;
}

#content-boxtext{
	background-color: #E1E7F1;
	padding: 10px  15px 10px  25px;
	margin: 10px 0 0 0;
}

#content-box p{ margin: 0; padding: 0 0 5px 0;
font: 1.4em/20px Georgia, Times; color: #606060;}

#content-boxbase{
	background: url(../images/content-box.gif) no-repeat bottom;
	width: 530px;
	height: 10px;
}














/* ------------------------------------------------  BOOK PRESALE ---------------------------------------------------- */	


#bookcontainer{
	width: 559px;
	margin: 0 0 0 -10px;
	xborder: 1px solid blue;
	height: 440px;
	xbackground: url(../images/brower-book.jpg) no-repeat;
}

#bookcontainer2{
	width: 425px;
	margin: 0 0 0 -10px;
	xborder: 1px solid blue;
	height: 345px;
	xbackground: url(../images/brower-book.jpg) no-repeat;
}

#form { float: right; width: 240px; margin: 8px 0 0 0; }
#form p{ width: 220px; }


.fineprint { font: 9px; }

.storeprint { font: 10px; }





/* ------------------------------------------------  SAITECH ---------------------------------------------------- */	


#saitech {
	width:535px;
	margin: 0 0 30px 0;
	background: url(../images/saitech-art2.jpg) no-repeat;
	xborder: 1px solid blue;
	padding: 225px 0 0 0;
}

.saitech h2 {
	font-size: 16px;
	color: Gray;
}

.siatech { margin: 8px 0 0 12px; }
.siatechproduct { padding: 3px 0 0 0; }

.saitechhr {
	width:360px;
}











#calendar {
	width: 189px;
	background: url(../images/calendar-back.jpg) repeat-y;
	padding: 10px 10px 10px 10px;
	color: white;
}

#calendar p{
	font-size: 12px;
	color: white;
	padding: 7px 10px 7px 10px;
}

#calendar a { color: white; }









#hide { display: none; }

.chapter {	color: #708090;}








/* ------------------------------------------------  NEWSLETTER FORM ---------------------------------------------------- */	








#newsletterform {
	width: 200px;
	xmargin: 0 0 0 15px;
}

#newsletterform p {
	padding: 0 0 8px 0;
}

.field {
	width: 170px;
	height: 16px;
	color: Gray;
	font-size: 11px;
	background-color: #FFF3E3;
	padding: 3px 0 0 2px;
	margin: 2px 0 2px 0;
}

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




/* ------------------------------------------------  STORE ---------------------------------------------------- */	

#store {
	text-align: left;
	width: 425px;
}

#store p {
	xborder: 1px solid Red;
	text-align: left; 
}


#store img {
	margin: 0 8px 6px 0;
}

#store .book { margin: 0 0 0 -8px; }

.secret-table-text { margin: 0 0 0 14px; }
.store hr { width: 425px; 	clear: both;}

#store div{
	width: 425px;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px;
	border: 1px solid blue;

}

.storeproduct {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}

.storedetails {
	width: 310px;
	xfloat: right;
	margin: 0;
	padding: 0;
}

.storedetails p { width: 275px; }

#storeform {
	width: 300px;
	margin: 0;
	padding: 0;
}




.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}


.hidepagename p{xdisplay:none;text-align: center;
	font-size: 10px;
	color: #B8B8B8;
}

#customerservice {
	margin: 25px 0 0 0;
}

#customerservice  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#customerservice  li {
	margin: 0;
	padding: 0;
}





.notifyinfo { 
   font-family: verdana,arial,sans-serif;
   font-size: 0.8em;
   padding: 20px 10px 0 10px; 
   margin: 10px;
   color: #777777;
}	


.button{ width:50px;}






#siderock {
	height: 193px;
	width: 927px;
	background: url(../images/side_rock.jpg) no-repeat top right;
	margin:0 auto;
	
}


.sid2 {
	margin: 0 -80px 0 0;
	padding: 0 -80px 0 0;
}



























