body {
font-family: Tahoma, Geneva, sans-serif;
background-image: url("../images/background.jpg"); 
background-repeat: repeat-x;}

div.wrapper {width: 900px; margin: 0 auto;}

div.bookcover {width: 1100px; margin: 0 auto;}

div.logo {background-color: #000; width: 100%; height: 100px; border-bottom: 6px solid #08909f;}
.logo h1 {color: #fff; padding-top: 25px;}
.logo img {float: left; margin-right: 20px;}
.logo a, .logo a:link {color: #fff; text-decoration:none;}
/*style classes*/
.smaller {font-size: 65%; font-weight: normal;}

/*=Navigation
------------------------------------------------------------------------*/
#navbar{
	position: relative;
	background-image:url("../images/navbackg.jpg");
	background-color: #000;
	width: 100%;
	margin-top: -1em;
	z-index: 100;
	height: 2.5em;
	margin-bottom: 1em; 
	width: 100%; 
	z-index: 100;	
}

#navbar ul{/* Remove bullets from ul in the navbar */
	list-style-type:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .9em;
}
	
#navbar li{/* List items in the navbar */
	position:relative; /* Required for drop-down menus */
	float:left;
	line-height: 2em;
	width: auto;
}
	
#navbar a,/* Links, unvisited and visited */
#navbar a:link,
#navbar a:visited{
	font-family: Tahoma, Geneva, sans-serif;
	border-right: .1em solid #fff;
	position: relative;
	color:#fff;
	display: block;
	float:left;
	font-size: 1em;
	line-height: 2.8em;
	padding: 0 2.5em;
	text-decoration:none;
	width: auto;
	}

 
#navbar a:hover, 
#navbar a:active{
	background-image:url("../images/navbackg3.jpg");
	background-color: #fff;
	margin-top: -.15em;}
 
#navbar li.current,
#navbar li.current:hover{
	background: #fff;}
 
/* ----------------------------------- */



/* slide div */
div.display {height: 315px;  margin-left: -2.5em;}

.display ul, .display ul li {list-style-type: none;}

div.displaymed {display: none;}

/* divs on index page */
div.leftbox {
width: 400px;
margin: 0px 80px 15px 0;
float: left;
height: 150px;
}

.leftbox p {
font-size: 2.2em;
font-weight: bold;
}

div.rightbox {
padding: 0px 0px 0px 6em;
margin: 15px 20px 15px 0px;
height: 150px;
}

.rightbox p {font-size: 2em; font-weight: bold; color: #006666; }

.rightbox a, .rightbox a:link {color: #08909f;}

.rightbox a:hover {color:#8801A6; }

promo {
height: 200px;
width: 400px;
float: left;
margin-top: 1em;
}

promo p {font-size: 1.5em;}

.graphic1 {
background-image:url("../images/logos1.jpg");
background-color: #fff;
width: 450px;
height: 150px;}



.form h1{ font-size: 1.328em; font-style: normal; color: #000;}

textarea#feedback {
width:560px;
height:150px;


}

textarea.message {display:block;}
imput.button {
width:100px;
position:absolute;
right:20px;
bottom:20px;
background:#FF0000;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 4px solid #999;
}
input.button:hover {
background:#fff;
color:#09C;
}

textarea:focus, input:focus {
border: 1px solid #09C;
font-family: Tahoma, Geneva, sans-serif;
font-size: 1.4em;

}

input    {
width:385px;
display:block;
border: 1px solid #999;
height: 25px;
font-size: 1.4em;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

div.main {
width: 850px;
display: block;
border: 4px solid #08909f;
background-color: #fff;
padding: 0 1.5em;
}
.main p {
font-size: 1.1em;
}

.main h2{
font-size: 1.3em;
}

.main h1 {
font-size: 1.6em;}


div.form    {
background: #fff;
margin: 3em auto;
position:relative;
float: right;
width:400px;
height:500px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #08909f;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px inset #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.form h1{ font-size: 1.328em; font-style: normal; color: #000;}




/* --------divs for client list page------------------ */

div.cl1 {
float: left;
margin-right: 4em;
margin-top: -.6em;
}
.cl1 p{
font-size: .9em;
line-height: 1.2em;
margin: 0px;
}

.cl1 h2{
font-size: 1.2em;
margin:.5em 0 0 0;}

div.cl2 {
}
.cl2 p{
font-size: .9em;
line-height: 1.2em;
margin: 0px;
}

.cl2 h2{
font-size: 1.2em;
margin:.5em 0 0 0;}

div.cl3 {
width: 250px;
background-image:url("../images/client.gif");
background-color: #FF0000;
height: 400px;
float: right;
}
.footer {clear: both;}
.footer p {
font-weight: normal;
font-size: .8em;
text-align: right;
}