/* CSS Document */
/* top right bottom left */
html, body { height: 100%; }

body { 
	background: #FFF;
	margin: 0px auto; padding: 0;
	text-align: center;
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000; }

#header {
	background: #EEEEEE;
	margin: 0px auto; padding: 5px;
	text-align: center;
	}
	#title { 
	margin: 0px auto;
	width: 359px; 
	height: 36px;
	position:relative;
	overflow: hidden; }
	#title span { 
		background: #EEEEEE url(images/colin-title.gif) top left no-repeat; 
		width: 359px; 
		height: 36px;
		display:block;
      	position:absolute; 
		left:0; top:0; 
		z-index:1;
	}
		
#nav { list-style: none; margin: 0px auto; padding: 20px 0 10px 0; width: 450px; clear: both; }
	#nav li { display: inline; padding: 5px; }
	#corporate a { 
		margin:0; padding:0;
		width:126px; 
		height:25px;
		display: inline-block;
		display: -moz-inline-box;
		background: url(images/corporate-nav-up.gif) top center no-repeat;
		text-decoration: none; }
	#corporate2 a { 
		margin:0; padding:0;
		width:126px; 
		height:25px;
		display: inline-block;
		display: -moz-inline-box;
		background: url(images/corporate-nav-down.gif) top center no-repeat;
		text-decoration: none; }
	#corporate a:hover { background-image: url(images/corporate-nav-down.gif); }
	#creative a {
		margin: 0; padding: 0;
		width:136px;
		height: 25px;
		display: inline-block;
		display: -moz-inline-box;
		background: url(images/creative-nav-up.gif) top center no-repeat;
		text-decoration: none; }
	#creative2 a {
		margin: 0; padding: 0;
		width:136px;
		height: 25px;
		display: inline-block;
		display: -moz-inline-box;
		background: url(images/creative-nav-down.gif) top center no-repeat;
		text-decoration: none; }
				#books a {
					margin: 0; padding: 0;
					width:58px;
					height: 20px;
					display: inline-block;
					display: -moz-inline-box;
					background: url(images/books-nav-up.gif) top left no-repeat;
					text-decoration: none; }
				#books a:hover { background-image: url(images/books-nav-down.gif); }
				#fictionmemoir a {
					margin: 0; padding: 0;
					width:153px;
					height: 20px;
					display: inline-block;
					display: -moz-inline-box;
					background: url(images/fictionmemoir-nav-up.gif) top left no-repeat;
					text-decoration: none; }
				#fictionmemoir a:hover { background-image: url(images/fictionmemoir-nav-down.gif); }
				#journalism a {
					margin: 0; padding: 0;
					width:153px;
					height: 20px;
					display: inline-block;
					display: -moz-inline-box;
					background: url(images/journalism-nav-up.gif) top left no-repeat;
					text-decoration: none; }
				#journalism a:hover { background-image: url(images/journalism-nav-down.gif); }
	#creative a:hover { background-image: url(images/creative-nav-down.gif); }
	#contact a {
		margin: 0; padding: 0;
		width:116px;
		height:25px;
		display: inline-block;
		display: -moz-inline-box;
		background:url(images/contact-nav-up.gif) top left no-repeat;
		text-decoration: none; }
	#contact2 a {
		margin: 0; padding: 0;
		width:116px;
		height:25px;
		display: inline-block;
		display: -moz-inline-box;
		background:url(images/contact-nav-down.gif) top left no-repeat;
		text-decoration: none; }
	#contact a:hover { background-image: url(images/contact-nav-down.gif); }
		#nav span, #nav_sub span { display: none; }
.tabcontainer {
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
/* top right bottom left */
margin: 0 0 25px 20px;
}
.tabcontent{ display:none; }
.tabcontainer ul { list-style: none; margin: 0px auto; padding: 5px 0 0 65px;; }
	.tabcontainer li { display: inline; padding: 5px; line-height: 25px; }
	.tabcontainer li a { text-decoration: none; }

#container {
	width: 695px;
	margin: 0px auto; padding:0;
	position: relative;
	height: 450px;
	min-height: 450px;
	clear: both; }

	#home_left {
		width: 375px;
		height: 355px;
		margin: 35px 0 0 0;
		text-align: justify;
		line-height: 18px;
		position: absolute;
		left:0; top:0; }
		#home_left img { margin-right: 15px; }
	#home_right {
		width: 312px; 
		height: 355px;
		margin: 35px 0 0 15px;
		padding: 0 0 0 15px;
		text-align: justify;
		line-height: 18px;
		position: absolute;
		left:375px; top:0;
		border-left: 1px solid #CCC; }
	
	#scrollbar_container { position:relative; width:312px;}
	#scrollbar_track {  
		position:absolute;  
		top:0;  
		right:0;  
		height:100%;  
		width:10px;  
		background-color:#EEEEEE;  
		cursor:move;} 
	 
	#scrollbar_handle {  
		width:10px;  
		background-color:#CCCCCC; 
		border: 1px solid #CCC; 
		cursor:move;  
		-moz-border-radius: 5px;  
		-webkit-border-radius: 5px;  
		opacity:0.9;  
		-moz-opacity:0.9;} 
	 
	#scrollbar_content {  
		overflow:hidden;  
		width:280px;  
		height:315px; }
		
		#scrollbar_content ul { list-style: none; margin: 0; padding: 0; }
		#scrollbar_content li { padding: 10px 0 10px 0; display: block; position: relative; clear: both; }
		#scrollbar_content li img { 
			float: left; 
			width: 57px; 
			height: 57px; 
			border: 1px solid #EEEEEE; 
			margin-right: 15px; }
	#middle { 
		margin: 0px auto; padding: 0;
		width: 425px; 
		text-align: justify;
		line-height: 18px;
		padding-top: 25px; }
	
#footer { padding: 15px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }