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

/* BASIC */

body {
	margin: 0; padding: 0;
	background-color: #33CCCC;
	
	font: 14px bold normal Arial, Helvetica, sans-serif;
	color: #330000;
}

p {
	margin-top: 0;
	line-height: 1.6em;	
}
p#address {
	line-height: 1.2em;
}

#wrapper {
	margin: 0 auto; padding: 0;
	width: 830px;
}

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

#contenttop {
	height: 30px;
	background: #33CCCC url(../images/bkgnd_top.png) no-repeat bottom center;
}

#contentbottom {
	height: 30px;
	background: #33CCCC url(../images/bkgnd_bottom.png) no-repeat top center;
}

#content {
	background: #33CCCC url(../images/bkgnd_content.png) repeat-y bottom center;
	width: 760px;
	padding: 0 35px 20px;
}

#cleardiv { clear: both; height: 1px; }

/* ------------
	BANNER
------------ */

/* Banner Left */
#banner {
	width: 760px; height: 200px;
	padding: 0;
}

#bannerleft {
	float: left;
	width: 219px; height: 159px;
	padding: 20px;
	
	background-color: #F6F6F6;
	border-left: #DDD 1px solid; border-top: #DDD 1px solid;
}

h4 {
	margin: 0;
	font-size: 1.8em;
}

#address {
	font-size: 1.2em;	
}



/* Banner Right */
#bannerright {
	float: right;
	width: 480px; height: 200px;
	padding-right: 20px;
	background-image: url(../images/bkgnd_banner-right.jpg);
}

#bannerright img {
	margin: -20px 0 0;	
}

#bannerright p {
	float: right;	
	margin-top: 30px;
	
	font-size: 1.7em;
	line-height: 2em;
	color: #339999;
}

/* ----------------
	NAVIGATION
---------------- */

#nav {
	height: 30px;
	margin-bottom: 30px;
	
	background-image: url(../images/bkgnd_nav.png); background-repeat: repeat-x;
	border-left: #CCC 1px solid; border-right: #B5B5B5 1px solid;
}

#nav a { 
	color: #330000; 
	text-decoration: none; 
	text-shadow: 0px 2px 0px #EEE; 
	font-weight: normal;
}
#nav a.current { color: #996666; }
#nav a:hover { color: #660000; }

#nav ul {
	list-style-type: none;
	
	margin: 0 auto; 
	padding: 5px 0 0;
	width: 740px;
	
	text-align: center;
	font-size: 1.2em;
}

#nav ul li {
	display: inline;
	padding: 0 10px;
}
#nav ul li:first-of-type {
    padding: 0 8px;
    padding-left: 0px;
}
#nav ul li:last-of-type {
    padding: 0 8px;
    padding-right: 0px;
}

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

/* Book Content */

#bookcontent {
	float: left;
	width: 220px;
	padding: 0 20px 0;
	
	text-align: center;
}

#bookcontent a img {
	border-style: none;	
}

#bookcontent h5 {
	font-size: 1.1em; font-weight: bold;
	margin: 0;
}

#bookcontent h6 {
	font-size: .9em; font-weight: bold;
	margin: 4px 0 12px;
}

/* Page Content */

#pagecontent {
	
	font-size: 1.2em;
}

p.bookTitle {
	text-align: center;
	margin-bottom: 0; padding-bottom: 0;
}

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

#footnav a { color: #330000; text-decoration: none; }

#footnav ul {
	list-style-type: none;
	
	margin: 0 auto; padding: 5px 0 0;
	width: 700px;
	
	text-align: center;
	font-size: 1em;
}

#footnav ul li {
	display: inline;
	padding: 0 20px;
}

/* ------------
	VIDEOS
------------ */



/* ------------
	OTHER
------------ */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#smart-button-container {
	width: 50%;	
}