/* CSS Document */


	html, body, div, p, table, tr, td, th, thead, tbody, tcol, tfoot, hr,
	img, h1, h2, h3, h4, h5, h6, form, fieldset, input, select, textfield,
	ul, ol, li
	{
		margin:				0;
		padding:			0;
		border:				none;
		background:			none;
	}
	
	/* don't forget to make sure that the height is set to 100% */
	/* this lets the table open to the full height of the browser */
	html,body
	{
		height:				100%;
		width:				100%;
	}
	
	body
	{
		
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		text-align:			center;
		color:				#333;
		background:			#d6d6d6 url(../images/backgrounds/right_column.jpg) repeat-x;
	}
	
	div,p
	{
		color:				#333;
		line-height:		16px;
		font-size:			11px;
	}
	
	a
	{
		color:				#567;
		text-decoration:	none;
	}
	
	a:hover{ text-decoration: underline; }
		
	h1{ font-size:			24px; }
	h2{ font-size:			16px; }
	h3{ font-size:			14px; }
	h4{ font-size:			13px; }
	h5{ font-size:			12px; }
	h6{ font-size:			11px; }
	
	.require
	{
		color:				#A00;
	}
	
	
	
	
	
	
	/* MAIN WRAPPER
	------------------------------------------------------------ */
	#content_wrapper
	{
		margin:				0;
		padding:			0;
		width:				970px;
		height:				100%;
		float:				left;
	}
	
	
	
	
	
	
	
	/* LEFT COLUMN & RIGHT COLUMN
	------------------------------------------------------------ */
	#left_column
	{
		width:				250px;
		height:				100%;
		float:				left;
		background:			#5c6870 url(../images/backgrounds/left_column.jpg) repeat-x;
		color:				#333;
	}
	
	#left_column h2
	{
		margin:				160px 0 5px;
		width:				250px;
		height:				25px;
		display:			block;
		overflow:			hidden;
		color:				#333;
	}
	
	#left_column p
	{
		margin:				0 20px 10px;
		width:				210px;
		text-align: 		justify;
		color:				#FFF;
	}
	
	#right_column
	{
		margin:				35px 0 0;
		width:				720px;
		float:				right;
		text-align:			center;
	}
	
	
	
	
	
	
	/* HEADER
	------------------------------------------------------------ */
	#header
	{
		padding:			0 0 0 30px;
		width:				690px;
		float:				left;
		text-align:			center;
	}
	
	#header h1
	{
		margin:				0 auto;
		width:				450px;
		height:				75px;
		display:			block;
		text-align:			left;
	}
	
	
	#header h1 span
	{
		width:				450px;
		height:				75px;
		display:			block;
	}
	
	#header h1 span
	{
		position:			absolute;
		background:			url(../images/header/ross_eccles.gif) no-repeat;
	}
	
	#header h2
	{
		display:			none;
	}
	
	
	
	
	
	
	
	/* MAIN CONTENT SECTION
	------------------------------------------------------------ */
	#main_content
	{
		margin:				0;
		padding:			0 0 20px 30px;
		width:				690px;
		height:				100%;
		float:				left;
	}
	
	#main_content h2
	{
		float:				left;
		width:				100%;
		text-align:			left;
	}
	
	#main_content p
	{
		margin:				0 0 15px;
		text-align:			justify;
	}
	
	
	
	
	
	
	/* LIST STYLE 01 (blogs and news)
	------------------------------------------------------------ */
	.ls_01
	{
		list-style:			none;
	}
	
	.ls_01 li
	{
		margin:				0 0 10px;
		width:				100%;
		text-align:			left;
		border-bottom:		solid 1px #c4c4c4;
		float:				left;
	}
	
	.ls_01 li a
	{
		font-weight:		bold;
	}
	
	.ls_01 li img
	{
		margin:				0 10px 10px 0;
		float:				left;
		border:				solid 1px #c4c4c4;
	}
	
	.ls_01 li .posted
	{
		color:				#a4a4a4;
		font-style:			italic;
	}
	
	
	
	
	
	
	/* LIST STYLE 02 (blog sections and archives)
	------------------------------------------------------------ */
	.ls_02
	{
		margin:				0 0 0 20px;
		list-style:			none;
		width:				210px;
		text-align:			left;
	}
	
	.ls_02 li
	{
		padding:			0 0 10px;
		color:				#FFF;
	}
	
	.ls_02 li a
	{
		color:				#FFF;
	}
	
	.ls_02 .current
	{
		margin:				0 0 10px;
		padding:			5px 5px;
		background:			url(../images/backgrounds/current_section.gif) no-repeat;
		color:				#FFF;
	}
	
	.ls_02 .current a
	{
		color:				#FFF;
	}
	
	
	
	
	
	
	/* PHOTO LIST
	------------------------------------------------------------ */
	.pl_01
	{
		padding:			0 0 0 75px;
		width:				560px;
		list-style:			none;
		float:				left;
	}
	
	.pl_01 li
	{
		margin:				5px;
		width:				90px;
		height:				68px;
		float:				left;	
		border:				solid 1px #c4c4c4;
	}
	
	.pl_01 li img
	{
		width:				90px;
		height:				68px;
	}
	
	
	
	
	.pl_02
	{
		padding:			0;
		width:				560px;
		list-style:			none;
		float:				left;
	}
	
	.pl_02 li
	{
		margin:				5px;
		width:				120px;
		height:				90px;
		float:				left;	
		border:				solid 1px #c4c4c4;
	}
	
	.pl_02 li img
	{
		width:				120px;
		height:				90px;
	}
	
	
	
	
	/* footer style
	------------------------------------------------------------ */
	#footer
	{	
		padding:			0 0 0 30px;
		width:				690px;
		float:				left;
		font-size:			12px;
	}
	
	#footer p
	{
		color:				#949494;
	}
	
	#footer #left
	{
		float:				left;
		width:				300px;
		text-align:			left;
	}
	
	#footer #right
	{
		float:				right;
		width:				350px;
		text-align:			right;
	}
	
	#footer_nav
	{
		list-style:			none;
		text-align:			right;
	}
	
	#footer_nav li
	{
		padding:			0 0 0 10px;
		display:			inline;
	}
	
	#footer li a
	{
		color:				#B4B4B4;
	}
	
/* ------------------------------------------------------------ */
	






/* TITLE STYLES
------------------------------------------------------------ */
	
	#ttl_introduction span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/introduction.gif) no-repeat;
	}
	
	#ttl_meet_ross span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/meet_ross_eccles.gif) no-repeat;
	}
	
	#ttl_paintings span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/paintings.gif) no-repeat;
	}
	
	#ttl_news span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/news.gif) no-repeat;
	}
	
	#ttl_blog_archives span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/blog_archives.gif) no-repeat;
	}
	
	#ttl_blog_categories span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/blog_categories.gif) no-repeat;
	}
	
	#ttl_contact span
	{
		width:				250px;
		height:				25px;
		display:			block;
		float:				left;
		background:			url(../images/titles/contact_ross.gif) no-repeat;		
	}
	
/* ------------------------------------------------------------ */