/* @group notes */

	/* ================================================

	This stylesheet is best edited using CSSedit. With CSSedit, all the of the @groups will be viewable as folders in the left column. It makes things MUCH easier to read and manage.

	If you're using Textmate, you can modify your CSS bundle (using the bundle editor) to recognize these groups as "folds." Read more here: http://snipplr.com/view/15787/fold-cssedit-groups-in-textmate/

	Naming conventions:
	Dashes denote folder structure. For example, "header" is inside "page structure," so we call it "-header". "Nav" is inside "-header", so we call it "--nav." This should make the stylesheet easier to navigate, even without CSSedit.

	================================================ */ 

/* @end */

/* @group base */


	/* @group -reset */
	
		/* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */

		* {margin:0; padding:0}
	/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

	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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define visible focus styles! 
	:focus {
		outline: ?????;
	} */

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


	/* @end */

	/* @group -utility */

		/* Basic   */ 
		.clearfix:after
		{ content:"."; display:block; height:0; clear:both; visibility:hidden }

		.clear { height: 1px;	margin-top: -1px; overflow: hidden; }
		.clear, .section {clear:both}

	/* @end */

	/* @group -fonts */

		/* Helvetica */
		/* Heads   */ 
		/* General */ body, textarea { font-family: Helvetica, Arial, sans-serif; }

		/* Georgia */
		/* Heads   */ h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }

	/* @end */


/* @end */
	

	/*This is a comment*/
body#home{}
body#paintings {}



	 }}
body#drawings {}
body#graphic {}
body#aboutme {}
body#aboutmast {}
body#links {}
body#dogs {}
body# photos{}
body#corporate {}
body#selfp {}
body#people {}
body#stilllife {}
body#links {}
#title {color:#de0e0e;font-size:54px;font-weight:bold;margin-bottom:40px;}	
#nav li a {color:#646464;font-size:20px;}	

#nav li {float:left;margin-right:20px;color:#de0e0e;font-size:20px;margin-top:40px;}
#container {;width:800px;margin:0 auto;text-align:center;margin-top:50px;}
#nav{
	/*margin:0 0 0 100px;*/
	width: 650px;
	margin: 20px auto;
}
#nav2 {
	width:200px;
	text-align:left;
	margin-left:90px;
}
body#paintings #nav2 {
	margin-left:90px;
}
body#graphic
 #nav2 {
	margin-left:90px;
}	
body#stilllife
 #nav2 {
	margin-left:90px;
}
body#selfp #nav2 {
		margin-left:90px;
	}
body#people #nav2 {
			margin-left:90px;
		}
#nav2 li a { color:#646464;}
#nav2 li {color:#de0e0e;font-size:15px;}	


#nav3 li a { color:#646464;}
#nav3 { color:#de0e0e;font-size:15px;margin-left:200px; }
#nav4 {color:#de0e0e;font-size:15px;margin-top:30px;}
#nav4 li a { color:#646464;}

.content {color:#646464;font-size:20px;margin-top:10px;}
#as {color:#de0e0e;font-size:20px;margin-top:0px;}
#links2 { color:#646464;font-size:15px;}
#links2 a{color:#de0e0e;}
br {display:none;}
.image-wrap {
	width:500px;
	margin:0 auto;
}
.content3 {color:#646464;font-size:15px;margin-top:10px;}