/*

        2006 Virtualbookworm.com

*/









/*

        Main

*/





html, body 

	{

	margin-top: 10px;

	padding: 0;

        font-family: Verdana, Helvetica, Arial, sans-serif;

        font-size: 12px;

	text-align: center;

        }



.main   

	{

        width: 800px;

        margin-left: auto;

        margin-right: auto;

        }



.content 

	{

	background-image: url('images/homeback.jpg');

        width: 775px;

	height: 325px;

        margin-left: auto;

        margin-right: auto;

	text-align: left;

        }



.header

	{

	height: 67px;

	border-bottom: 1px solid black;

	padding: 2px;

	}



.header img

	{

	float: left;

	}





a:link {color: #003063}

a:hover {color: gray}







/*

	Red Buttons

*/



.buttons

	{

	float: left;

	height: 100px;

	width: 300px;

	padding-top: 125px;

	padding-left: 25px;

	}



.buttons p

	{

	width: 245px;

	height: 35px;

	margin: 0px;

	padding: 0px;

	border: 2px solid black;

	}



.but1

	{

	background-image: url('images/getpub.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but1 :hover

	{

	background-image: url('images/getpubhov.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but2

	{

	background-image: url('images/bkstore.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but2 :hover

	{

	background-image: url('images/bkstorehov.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but3

	{

	background-image: url('images/support.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but3 :hover

	{

	background-image: url('images/supporthov.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but4

	{

	background-image: url('images/author.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.but4 :hover

	{

	background-image: url('images/authorhov.jpg');

	background-repeat: no-repeat;

	width: 245px;

	height: 35px;

	}



.werock

	{

	float: right;

	margin-top: 200px;

	margin-right: 10px;

	}







/*

	Bottom

*/



.bottom

	{

	width: 775px;

        margin-left: auto;

        margin-right: auto;

	text-align: left;

	}



.bottom img

	{

	float: right;

	margin-right: 10px;

	}



div.intro

	{

	float: left;

	width: 500px;

	height: 175px;		

	text-align: left;

	background-image: url('images/introback.jpg');

	margin: 0px;

	border: 1px solid white;	

	}



.intro p

	{

	width: 450px;

	height: 150px;

	color: white;

	text-align: justify;

	font-size: 15px;

	font-style: italic;

	font-weight: bolder;

	margin: 15px 10px 10px 20px;

	}





/*	

	Utilities

*/





.utilities {

	width: 425px;

        font-size: 10px;

	font-weight: bold;

	margin-top: 30px;

	}



.utilities ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: right;

	}



.utilities ul li {

 	display: inline;

	}



.utilities ul li a {

	padding-left: 2px;

	padding-right: 2px;

	text-decoration: none;

	color: #000;

	}



.utilities ul li a:hover 

	{

	color: gray;

	}



#search	{

	border-left: 1px solid black;

	border-right: 1px solid black;

	}





/* 

	Navigation

*/



.topnav

	{

	float: right;

	}



.nav    {

	width: 425px;

	font-weight: bold;

	}



.nav ul	{

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: right;

	}



.nav ul li {

 	display: inline;

	line-height: 21px;

	}



.nav ul li a {

	text-decoration: none;

	padding: .25em 1em;

	color: #fff;

	background-image: url('images/back.jpg');

	}



.nav ul li a:hover {

	color: #fff;

	background-image: url('images/back2.jpg');

	}



/*

        Footer

*/



.footer {

        font-family: Verdana, Helvetica, Arial, sans-serif;

        color: white;

        width: 800px;

        position: relative;

        float: right;

        background: #013366;

        font-size: 9px;

        padding: 5px 0px;

        margin-top: 10px;

        }



.footer a {

        color: white;

        text-decoration: none;

        }



.footer :hover {

        color: gray;

        text-decoration: none;

        }