@charset "utf-8";
/* CSS Document */

/*FRAMEWORK LAYOUT*/

.twoColFixRtHdr #container { 
	width: 920px;  
	background: #FFF;
	margin: 20px auto;
	border: 1px solid #EEE;
	text-align: left; 
} 
.twoColFixRtHdr #header { 
	background: #FFF; 
	padding: 20px;  
} 

.twoColFixRtHdr #navIndex { 
position: absolute;
z-index: 1000;
}

.twoColFixRtHdr #navBook { 
position: absolute;
z-index: 10000;
} 

.twoColFixRtHdr #navHome { 
height:70px;
position:absolute;
top:80px;
width:550px;
z-index:100000;
} 

.twoColFixRtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.twoColFixRtHdr #sidebar1 {
background:#FFF none repeat scroll 0 0;
border-left:1px solid #EEE;
float:right;
margin:15px 20px 15px 0;
padding:0 0 0 19px;
right:5px;
width:220px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 260px 0 0; 
	padding: 0 20px; 
} 
.twoColFixRtHdr #mainContent2 { 
	margin: 0; 
	padding: 0; 
} 
.twoColFixRtHdr #mainContent3, .twoColFixRtHdr #mainContent4 {
margin:20px 260px 0 0;
padding:0 20px;
}
.twoColFixRtHdr #footer { 
border-top:1px solid #EEE;
margin-left:20px;
padding:5px 10px 5px 0;
width:880px;	
} 
.twoColFixRtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*NAVIGATION*/

.navigation ul li {
display:inline;
margin:0 -5px;
}

#navTop, #navSub {
}

#navTop {
display:block;
margin:150px 0 10px -90px;
overflow:visible;
width:1100px;
}

#navTop, #navSub {
font-family: Verdana;
font-size: 10px;
text-transform:uppercase;
letter-spacing: .2em;
}

#navTop a, #navSub a {
color: #999;
padding:3px 45px 5px;
border-right: 1px solid #EEE;
text-decoration: none;
}

#navSub a:hover{
color: #EEE;
background-color: #333;
text-decoration: none
}

#navTop a:hover {
text-decoration: underline;
color:#111;
}

/*--typography*/
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333;
text-decoration: none;
}

a {
color: #555;
text-decoration: underline;
}

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

h1 {
font-family: Georgia;
font-size: 24px;
padding: 8px 0 5px;
}

h2 {
font-family: Georgia;
font-size: 18px;
color: #666;
}

h3 {
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #666;
padding: 6px 0 4px;
}

h4 {
font-family: Georgia;
font-size: 12px;
font-weight: bold;
}

h5 {
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}

h6 {
font-family: Verdana;
font-size: 10px;
}

p {
padding-bottom: 10px;
font-size: 13px;
line-height: 19px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#mainContent3 p {
padding-bottom: 10px;
font-size: 16px;
}

#footer p  {
font-size:10px;
line-height:14px;
}

#footer a {
color: #333;
font-family:Verdana;
font-size:10px;
line-height:14px;
}

#footer a:hover {
color: #FFF;
background-color: #333;
} 

/*TABBED CONTENT*/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #f1f1f1;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
display:block;
font-family:verdana;
font-size:10px;
height:30px;
letter-spacing:0.1em;
line-height:30px;
margin:0;
padding:0;
position:relative;
text-align:center;
text-decoration:none;
text-transform:lowercase;
top:1px;
width:160px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color: #EEE;
	background-color: #999;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#111 !important;
	background-color: #f1f1f1;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
}

.panes {
padding: 20px 0;
}

/*UNIQUE PAGE PROPERTIES*/
#slideshowHome {
background-color:#000;
border:0 none;
height:330px;
margin-bottom:0;
width:620px;;
}

#homeSidebar {
background-color:#000000;
float:right;
height:290px;
margin:0 20px 0 0;
padding:20px;
width:220px;
}
#homeSidebarBorder {
background-color:#333;
height:198px;
position:absolute;
top:335px;
width:1px;
}
#homeSidebarContent {
padding-left:20px;
}

#homeDesc {
margin-top:-20px;
width:630px;
}

#homeCol1, #homeCol2{
padding-top:20px;
width:288px;
}

#homeCol1 p, #homeCol2 p{
font-size:14px;
line-height:22px;
}

#homeCol1 {
float:left;
padding-left:20px;
}
#homeCol2 {
float:right;
}

#twitter_div {
}

#twitter_div ul li{
padding: 6px 0;
}

.flickrimg { height: 120px; width:160px; margin-bottom: 10px; }

#navBuyBook {
}

#storeCol1, #storeCol2{
padding:20px;
width:401px;
text-align: center;
}

#storeCol1 p, #storeCol2 p{
font-size:11.5pt;
line-height:24px;
padding-top:12px;
}

#storeCol1 {
float:left;
}
#storeCol2 {
float:right;
}

#storeRule {
background-color:#E6E6E6;
height:480px;
position:absolute;
right:50%;
top:287px;
width:1px;
}

.contact {
}

.storeBuy {
}