/* ------- Styles for page layout ------- */


body {
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body.home {
	background:#A97 url('navimages/pattern_brand.jpg') repeat top;
}
body.bio {
	background:#FFF url('navimages/pattern_2.jpg') repeat top;
}
body.book {
	background:#FFF url('navimages/pattern_3.jpg') repeat top;
}
body.portfolio {
	background:#FFF url('navimages/pattern_4.jpg') repeat top;
}
body.clients {
	background:#FFF url('navimages/pattern_5.jpg') repeat top;
}
body.contact {
	background:#FFF url('navimages/pattern_6.jpg') repeat top;
}

#column {
	background: none;
	margin: 0px auto 0px auto;
	padding: 20px 0 0 0;
	width: 800px;
}

#banner {
	margin: 5px auto 0px auto;
	padding: 0;
	border: none;
	width: 800px;
	z-index: 100;
}

#navigation {
	background: url('navimages/box_top.gif') no-repeat;
	margin: 5px auto 0px auto;
	padding: 0;
	border: none;
	width: 800px;
	height: 140px;
	z-index: 100;
}

#subnav {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 780px;
	height: 35px;
	z-index: 100;
	text-align: right;
	color: white;
}

#content {
	background: url('navimages/box_ctr.gif') repeat-y top;
	margin: 0px auto 0px auto;
	padding: 16px 0px 16px	0px;
	border: none;
	width: 800px;
	border: none;
}

#footer {
	background: url('navimages/box_bot.gif') no-repeat;
	margin: -40px auto 0px auto;
	padding: 20px 0 10px 0;
	width: 800px;
	height: 100px;
	z-index: 50;
	clear: both;
}

#copyright {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 800px;
}

/* ------- Thumbnails ------- */
.thumb130 { 
	position: relative;
	padding: 0px 8px 0px 8px;
	margin: -10px 0 0 0;
	border: none;
}

/* ------- Images ------- */
.hiddenPic { 
	display: none;
}

img { 
	border: none;
	margin: 0; 
	padding: 0;
}

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

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


/* ------- Text ------- */
a { 
	text-decoration: none;
	color: #963;
	border: none;
}

a:link, a:visited { 
	color: #963;
}

a:hover { 
	color: #c96;
}

p { 
	font-family: 'Times New Roman', Times, serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 16px; 
	line-height: 18px; 
	text-align: center;
	margin: 0px 100px 6px 100px;
}

p.left {
	text-align: left;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

.code { 
	font-family: 'Courier New', Courier, monospace; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 12px; 
	text-align: center; 
	color: #003366;
}

.caption1 { 
	font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 18px; 
	line-height: 18px; 
	text-align: left; 
	color: #600;
	margin: 6px 0px 0px 0px;
	padding: 0;
}

.caption2 { 
	font-family: 'Times New Roman', Times, serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 14px; 
	line-height: 15px; 
	text-align: left; 
	color: #000;
	margin: 6px 0px 0px 0px;
	padding: 0;
}

.credit { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 13px; 
	text-align: left; 
	color: #000; 
	margin: 6px 0px 0px 0px;
	padding: 0;
}

.popcopyrt { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 9px; 
	line-height: 12px; 
	text-align: left; 
	color: #000;
	margin: 6px 0px 0px 0px;
	padding: 0;
}

.copyrt { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 9px; 
	line-height: 12px; 
	text-align: center; 
	color: #fff;
}

a.copyrt { 
	text-decoration: none;
	color: #fff;
	border: none;
	font-weight: bold; 
}

a.copyrt:link, a.copyrt:visited { 
	color: #fff;
}

a.copyrt:hover { 
	color: #CF9;
}

h1, h2, h3 { 
	font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	text-align: center; 
	padding: 0;
	margin: 6px 100px 0px 100px;
}

h1 { 
	font-size: 21px; 
	line-height: 30px; 
	color: #C11; 
}

h2 { 
	font-size: 18px; 
	line-height: 21px; 
	color: #C11; 
}

h3 { 
	font-size: 14px; 
	line-height: 18px; 
	color: #C11; 
}

.song {
	font-variant: small-caps;
	font-style: italic; 
	font-size: 18px; 
}

/* ------- Navigation buttons - SMALL ------- */
.nav_home, .nav_book, .nav_author, .nav_music, .nav_fun {
	text-decoration: none;
	background-repeat: no-repeat;
	position: relative; 
	width: 90px; 
	height: 90px; 
	margin: 60px 0 0 0; 
	padding: 0; 
	float: left;
	z-index: 120;
}

a.nav_home:link, a.nav_home:visited {
	background-image: url(navimages/btn_home_N.gif);
}
a.nav_home:hover {
	background-image: url(navimages/btn_home_O.gif);
}

a.nav_book:link, a.nav_book:visited {
	background-image: url(navimages/btn_book_N.gif);
}
a.nav_book:hover {
	background-image: url(navimages/btn_book_O.gif);
}

a.nav_author:link, a.nav_author:visited {
	background-image: url(navimages/btn_author_N.gif);
}
a.nav_author:hover {
	background-image: url(navimages/btn_author_O.gif);
}

a.nav_music:link, a.nav_music:visited {
	background-image: url(navimages/btn_music_N.gif);
}
a.nav_music:hover {
	background-image: url(navimages/btn_music_O.gif);
}

a.nav_fun:link, a.nav_fun:visited {
	background-image: url(navimages/btn_fun_N.gif);
}
a.nav_fun:hover {
	background-image: url(navimages/btn_fun_O.gif);
}


/* ------- Pop-up Navigation ------- */
#popside {
	position: relative;
	text-align: left;
	width: 240px;
	height: 500px;
	margin: 0;
	padding: 10px 0px 10px 10px;
	background: url(navimages/pop_side.gif) repeat-y;
	border: none;
	float: left;
}

#pop_box {
	position: relative;
	text-align: left;
	height: 420px;
	margin: 0 50px 0 0;
	padding: 0;
	border: none;
}

#pop_nav {
	width: 180px;
	height: 40px;
	margin: 0;
	padding: 10px 0px 10px 0px;
	background-color: ;
}

#pop_content {
	position: absolute;
	left: 240px;
	top: 0px
	text-align: left;
	background: #fff;
	margin: 0 0 0 0;
	padding: 0px;
	border: none;
}

.pop_prev, .pop_next, .pop_close  {
	text-decoration: none;
	background-repeat: no-repeat;
	position: relative; 
	width: 34px; 
	height: 34px; 
	margin: 0 12px 0 12px; 
	padding: 0; 
	float: left;
	z-index: 120;
}

a.pop_prev:link, a.pop_prev:visited {
	background-image: url(navimages/pop_prev_N.gif);
}
a.pop_prev:hover {
	background-image: url(navimages/pop_prev_H.gif);
}
a.pop_prev:active {
	background-image: url(navimages/pop_prev_D.gif);
}

a.pop_next:link, a.pop_next:visited {
	background-image: url(navimages/pop_next_N.gif);
}
a.pop_next:hover {
	background-image: url(navimages/pop_next_H.gif);
}
a.pop_next:active {
	background-image: url(navimages/pop_next_D.gif);
}

a.pop_close:link, a.pop_close:visited {
	background-image: url(navimages/pop_close_N.gif);
}
a.pop_close:hover {
	background-image: url(navimages/pop_close_H.gif);
}
a.pop_close:active {
	background-image: url(navimages/pop_close_D.gif);
}

/* ------- Slideshow ------- */

#slideSet0 {
	background-color: none;
	text-align: center;
	margin: 10px auto 10px auto;
	padding: 5px;
	position: relative;
	width: 500px;
	height: 350px;	
	}

.slides {
	position: relative;
	z-index: 1
	}

.slideTitle {
	font-family: "Comic Sans MS", "Trebuchet MS", sans-serif
	color: #036;
	font-size: 12px
	}

#slide01 {
	display: block
	}

#slide02, #slide03, #slide04, #slide05, #slide06, #slide07, #slide08, #slide09, #slide010, #slide011, #slide012, #slide013, #slide014, #slide015 {
	display: none
	}
		
.controls {
	position: relative;
	z-index: 10
	font-family: "Trebuchet MS", sans-serif
	font-size: 18px; 
	color: #333;
	margin: 5px;
	}

.controls a:link .controls a:visited { 
	color: #333;
}

.controls a:hover { 
	color: #093;
	text-decoration: none;
}