/*******************************************/
/** Main body, headers and general layout **/
/*******************************************/

html 
	{
	overflow-y: scroll;
	}

body 
	{ 
	background-color: #272727;
	background-image: url('../../images/bg.jpg');
	background-repeat: repeat-x;
	}
	
body, h1, h2, h3, p
	{
	text-align: left;
	}

h1	{	font-size: 1.2em;	padding-bottom: 15px;	color: #aaa; }
h2	{	font-size: 1.1em;	padding-bottom: 15px;	color: #aaa;	}	
h3	{	font-size: 1.0em;	padding-bottom: 15px;	color: #7e7e7e;	}
p	{	font-size: 0.9em;	padding: 0 0 15px 0;	color: #7e7e7e;	}
li	{	font-size: 0.9em;	padding: 0 0 15px 0;	color: #d8d8d8;	}

legend	{	font-size: 0.9em;	color: #7e7e7e; 	padding-bottom: 15px;	}

label
		{
		float: left;
		text-align: left;
		width: 5em;
		margin-right: 0.5em;
		}
		
em { font-weight: bold; padding-right: 1em; vertical-align: top; color: #f78a55; }
	
	form /**input,**/ textarea
	{
	width: 250px;
	}
	
 #pp-form {color: #7e7e7e;
          font-size: 80%;
          font-weight: normal; }

 #pp-form select {color: #000;
                  
                  margin-bottom: 8px;}

	textarea
		{
		resize: none;
		}

a:link, a:hover, a:active, a:visited
	{	font-size: 0.9em;	color: #f78a55;	}
	
/*******************************************/
/** Structural elements			          **/
/*******************************************/

#container
	{
	margin: 0 auto;
	padding: 30px 30px 0 30px;
	height: auto;
	width: 800px;
	clear: both;
	}
	
#logo
	{
	float: left;
	height: 100px;
	width: 100px;
	margin-bottom: 15px;
	clear: left;
	}
	
#header
	{
	float: left;
	width: 700px;
	margin: 0 0 30px 0;
	clear: right;
	}

/* Navigation */	
#navigation
	{
	width:675px;
	float: right;
	margin:0;
	}

ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	font-size: 1.0em;
	text-transform:capitalize;
	background: #2e2e2e url(../../images/nav_bar.jpg) repeat-x;
}
ul#nav li {
	display: inline;
	font-size: 1.0em;	
}
ul#nav li a {
	display: block;
	float: left;
	padding: 5px 15px;
	color: #f78a55;
	text-decoration: none;
}
ul#nav li a.navSelected {
	background: #1b1b1b url(../../images/nav_bar_o.jpg) repeat-x;
}

ul#nav li a:hover {
	background: #1b1b1b url(../../images/nav_bar_o.jpg) repeat-x;
}
/* Navigation - END */

#content
	{
	height: auto;
	width: 800px;
	clear: both;
	}
	
#footer
	{
	padding:20px 0;
	margin:0 auto;
	line-height:3em;	
	width: 800px;
	clear: both;
	}

#footer img {
	padding:0;
}

span.footer {
	margin:0;
	padding:0;
	font-size: 0.9em;
	color: #7e7e7e;
}


/*******************************************/
/** Page sections	                      **/
/*******************************************/
	
.leftPanel
	{
	width: 420px;
	float: left;
	background-color: #333333;
	padding:15px;
	margin: 0 0 20px 0;
	}
	
.rightPanel
	{
	width: 300px;
	float: right;
	background-color: #3c3c3c;
	padding:15px;
	margin: 0 0 20px 0;
	}

.onePanel {
	height: auto;
	width:770px;
	float: left;
	clear: both;
	padding:15px;
	margin: 0 0 10px 0;
	background-color: #343434;
}
/*******************************************/
/** Misc Classes		                  **/
/*******************************************/	



.book_right{
	float:right;
	width:450px;
	height:345px;
}

#linkbar{
	float:right;
	background-color: #272727;
	margin:auto;
	padding:5px;
}
#linkbar img {
	margin: 0;
	padding: 0;
	}

#linkbar img{
	margin: auto;
}

.padding
	{
	padding:15px;
	}

.pad_mid {
	margin: 0 12px 15px 12px;
	padding:0;
}

.form_submit
	{
	margin-left: 7.20em;
	}

.submit_button
	{
	height: 28px;
	width: 80px;
	margin-right: 0.5em;
	cursor: pointer;
	}
		
.msgError .error
	{
	vertical-align: top;
	}
		
.nameError, .emailError, .msgError
	{
	margin-left: 20px;
	font-size: 0.9em;
	font-weight: bold;
	color: #f78a55;
	font-style: italic;
	}

.asterix
	{
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 20px;
	font-weight: bold;
	font-style: italic;
	}

/*******************************************/
/** Tabs Classes		                  **/
/*******************************************/	
	#tabsContainer {
		height: auto;
		margin:0;
		clear:both;
	}

	ul.tabNavigation {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}

	ul.tabNavigation li {
	    display: inline;
	}

	ul.tabNavigation li a {
	    padding: 3px 5px;
	    background-color: #888;
	    color: #000;
	    text-decoration: none;
	}

	ul.tabNavigation li a.selected , ul.tabNavigation li a.selected:hover{
	    background-color: #4e4e4e;
	    color: #ddd;
	    padding-top: 7px;
	}
	ul.tabNavigation li a:hover {
	    background-color: #3e3e3e;
	    color: #ddd;
	    padding-top: 7px;
	}
	
	ul.tabNavigation li. a:focus {
		outline: 0;
	}

	div.tabs > div {
		padding: 5px;
		margin-top: 2px;
		border: 4px solid #4e4e4e;
		clear: both;
	}
	
	div.tabs > div h2 {
		margin-top: 0;
	}

	#first, #second, #third, #fourth, #fith, #sixth .fix {
		background: #272727;
	
	}
	
	.tabs p, .tabs ul, .tabs li {
color: #F7F7F7;
}

 /* Bullet point styles for content in the tabs */
DIV.fix ul.list
	{
	padding-bottom: 0;
	padding:0 0 0 0;
	margin:0;
	font-size: 1.0em;
	text-decoration: none;
	}
DIV.fix ul.list li.list {
	padding-bottom: 0;
	padding: 0px;
	margin:0 0 0 20px;
	list-style-type: circle;
}

/*******************************************/
/** Sliding Boxes (image effect)          **/
/*******************************************/	
/** boxgridMain = home page img           **/
/** boxgrid     = Book page img           **/
/*******************************************/
h4 { 
	margin: 10px 10px 0 10px; 
	color:#ffffff;
	font:18pt Arial, sans-serif;
	letter-spacing:-1px;
	font-weight: bold;
}

.boxgrid { 
	width: 267px; 
	height: 381px; /*h:260, w:325 */
	margin: 0 0 20px 0;
	padding:0;
	float: left; 
	background: #161613; 
	border: solid 2px #444; 
	overflow: hidden; 
	position: relative;
}

	.boxgrid img { 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0;
		padding: 0;
		margin: 0;
	}
	.boxgrid p { 
		padding: 0 10px; 
		color: #afafaf; 
		font-weight:bold; 
		font: 10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #0e0e0e; 
	height: 100px; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	/* Full Caption Sliding (Hidden to Visible) */
	.captionfull .boxcaption {
		top: 387px;
		left: 0;
	}
	
h4 a {}

.homeImg
	{
	height: 381px;
	width: 267px;
	padding: 0 15px;
	}