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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: justify; 
}
ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}


	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:960px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font: 0.825em "palatino linotype", constantia, palatino, "times new roman";
                line-height: 1.571em;
	}
	a {
		color:#369;
	}
	
	#footer{
		font-family: georgia, times, "times new roman";
	}
	
	#footer p{
		font-size:1em;
	}
	
	#footer imp, #footer a, #footer ol, #footer ul{
		font-family: Garamond, Times, serif;
                font-size: 1.2em;
		font-style: italic;
        	color: #ddd;
        	text-decoration: none;
	}
	#footer imp{
		font-style: normal;
		font-size: 1.05em;
		font-variant: small-caps;
	}
	#footer ol li a, #footer ul li a{
		font-size: 1.19em;
		color: #996699;
	}
	#footer a:hover{
		border-bottom: 1px #ddd solid;
	}

	/* headings */
	#footer h2, #gallery h2{
		font-family: Georgia, "Times New Roman", Times, serif;
        	font-size:24px;
		margin-top: 0; margin-bottom: 5px;
		text-align: center;
        	font-weight: normal;
        	color: #222;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:center;
		width: 100%;
		z-index: -1;
	}
	#headerimg{
		height: 386px;
		width: 952px;
		background: url(images/watercolorhdr.png) no-repeat top; 
        	margin:0 auto; /* for centering */
        	z-index:100;
	}
        #paintingshdrimg{
                height: 386px;
		width: 952px;
                background: url(images/watercolorhdr-paintings.png) no-repeat top; 
                margin:0 auto; /* for centering */
                z-index:101;
       }
    	#logo {
        	display: block;
		/* background:url(images/logo.png) no-repeat top center; */
		width:260px;
		height:202px;       
		float: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
	}
	h1 span {
        display: none;

	}

	/* menu */
	#menu{
		height: 153px;
		width: 96px;
		display: block;
		top: 150px;
		left: 75px;
		position: relative;
		background:url(images/menu-top.png) no-repeat top center; 
	}
	#nav-home a{
	    display: block;
	    height: 50px;
		width: 50px;
		top: 40px;
		left: 0;
		position: absolute;
		background:url(images/home.png) no-repeat; 
	}
	#nav-home span{
                display: none;   
	}
	#nav-home a:hover {
		background:url(images/home-on.png) no-repeat top center; 
	}
	#nav-gallery a{
		display: block;
	        height: 71px;
		width: 71px;
		top: 85px;
		left: 25px;
		position: absolute;
		background:url(images/gallery.png) no-repeat; 
	}
	#nav-gallery span{
                display: none;   
	}
	#nav-gallery a:hover {
		background:url(images/gallery-on.png) no-repeat top center; 
	}
	
	#bodybanner {
			background: url(images/bodybg.gif) repeat-x;
			top: 320px;
			height: 70px;
			width: 100%;
			position: absolute;
			z-index: -1;	
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	/* blog feeds buzzboost styling */
	#blogfeed, #blogfeed .colmask{
		background: url(images/bodybg.gif) repeat; 
		padding-bottom: 15px;
		padding-top: 5px;
	}
	#blogfeed .colmask a {
		color:#99cccc;
		text-decoration:none;
		font-size: 1.20em;
		font-variant:small-caps;
                font-weight: bold;
	}
	
	div.feedburnerFeedBlock ul li{
		padding: 10px 0;
	}
	.headline a:hover{
		border-bottom: 0.081em solid #ccc;
	}
	.date {
		padding: 8px 0;
		color: #ccc;
		font-style: italic;
		font: "palatino linotype", baskerville, georgia;
	}
	
	div.feedBurnerFeedBlock ul li span.headline{
	   margin-top: 15px;
	   display: block;
	}
	#creditfooter {display: none;}
	
	/* blog feed navigation */

	#artpic { 
			display: block;
			height: 92px; 
			width: 187px;
			margin: 0 auto;
			background: url(images/art.png) no-repeat center;
			}
	#artpic span{
		   display: none;   
	}
       #artblogsluubck5kp03vc28hmkrep5a48g .feedTitle a:hover{
                       background: url(images/art-on.png) no-repeat center;
        }
	#eternalpic { 
			display: block;
			height: 92px; 
			width: 187px;
			margin: 0 auto;
			background: url(images/eternal.png) no-repeat center;
			}
	#eternalpic span{
		   display: none;   
	}
        #EternalBlogsp4stipun2pgl04q3fbie7a02g8 .feedTitle a:hover{
                       background: url(images/eternal-on.png) no-repeat center;
        }
	#moonstruckpic { 
			display: block;
			height: 92px; 
			width: 187px;
			margin: 0 auto;
			background: url(images/moonstruck.png) no-repeat center;
			}
	#moonstruckpic span{
		   display: none;   
	}
        #moonstruckblog445hrrjg9pf83fb7qgm4as8no0 .feedTitle a:hover{
                       background: url(images/moonstruck-on.png) no-repeat center;
        }
	
	/* Footer styles */
	
	#footer-wrap {
		background: url(images/footer.gif) repeat-x top;
		height: 450px;
		padding-top: 20px;
	}
	#footer-wrap .colmask{
		background: #99cccc;
		top: 15px;
		position: relative;
	}
	#footer {
		clear:both;
		background: #99cccc;
		width:100%; 
	}
	#footer h2, #gallery h2{
		padding-top: 30px;
	}
	#footer p{
		padding:20px 0;
		margin:0;
		color: #555;
	}
        #footnote p{
                border-top: 1px solid #999;
                background: #99cccc;
		padding:5px 0;
		left: 50%;
		text-align: center;
        }

	/* Gallery */
	#gallery{
		top: 320px;
		left: 600px;
		width: 100%;
		background: url(images/bodybg.gif);
		z-index: 1000;
	}
	
	/* 3 Column settings */
	
	.threecol {
	        
	}
	.threecol .colmid {
		right:33%;			/* width of the right column */
		/* background:#fff;		center column background colour */
	}
	.threecol .colleft {
		right:34%;			/* width of the middle column */
		/* background:#f4f4f4;    left column background colour */
	}
	.threecol .col1 {
		width:30%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:29%;			/* Width of left column content (column width minus padding on either side) */
		left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:29%;			/* Width of right column content (column width minus padding on either side) */
		left:77%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	/* column container */

	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
        color: #ffffff;		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 5px 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		z-index: 100;
	}