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

body {
	margin: 0;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #555555;
	background-color:#FFFFFF;
}

a {
font-family:Helvetica, Arial, sans-serif;
text-decoration: none;
color: #888888;
border: none;
}

a:hover {color: #000000;}

a:visited {color: #000000;}

img {
border:none;
}


.hidden {
	display: none;
}

.bigger {
font-size:19px;
line-height: 24px;
}

#page-container { 
width: 1000px;
margin: auto;
position:relative;
}

table {
border:solid 1px #CCCCCC;
}

td {
border:solid 1px #CCCCCC;
}

/* ------------------------------------Begin Page Class designations */

body.contact dt#contact,
body.contact dt#contact a,
body.clients dt#clients,
body.clients dt#clients a,
body.work dt#work,
body.work dt#work a,
body.onbooks dt#onbooks,
body.onbooks dt#onbooks a,
body.blog dt#blog,
body.blog dt#blog a,
body.deadletters dt#deadletters,
body.deadletters dt#deadletters a,
body.frolic dt#frolic,
body.frolic dt#frolic a,
body.about dt#about,
body.about dt#about a
{background-position: 0 -23px;
}

/* End page class designations */


/* ---------------------------------------------------Homepage Nav */

#nav {
height: 510px;
width: 730px;
padding-top: 20px;
}

#nav dl { margin: 0; padding: 0;
}

/* IE5 Mac Hack \*/ 
#nav { padding-left: 50px; } 
/*/ 
#nav { padding-left: 50px; overflow: hidden; } 
/* End Hack */

#nav dt { float: left; }

#nav dt a {
	display: block;
	height: 0px !important;
	height /**/:70px; /* IE 5/Win hack */ 
	padding: 70px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#nav dt a b {
	display: block;
	height: 200px;
	width: 220px;
	position:absolute;
	background:none;
	left:-1000px;
	top:-1000px;
}


#nav dt a:hover {
	background-position: 0 -70px;
}

#nav dt a:hover b#link1 { background:url(images/melissa-about.jpg); background-repeat:no-repeat; left:590px; top: 34px;
}

#nav dt a:hover b#link2 { background:url(images/contactinfo.jpg); background-repeat:no-repeat; left:2px; top: 510px;
}

#nav dt#clients,
#nav dt#clients a {width: 243px; background-image:url(images/clients.gif); }

#nav dt#work,
#nav dt#work a {width: 186px; background-image:url(images/work.gif); }


#nav dt#about,
#nav dt#about a {width: 542px; background-image:url(images/about.gif);  }


#nav dt#onbooks,
#nav dt#onbooks a {width: 527px; background-image:url(images/onbooks.gif); }


#nav dt#blog,
#nav dt#blog a {width: 168px; background-image:url(images/blog.gif); }


#nav dt#deadletters,
#nav dt#deadletters a {width: 419px; background-image:url(images/deadletters.gif); }


#nav dt#frolic,
#nav dt#frolic a {width: 524px; background-image:url(images/frolic.gif); }


#nav dt#contact,
#nav dt#contact a {width: 279px; background-image:url(images/contact.gif); }

/* End Homepage nav */


/* ----------------------------------------------------Nav Clump */

#navclump {
width: 230px;
float:left; }

#navclump dl { margin: 0; padding: 0;
}

/* IE5 Mac Hack \*/ 
#navclump { padding-left: 20px; padding-top: 20px; } 
/*/ 
#navclump { padding-left: 20px; padding-top: 20px; overflow: hidden; } 
/* End Hack */

#navclump dt { float:left; }

#navclump dt a {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#navclump dt a:hover {
	background-position: 0 -23px;
}



#navclump dt a#home {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#navclump dt a:hover#home {
	background-position: 0;
}


#navclump dt#clients,
#navclump dt#clients a {width: 78px; background-image:url(images/ncclients.gif); }

#navclump dt#work,
#navclump dt#work a {width: 60px; background-image:url(images/ncwork.gif); }


#navclump dt#about,
#navclump dt#about a {width: 175px; background-image:url(images/ncabout.gif);  }


#navclump dt#onbooks,
#navclump dt#onbooks a {width: 170px; background-image:url(images/nconbooks.gif); }


#navclump dt#blog,
#navclump dt#blog a {width: 54px; background-image:url(images/ncblog.gif); }


#navclump dt#deadletters,
#navclump dt#deadletters a {width: 135px; background-image:url(images/ncdeadletters.gif); }


#navclump dt#frolic,
#navclump dt#frolic a {width: 169px; background-image:url(images/ncfrolic.gif); }


#navclump dt#contact,
#navclump dt#contact a {width: 90px; background-image:url(images/nccontact.gif); }

#navclump dt#home,
#navclump dt#home a {width: 230px; background-image:url(images/nclevine-copywriting.gif); }

/* End Nav Clump */



/* ------------------------------------------ Content */

#content {
width: 630px;
float:left;
 }

/* IE5 Mac Hack \*/ 
#content { padding-left: 40px; padding-top: 78px; } 
/*/ 
#content { padding-left: 40px; padding-top: 78px; overflow: hidden; } 
/* End Hack */



/* Content */


/* ------------------------------------------ About Content */

#aboutcontent {
width: 595px;
font-size: 20px;
line-height: 1.2;
float:left;
 }

/* IE5 Mac Hack \*/ 
#aboutcontent { padding-left: 40px; padding-top: 95px; } 
/*/ 
#aboutcontent { padding-left: 40px; padding-top: 95px; overflow: hidden; } 
/* End Hack */

/* End About Content */


/* ---------------------------------------------------Clients Content */

#clientscroller {
width:595px;

padding-top:20px;
}

#clientlist {
width: 200px;
float: left;
text-align: left;
font-weight:bold;
line-height:24px;
}


#clientquotes {

font-size:18px;
line-height: 1.1;

text-align:left;
color:#777777;

}


.credit {
font-size: 12px;
font-weight:bold;
color: #333333;
line-height: 1.5;
}

.spacer2 {
height: 28px;
}

/* End Client Content */

/* -------------------------------------------------- Work Samples */

#wcontent {
width: 595px;
float:left;
 }

/* IE5 Mac Hack \*/ 
#wcontent { padding-left: 40px; padding-top: 95px; } 
/*/ 
#wcontent { padding-left: 40px; padding-top: 95px; overflow: hidden; } 
/* End Hack */

.wtitle1 { line-height: 1.3;
float:left;
width:100px;
}

.wtitle2 { line-height: 1.3;

}

.wimage { float:left;
clear:both;
padding-top:12px;
width: 205px;
text-align:right;
}

#wtext { float:left;
width: 365px;
height: 290px;
overflow: auto;
padding-left: 10px;
padding-right: 5px;
font-size:14px;
}

#wtext2 { float:left;
width: 365px;
height: 290px;
overflow: auto;
padding-left: 10px;
padding-right: 5px;
font-size:12px;
}

li #text2 {
list-style-type:disc;

}

.headline { 
font-size: 16px;
}

.spacer {
height: 20px;
clear:both;
}

#wcontent dl { margin: 0; padding: 0;
}

#wcontent dt { float:left;}

#wcontent dt a {
	display: block;
	height: 0px !important;
	height /**/:20px; /* IE 5/Win hack */ 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#wcontent dt a:hover {
	background-position: 0 -20px;
}

#wcontent dt#retreat,
#wcontent dt#retreat a {width: 88px; background-image: url(images/retreat.gif);}

#wcontent dt#onward,
#wcontent dt#onward a {width: 96px; background-image: url(images/onward.gif); float:right; }

/* End Work Samples */

/* ----------------------------------------------------------- On Books, etc. */

#intro {
font-size: 16px;
line-height: 18px;
padding-bottom: 10px;
}

/* ------------------------------------------------------------ flex scroller */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
padding-top: 10px;
background: #EEEEEE url(images/whitesquare.gif) no-repeat;
}
.vscrollerbar {
width: 10px;
padding: 10px;
background-color: #F7931E;
height: 110px !important;
}
.hscrollerbase {
height: 10px;
background-color: #EEEEEE;
}
.hscrollerbar {
height: 10px;
background-color: #F7931E;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


/* end flex scroller */