

body { font-family:Arial, Helvetica, sans-serif; background-repeat: repeat-x; background-position: top center; background-color: #fff; margin: 0px; font-size: .73em;line-height: 20px; text-align:center;}

/*Header Logo------------------------------*/

h1 {background-image: url("images/logo.jpg"); float: left; display:inline ; width: 96px; height: 134px; margin: 0px; text-indent:-1000px; overflow: hidden;}

/*Main Containers------------------------------------*/

#book_container {margin: 0px auto 0px auto; text-align:center;}

#container {margin: 0px auto 0px auto; width: 702px; text-align:left;}


#content_header { margin: 0px 0px 10px 0px; width:700px; height: 35px;}


#leaves { background-image: url("images/leaves.jpg"); float: left; width: 601px; height: 134px; margin: 0px;}

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

ul#nav_container { width: 85px; padding: 0px; margin: 25px 0 0 9px; list-style-type: none;}

#nav_container  li { margin: 0px; float:left; padding: 0px;}

#home, 
#about, 
#work, 
#journal, 
#journal_ov, 
#contact, 
a:link#home, 
a:link#about, 
a:link#work, 
a:link#journal, 
a:link#contact, 
a:visited#home,
a:visited#about, 
a:visited#work, 
a:visited#journal, 
a:visited#contact 

{ background-position: 0px 0px; float: left; width: 84px; height: 17px; margin: 0px; text-decoration: none; text-indent: -1000px; overflow: hidden ;}


a:visited#home, a:link#home {background-image: url("images/home.gif") ;}

a:hover#home { background-image: url("images/home.gif"); background-position: 0px 17px ;}

a:visited#about, a:link#about { background-image: url("images/videos.gif") ;}

a:hover#about {background-image: url("images/videos.gif"); background-position: 0px 17px ;}

a:visited#work, a:link#work {background-image: url("images/photos.gif") ;}

a:hover#work {background-image: url("images/photos.gif");background-position: 0px 17px ;}

a:visited#journal, a:link#journal {background-image: url("images/book.gif") ;}

a:hover#journal {background-image: url("images/book.gif");background-position: 0px 17px ;}

a:visited#contact, a:link#contact {background-image: url("images/stats.gif") ;}

a:hover#contact {background-image: url("images/stats.gif");background-position: 0px 17px ;}

#home {background-image: url("images/home.gif");background-position: 0px 17px ;}

#about {background-image: url("images/videos.gif");background-position: 0px 17px ;}

#work {background-image: url("images/photos.gif");background-position: 0px 17px ;}

#journal {background-image: url("images/book.gif");background-position: 0px 17px ;}

#journal_ov {background-image: url("images/book.gif");background-position: 0px 17px ;}

#contact {background-image: url("images/stats.gif");background-position: 0px 17px ;}

/*   ----------------------------------   content    -------------------------------*/

#headline_area { background-color:#666666;width:686px; color:#FFFFFF; padding: 2px 1px 1px 10px;}
html>body #headline_area {padding: 10px 1px 1px 10px;}

#content_container { width:686px; padding: 0px 1px 1px 0px; margin:0px 0px 0px 0px;}

#left_content { float:left; width:513px; height:450px; overflow:auto; margin:0px 0px 0px 0px; padding:5px 10px 0px 0px;}
html>body #left_content {width:515px; padding:5px 0px 0px 0px; }

#right_content { float:right; width:170px; margin:12px -10px 0px 0px; text-align:center;}
html>body #right_content {width:180px;}

.paddedcell {margin:0px 0px 5px 0px;}



/*   ----------------------------------   blog    -------------------------------*/

#blog_footer { background-image:url(images/blog_footer.jpg); background-repeat:no-repeat; width:480px; font-size:10px; color:#FFFFFF; padding: 1px 1px 1px 10px; margin:10px 0px 10px 5px;}

#blog_footer a:link { color:#FFFFFF; text-decoration:none;}

#blog_footer a:hover { color:#FFFFFF;}

#blog_footer a:visited { color:#FFFFFF;}

/*   ----------------------------------   footer    -------------------------------*/

#footer { clear:both;  background-image:url(images/footer_new.jpg); background-repeat:repeat-x; height:51px; width: 697px; margin: 0px 0px 0px 0px }

#footer_left_image { float:left; margin:4px 0px 0px 10px;}

#footer_right_image { float:right; margin:4px 10px 0px 0px;}

/*   ----------------------------------   movies page    -------------------------------*/

#movie_content {float:left; width:455px; height:450px; /*background-image:url(images/movie_content_background.jpg);*/ background-repeat:no-repeat; }

#movie_selector {float:left; width:230px; height:450px; overflow:auto; text-align:center;}

#movie_area {margin:80px 0px 0px 70px;}

#movie_title {width:320px; background-image:url(images/movie_footer.png); background-repeat:no-repeat;height:30px; margin: 0px 0px 0px 70px;}

#movie_title h2 {font-size:12px; color:#FFFFFF; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight:normal; text-align:center;}

/*   ----------------------------------   media blog    -------------------------------*/

#media_blog {width:698px; height:450px; overflow:auto; margin:0px 0px 0px 0px;}
html>body #media_blog {width:700px;}

#blog_title {width:660px; font-size:12px; border-bottom:#666666 dotted 1px; margin:35px 5px 0px 0px; padding: 0px 0px 0px 10px;}

#blog_body {margin: 15px 0px 0px 0px;}

#comments { color:#FFFFFF; width:660px; height:20px; background-image:url(images/media_comment_bkg.jpg); background-repeat:no-repeat; padding: 1px 1px 1px 20px; margin:10px 0px 10px 0px;}


#comments a:link { color:#FFFFFF; text-decoration:none;}

#comments a:hover { color:#FFFFFF;}

#comments a:visited { color:#FFFFFF;}

/*   ----------------------------------   Buy give it back    -------------------------------*/

#buy_giveitback_left { float:left; width:300px; line-height:normal; font-size:12px; padding: 0px 0px 0px 10px;}

#buy_giveitback_left h2 { font-size:16px; margin:20px 0px -10px 0px;}

#buy_giveitback_left h3 { font-size:13px; margin:0px 0px -20px 0px;}

#buy_giveitback_right { float:right; width:370px; text-align:center;}

#book {float:left; width:696px; overflow:auto; margin:0px 0px 0px 0px;}

#centre {margin: 0px auto 0px auto;}

#downloads {margin: 10px 0px 0px 10px;}