/*	redefine tags ------------------------ */

   	* { 
		border:0; margin:0; padding:0;
		font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
		font-size:13px; line-height:17px;
	}

	html { 
		height:100%;
		overflow-y:scroll;
		}
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-weight:inherit;
		font-style:inherit;
		font-size:100%;
		font-family:inherit;
		vertical-align:baseline;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline:0;
	}
	
	body {
		height:100%;
		line-height:1;
		color:#000;
		background:white url(/img/bg_body.jpg) no-repeat 0 10px;
		font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	
	ol, ul {
		list-style:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:separate;
		border-spacing:0;
	}
	
	caption, th, td {
		text-align:left;
		font-weight:normal;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:"";
	}
	
	blockquote, q {
		quotes:"" "";
	}
	
	a { text-decoration:none; color:#fff; position:relative; }
	a:hover { text-decoration:underline; color:#000; }

	p { margin-bottom:15px; color:#000; }
	


	h4 { font-weight:bold; margin:0 0 5px 10px; border-bottom: 1px dotted #000; }

	#content ul { width:300px; }
	
	#content ul li {
		margin-bottom:15px;
	}
	
	#content ul li strong {
		font-weight:bold;
	}



/*	shell ------------------------ */

	#container {
		width:100%;
		color:#333;
		text-align:left;
	}


/*	header ------------------------ */

	#header {
		margin:0; padding:10px 0 0 24px;
		width:876px; height:306px;
	}

	#header h2 {
		background:url(/img/h2_rana_bose.jpg) no-repeat;
		width:358px; height:51px;
		margin:16px 0 0 0;
		text-indent:-9999px;
	}
	
	#header h1 {
		background:url(/img/h1_the_fourth_canvas.jpg) no-repeat;
		margin:33px 0 0 0;
		width:712px; height:206px;text-indent:-9999px;
	}
		
		#header h1 a { 
			display:block;
			text-indent:-9999px;
			width:712px; height:206px;
		}



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

	#footer {
		border-top:1px dotted #000; border-bottom:1px dotted #000;
		width:852px; height:18px;
		font-size:10px;
		padding:0 24px 0 24px;
	}
	
	#footer ul li {
		float:left;
		margin:0 24px 0 0;
	}
	
	#snx { 
		display:block; 
		font-size:10px; color:#aaa;
		text-align:right; 
		margin:24px 24px 0 0;
	}


/*	main nav ------------------------ */

	#main_nav {
		width:1200px; height:1000px;
		background:url(/img/bg_btm_the_book.gif) repeat-x bottom left;
	}
	
	
	#main_nav ul {
		display:block;
		font-size:11px;
		margin-top:56px;
	}
	
	#main_nav ul li {
		margin: 0 0 0 0;
	}
	
	#main_nav ul li a {
		display:block;
		width:680px; height:56px;
		text-indent:-9999px;
		position:relative;
		cursor:pointer;
	}
	
	#main_nav ul li.a_the_book a { background:url(/img/a_the_book.png) no-repeat; }
		*html #main_nav ul li.a_the_book a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/a_the_book.png", sizingMethod="crop"); background: none; }

	#main_nav ul li.a_the_author a { background:url(/img/a_the_author.png) no-repeat; }
		*html #main_nav ul li.a_the_author a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/a_the_author.png", sizingMethod="crop"); background: none; }
	
	#main_nav ul li.a_other_publications a { background:url(/img/a_other_publications.png) no-repeat; }
		*html #main_nav ul li.a_other_publications a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/a_other_publications.png", sizingMethod="crop"); background: none; }
	
	#main_nav ul li.a_media_press a { background:url(/img/a_media_press.png) no-repeat; }
		*html #main_nav ul li.a_media_press a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/a_media_press.png", sizingMethod="crop"); background: none; }
	
	#main_nav ul li.a_links_resources a { background:url(/img/a_links_resources.png) no-repeat; }
		*html #main_nav ul li.a_links_resources a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/a_links_resources.png", sizingMethod="crop"); background: none; }
	
	#main_nav ul li.a_contact a { background:url(/img/a_contact.png) no-repeat; }
		*html #main_nav ul li.a_contact a {  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/a_contact.png", sizingMethod="crop"); background: none;}

	#main_nav ul li a:hover { background-position:0 -56px; }


/*	sub nav ------------------------ */

	.sub_nav { width:882px; height:41px; }
	
	
	.sub_nav ul {
	}
	
	.sub_nav ul li {
		float:left;
	}
	
	.sub_nav ul li a {
		display:block;
		height:41px;
		text-indent:-9999px;
	}
	
	.sub_nav ul li.a_top a { background:url(/img/a_sub_top.png) no-repeat; width:67px; }
		*html .sub_nav ul li.a_the_book a { background:url(/img/a_sub_top.jpg) no-repeat; }
	
	.sub_nav ul li.a_the_book a { background:url(/img/a_sub_the_book.png) no-repeat; width:102px;}
		*html .sub_nav ul li.a_the_book a { background:url(/img/a_sub_the_book.jpg) no-repeat; }

	.sub_nav ul li.a_the_author a { background:url(/img/a_sub_the_author.png) no-repeat;width:119px; }
		*html .sub_nav ul li.a_the_author a { background:url(/img/a_sub_the_author.jpg) no-repeat; }
	
	.sub_nav ul li.a_other_publications a { background:url(/img/a_sub_other_publications.png) no-repeat; width:184px; }
		*html .sub_nav ul li.a_other_publications a { background:url(/img/a_sub_other_publications.jpg) no-repeat; }
	
	.sub_nav ul li.a_media_press a { background:url(/img/a_sub_media_press.png) no-repeat; width:146px; }
		*html .sub_nav ul li.a_media_press a { background:url(/img/a_sub_media_press.jpg) no-repeat; }
	
	.sub_nav ul li.a_links_resources a { background:url(/img/a_sub_links_resources.png) no-repeat;width:160px; }
		*html .sub_nav ul li.a_links_resources a { background:url(/img/a_sub_links_resources.jpg) no-repeat; }
	
	.sub_nav ul li.a_contact a { background:url(/img/a_sub_contact.png) no-repeat;width:104px; }
		*html .sub_nav ul li.a_contact a { background:url(/img/a_sub_contact.jpg) no-repeat;}

	
	
	.sub_nav ul li a:hover { background-position:0 -41px; }



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

	.sub_container {
		/*width:1200px;*/
	}

	div.sub_content {
		padding:0 50px 50px 50px;
	}
	
	div.blob { height:1200px; }

	div.sub_content a { color:blue; } 
	div.sub_content a:hover { color:black; }
	
	

/*	the book ------------------------ */

	#the_book { background:#bf3030 url(/img/bg_btm_the_author.gif) repeat-x bottom left; }
	#the_book div.blob { background:url(/img/bg_the_book.jpg) no-repeat 0 243px; }
	#the_book div.sub_content h3 { background:url(/img/h3_the_book.jpg) no-repeat; width:267px;  }
	
	#the_book div.sub_content { background:url(/img/bg_book_page.jpg) no-repeat 24px 160px; height:800px; }
	
	#the_book div.sub_content p {
		margin-top:30px; 
	}
	
	div.img_the_book { 
		background:url(/img/book_the_fourth_canvas.jpg) no-repeat;
		width:380px; height:454px;
		text-indent:-9999px;
		float:left;
		margin:0 0 0 60px;
	}


/*	the author ------------------------ */

	#the_author { background:#408080 url(/img/bg_btm_media_press.jpg) repeat-x bottom left; }
	#the_author div.blob { background:url(/img/bg_the_author.jpg) no-repeat; } 
	#the_author div.sub_content { background:url(/img/bg_author_page.jpg) no-repeat 24px 160px; height:800px;  }
	#the_author div.sub_content h3 { background:url(/img/h3_the_author.jpg) no-repeat; width:319px; margin-bottom:30px; }

	a.a_blog { 
		position:relative;
		background:url(/img/a_ranas_blog.jpg) no-repeat; 
		width:196px; height:116px; 
		display:block; text-indent:-9999px;
		top:-90px; left:0px;
	}

	a.a_publisher { 
		position:relative;
		background:url(/img/a_publisher.gif) no-repeat; 
		width:164px; height:91px; 
		display:block; text-indent:-9999px;
		top:-120px; left:15px;
	}

	a.a_interview { 
		background:url(/img/a_interview_cloud.gif) no-repeat; 
		width:141px; height:77px; 
		margin:40px 0 0 200px;
		display:block; text-indent:-9999px;
	}

	div.info {
		position:relative; top:-315px; left:630px; 
		width:235px;
		text-align:left;
	}

/*	media press ------------------------ */

	#media_press { background:#668040 url(/img/bg_btm_other_publications.jpg) repeat-x bottom left; }
	#media_press div.blob { background:url(/img/bg_media_press.jpg) no-repeat 0 180px; } 
	#media_press div.sub_content { background:url(/img/bg_page_media_press.jpg) no-repeat 44px 165px; height:800px; }
			
	#media_press div.sub_content h3 { background:url(/img/h3_media_press.jpg) no-repeat; width:540px; margin-bottom:30px;  }
	
	ul.accordion li { margin-bottom:10px; }
	ul.accordion li a { 
		margin-left:10px; color:#00A10D;
		background:url(/img/bullet_1.gif) no-repeat 0 8px;
		padding-left:5px;
	}
	ul.accordion li a:hover { color:#668040;text-decoration:line-through; }
	
	ul.accordion li p { display:none; margin-left:15px; line-height:14px;}
	
	ul.accordion li a.active { background-position:0 -92px; }

	#book_launch {
		position:relative; top:-650px; left:670px; width:155px; height:244px;
		background:url(/img/bg_poster.gif) no-repeat bottom left;
	}
	
	#book_launch a {
		background:url(/img/a_poster.jpg) no-repeat bottom left;
		width:155px; height:198px;
		display:block;
		text-indent:-9999px;
		
	}

	#poster {
		position:absolute;
		top:50%; left:50%; z-index:90;
		margin:-350px 0 0 -555px;
		width:450px; height:582px;
		display:none;
		cursor:pointer;
	}
	
	.poster { background:url(/img/book_launch_poster.jpg) no-repeat; border:5px solid #000; }


/*	other publications ------------------------ */

	#other_publications { background:#30bfbf url(/img/bg_btm_links_resources.jpg) repeat-x bottom left; } 
	#other_publications div.blob { background:url(/img/bg_other_publications.jpg) no-repeat 0 250px; } 
	#other_publications div.sub_content { background:url(/img/bg_other_pubs_page.jpg) no-repeat 24px 160px; height:800px;  }
	#other_publications div.sub_content h3 { background:url(/img/h3_other_publications.jpg) no-repeat; width:540px; margin-bottom:30px; }

	#other_publications div.sub_content p { margin-bottom:30px;  }
	#img_other_publications {
		width:449px; height:492px; 
		display:block;
		float:left; margin:140px 0 0 40px;
	}
	
	#other_publications div.sub_content a {  color:#2FC0BD; }
	#other_publications div.sub_content a:hover {  color:#8EDDFE;text-decoration:line-through;  }
	
	
	ul.links {
		margin:0 0 20px 10px;
	}
	
	ul.links li {
		margin-bottom:5px;
	 
	}

	ul.links li a {
		background:url(/img/bullet_links.gif) no-repeat 0 7px;
		padding-left:10px;
	}

	ul.links li a:hover { background-position:0 -34px; text-decoration:line-through; }


	
/*	links resources ------------------------ */

	#links_resources { background:#e67373 url(/img/bg_btm_contact.jpg) repeat-x bottom left; } 
	#links_resources div.blob { background:url(/img/bg_links_resources.jpg) no-repeat 0 250px; }
	#links_resources div.sub_content { background:url(/img/bg_links_page.jpg) no-repeat 24px 160px; height:800px;  }
	#links_resources div.sub_content h3 { background:url(/img/h3_links_resources.jpg) no-repeat; width:510px;  margin-bottom:30px; }
	#links_resources div.sub_content h4 { width:500px; }

	#links_resources div.sub_content a { color:#ed2762;  }
	#links_resources div.sub_content a:hover { color:#e67373; }
	
	a.a_montrealserai {
		width:351px; height:36px;
		display:block;
		text-indent:-9999px;
	}
	

/*	contact ------------------------ */

	#contact { background:#509612; } 
	#contact div.blob { background:url(/img/bg_contact.jpg) no-repeat; } 
	#contact  div.sub_content { background:url(/img/bg_contact_page.jpg) no-repeat 34px 160px; height:800px;  }
	#contact div.sub_content h3 { background:url(/img/h3_contact.jpg) no-repeat; width:275px; MARGIN-bottom:30px;  }

	#contact  div.sub_content a { color:#509612;  }
	#contact  div.sub_content a:hover { color:#ECE12F;text-decoration:line-through;  }


	div.sub_content h3 { 
		height:60px; text-indent:-9999px;
		margin:60px 0 0 0;
	}
	
	div.sub_content p strong { font-size:12px; font-weight:bold; color:#000; }
	div.sub_content p { 
		width:530px; margin-left:10px;
		line-height:16px; color:#5b5b5b;
	}
	
	div.columns_container div {
		float:left; width:260px;
	}
	
	div.columns_container div p { width:250px; }
	
	
/*	positioning  ------------------------ */

	.right { float:right; }
	.left { float:left; }

	div.sub_content p { color:#000; }
	

/*	hacks & stuff ------------------------ */

	.debug { border:1px solid red; }
	.bgbug { background-color:red; }
	
	.hide { display:none; }
	
	.clearfix:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden; 
	}