* { margin: 0; padding: 0; outline: 0; }
body { font: bold 12px/20px Arial, Sans-Serif; color: #000; text-align: left; background: #bcc6d9 url(images/background.jpg) no-repeat center 0; }

a { color: #ffc50c; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, select, textarea { font-family: "Trebuchet MS", Arial, Sans-Serif; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 953px; position: relative; }

p { padding-bottom: 15px; }

.passport { display: block; height: 314px; width: 501px; background: url(images/passport.png); position: absolute; top: 0; left: -123px; z-index: 1; }
#journal-book { height: 792px; margin: 100px 0 0 0; position: relative; z-index: 2; background: url(images/journal-book.jpg); }
.next-page { display: block; height: 137px; width: 109px; background: url(images/next-page.png); position: absolute; bottom: 3px; right: 25px; z-index: 9999; }

h1#logo { height: 60px; width: 328px; padding: 30px 0 0 45px; }
h1#logo a { display: block; height: 60px; background: url(images/logo.png); }

#navigation  { float: right; display: inline; width: 370px; position: relative; margin: -65px 15px 0 0; }
#navigation ul { list-style: none outside; }
#navigation ul li { float: left; display: inline; height: 137px; width: 200px; position: relative; margin-right: -15px; }
#navigation ul li a { float: left; display: inline; height: 137px; width: 200px; font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; background-position: 0 0; }
#navigation ul li.studio a { background-image: url(images/nav-writer-studio.png); }
#navigation ul li.travels a { background-image: url(images/nav-travels.png); }

#content { padding: 5px 45px 0 45px; }
.page-left { float: left; display: inline; width: 415px; }
.page-right { float: right; display: inline; width: 388px; position: relative; }

.typewriter { position: relative; margin: -20px 10px 0 0; }

.board { height: 469px; width: 366px; margin: 10px 0 0 -20px; background: url(images/board.png); position: relative; }

#footer { font: 11px/14px Georgia, Times, Serif; color: #003366; margin: 10px 0 50px; }
#footer a { color: #003366; }

h2 {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#990000;
	font-style:italic;
	padding-bottom:20px;
	padding-top:20px;
}
.subhead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	font-weight:bold;
}
.email {color:#003366; text-decoration:none; }
.email a, a:visited {color:#003366; text-decoration:none;}
.email a:hover {color:#003366; text-decoration:underline;}