html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, san-serif;
	background: url("../images/sky.jpg") repeat-y center #e1eeff;
	text-align: center;
	background-color: #e1eeff;
	line-height: 1.2em;
}
div#web {
	width: 877px;
	margin: 0 auto;
	padding: 0;
}
div#site {
	text-align: left;
	margin: 0;
	padding: 0;
}
a img {border: 0;}
h1 {font-size: 1em;}
h1.indextitle {font-size: 1em; font-weight: normal;}
h2 {font-size: 1em;}
p {font-size: 0.9em;}
a {color: #e73b1f; text-decoration: none;}

img.transparent {position: absolute; float: left; margin-top: 0; margin-left: 0; background: transparent; border: 0;}

img.floatright {float: right; margin: 0 0 10px 10px;}
p.floatright {float: right; margin: 10px 0 10px 10px;}
img.floatleft {float: left; margin: 10px 10px 0 0 ;}

ol li {font-size: 0.9em;}

/*--------------------------------------------------------------------*/
/* Lets just get this out of the way right now! Preload the images !!! */
/*--------------------------------------------------------------------*/

#preload img {
	height: 0; width: 0; border-width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}

/*--------------------------------------------------------------------*/
/* Home Page image placement */
/*--------------------------------------------------------------------*/


div#signature {
	position:absolute; float: left; display: inline; 
	margin-top: 500px;
	margin-left: 390px;
	background: transparent;
	padding: 0;
}
div#doghouse {
	position:absolute; float: left; display: inline;
	margin-top: 265px;
	margin-left: 3px;
	background: transparent;
}
div#doodle {
	position:absolute; float: left; display: inline; 
	margin-top: 595px;
	margin-left: 40px;
	background: transparent;
}

div#smokerising {
	position:absolute; float: left; display: inline; 
	margin-top: 5px;
	margin-left: 795px;
	background: transparent;
}
div#musichouse {
	position:absolute; float: left; display: inline; 
	margin-top: 269px;
	margin-left: 640px;
	background: transparent;
}
div#slanthouse {
	position:absolute; float: left; display: inline; 
	margin-top: 340px;
	margin-left:131px;
	background: transparent;
}
div#toeshouse {
	position:absolute; float: left; display: inline;
	margin-top: 152px;
	margin-left: 332px;
	background: transparent;
}
div#vivianshouse {
	position:absolute; float: left; display: inline; 
	margin-top: 49px;
	margin-left: 98px;
	background: transparent;
}
div#chicktower {
	position:absolute; float: left; display: inline; 
	margin-top: 32px;
	margin-left: 596px;
	background: transparent;
}
div#tower {
	position:absolute; float: left; display: inline; 
	margin-top: 2px;
	margin-left: 305px;
	background: transparent;
}
div#airplane {
	position:absolute; float: left; display: inline; 
	margin-top: 35px;
	margin-left: 212px;
	background: transparent;
}
div#mouse {
	position:absolute; float: left; display: inline;
	margin-top: 470px;
	margin-left: 32px;
	background: transparent;
}
div#boy {
	position:absolute; float: left; display: inline; 
	margin-top: 239px;
	margin-left: 279px;
	background: transparent;
}
div#birds {
	position:absolute; float: left; display: inline; 
	margin-top: 100px;
	margin-left: 433px;
	background: transparent;
}
div#starA {
	position:absolute; float: left; display: inline; 
	margin-top: 219px;
	margin-left: 40px;
	background: transparent;
}
div#starB {
	position:absolute; float: left; display: inline; 
	margin-top: 248px;
	margin-left: 98px;
	background: transparent;
}
div#starC {
	position:absolute; float: left; display: inline; 
	margin-top: 170px;
	margin-left: 98px;
	background: transparent;
}

div#title {position: absolute; float: left; width: 350px; padding: 580px 0 0 360px; text-align: left;}
div#title h1 {margin: 0; padding: 0;}
div#title p {color: #0d1d5a; margin: 0; padding: 0;}



/*--------------------------------------------------------------------*/
/* Show Hide Tags */
/*--------------------------------------------------------------------*/

/* Tag to the right */
div#links h2 {font-size: 1em; padding-left: 110px;}
div#links p {font-size: 0.9em; padding-left: 110px; padding-right: 10px;}
div#links a {color: black;}
div#links a:hover {color: white;}

/* Tag to the left */
div#agents h2, div#contact h2 {font-size: 1em; padding-right: 100px; padding-left: 10px;}
div#agents p, div#contact p {font-size: 0.9em; padding-right: 100px; padding-left: 10px;}

/* Balloon */
div#news h2 {font-size: 1em; text-align: center; padding: 20px 20px 0 20px; margin: 0;}
div#news p {font-size: 0.8em; text-align: center; padding: 0 20px 0 20px; margin: 0;}

div#links {
	position: absolute; float: left; display: inline;
	background: transparent url("../images/tagright.gif") no-repeat;
	margin-top: 270px;
	margin-left: 280px;
	width: 391px;
	height: 152px;
}
div#contact {
	position: absolute; float: left; display: inline;
	background: transparent url("../images/tagleft.gif") no-repeat;
	margin-top: 240px;
	margin-left: 350px;
	width: 391px;
	height: 152px;
}
div#agents {
	position: absolute; float: left; display: inline;
	background: transparent url("../images/tagleft.gif") no-repeat;
	margin-top: 240px;
	margin-left: 400px;
	width: 391px;
	height: 152px;
}
div#news {
	position: absolute; float: left; display: inline;
	background: transparent url("../images/balloon.gif") no-repeat;
	margin-top: 0px;
	margin-left: 405px;
	width: 201px;
	height: 227px;
}

/*--------------------------------------------------------------------*/
/* Navigation styling for internal pages  +  banner image             */
/*--------------------------------------------------------------------*/

div#nav {
	margin: 0 0 10px 50px;
	width: 877px;
	text-align: center;
	line-height: 0.8em;
}

div.wrap {padding: 0; margin: 0; font-size: 0.7em; }
div.tabC {float: left; background: #ffffff url("../images/tabs/tabsC.gif") repeat-x; height: 18px; padding: 10px 0 0 0; margin: -10px 0 0 0;}
div.tabC a {padding: 0; margin: 0; text-decoration: none; color: #000000;}
img.navimg {float: left; padding: 0; margin: -10px 0 0 0; }

div#bannerimg {width: 877px; text-align: center;}


/*--------------------------------------------------------------------*/
/* Vivian French Books */
/*--------------------------------------------------------------------*/

div#books {
	width: 875px;
	padding: 0;
	margin: 0;
	text-align: center;
}
div#booklist {
	width: 820px;
	margin: 0 auto;
}
div#books .bookitemleft {width: 380px; text-align: left; padding: 10px;  margin: 10px 10px 10px 0; background-color: #ffffff; float: left;}
div#books .bookitemright {width: 380px; text-align: left; padding: 10px;  margin: 10px 0 10px 10px; background-color: #ffffff; float: left;}
div#books div#leftcol {float: left; width: 400px;}
div#books div#rightcol {float: left; width: 400px;}
div#books .floatleft {float: left; margin: 0 10px 0 0;}
div#books h1 {font-size: 1em; padding: 3px 3px 1px 0; margin-top: 0;}
div#books h1 a {color: #e73b1f;}
div#books a.buynow {color: #e73b1f; font-size: 0.9em; float: right; background-color: #ffffff; text-decoration: none; padding: 3px 0 1px 3px; margin: 0;}
div#books p {font-size: 0.9em; line-height: 1.2em;}
div#books .bookdesc {float: left; width: 295px; margin: 0; padding: 0;}

a.backtobooks {float: left; color: white; margin: -50px 0 0 45px; padding: 5px; display: inline; position: relative;}
div#books div.bookformat {width: 760px; text-align: left; padding: 10px;  margin: 0 20px 20px 20px; background-color: #ffffff; float: left;}
div#books .bookdetail {float: left; width: 580px;}
div.largebookcover {float: left; margin: 0 10px 0 0;}
div.bookwidth {width: 75px; float: left; margin: 0 10px 0 0;}
div.illustrations {float: right; margin: 0 0 0 10px;}
span.quote {background-color: #fded84; font-style: italic;}



/*--------------------------------------------------------------------*/
/* Who is Vivian French */
/*--------------------------------------------------------------------*/

div#vivian {background-color: #ffffff; width: 720px; margin: 0 auto;}
div#vivianpic {float: left; width: 315px; padding: 10px 5px;}
div#adultviv {padding: 10px;}
div#adultviv img {float: right; padding: 10px 0 10px 10px;}


/*--------------------------------------------------------------------*/
/* draglins */
/*--------------------------------------------------------------------*/

div#centeringcontent {width: 700px; text-align: center; margin: 0 auto; clear: both; padding: 30px 0 0 0;}
div#draglinspic {float: left; width: 315px; padding: 10px 5px;}
div.draglins {text-align: left; background-color: #ffffff; padding: 10px; margin: 10px 0 30px 0;}



/*--------------------------------------------------------------------*/
/* Tales from the 5 Kingdoms */
/*--------------------------------------------------------------------*/

div#whitecenter {width: 700px; text-align: center; margin: 0 auto; clear: both; padding: 30px 0 0 0;}
div.fivekingdoms {text-align: left; background-color: #ffffff; padding: 10px; margin: 10px 0 30px 0;}
div.extracts {font-family:san-serif;font-size: 1.2em;}
div#kingdomscovers {text-align: center; }
div#kingdomscovers img {padding: 0;}


/*--------------------------------------------------------------------*/
/* Tiara Club */
/*--------------------------------------------------------------------*/

div#whitecenter {width: 700px; text-align: center; margin: 0 auto; clear: both; padding: 30px 0 0 0;}
div.tiaraclub {text-align: left; background-color: #ffffff; padding: 10px; margin: 10px 0 30px 0;}

/*--------------------------------------------------------------------*/
/* hohoho */
/*--------------------------------------------------------------------*/

div#whitecenter {width: 700px; text-align: center; margin: 0 auto; clear: both; padding: 30px 0 0 0;}
div.hohoho {text-align: left; background-color: #ffffff; padding: 10px; margin: 10px 0 30px 0;}
div.hohoho p {color: #516edb;}
div.hohoho p.question {font-style: italic; color: #000000;}

/*--------------------------------------------------------------------*/
/* vivian french interviews */
/*--------------------------------------------------------------------*/

div.centralalign {text-align: center;}
p.question {color: #962e34; font-style: italic;}

div#interviews {width: 700px; text-align: center;  background-color: white;}

/*--------------------------------------------------------------------*/
/* Footer */
/*--------------------------------------------------------------------*/


div#footer {font-size: 0.9em; clear: both; padding: 30px 0 30px 0; color: #0d1d5a; margin: 0 auto; text-align: center;}
div#footer a {font-size: 0.8em; text-decoration: none; color: #0d1d5a;}


#contact_form{width:500px; text-align:center; font-size: .9em; font-family: helvetica, arial, san-serif; padding-top:30px;}
.left_col {float:left; width:200px;text-align:left;padding-bottom:10px;} 
.right_col {padding-left:205px;text-align:left;padding-bottom:10px;} 
.input:{ width:200px;text-align:left;}

#sampleDrawing{text-align:center;}