/*page styles and set up created by Deb's Logos and Web Design contact info: debslogosnwebdesign@gmail.com*/

html, body {
	font-size: 100.01%;
	font-family: Arial, Verdan, sans-serif;
	text-align: center;
	}
body {
		 background-image: url(images/66cccc15.gif);
		 background-position: top left;
		 background-repeat: repeat-x;
		 z-index:1;
		 margin-top: 5px;}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

div#container {
							width: 774px;
							margin-right: auto;
							margin-left: auto;
							background-image: url(images/sidrptcc.gif);
							background-repeat: repeat-y;
							z-index: 2;	
							}
div#hdr {
					 width: 774px;
					 float: left;
					 background-image: url(images/header1ee.gif);
					 background-repeat: no-repeat;
					 background-color: 66CCCC;
					 z-index: 2;
					 color: #580057;
					 }
div#hdcntr {
					 width: 736px;
					 float: left;
					 margin-top: 15px;
					 margin-left: 21px;
					 background-color: 66CCCC;
					 }					 
div#lfthdr {
					 width: 425px;
					 float: left;
					 margin-top: 5px;
					 margin-left: 26px;
					 z-index: 3;
					 }
div#lfthdr img {
					 width: 350px;
					 float: left;
					 margin-left: 35px;
					 }
div#lfthdr p.tagline {
					 text-align: center;
					 clear: left;
					 font-size: 1.15em;
					 font-style: italic;
					 z-index: 3;
					 }
div#rithdr {
					 float: right;
					 width: 250px;
					 margin-top: 13px;
					 margin-right: 15px;
					 z-index: 3;
					 }
div#lfthdr h1 {
					 font-size: .975em;
					 text-align: center;
					 }
div#mainwrapper {
								width: 735px;
								float: left;
								text-align: left;
								margin-left: 22px;
								}
div#wrapback {
						 width: 735px;
						 float: left;
						 background-color: #66cccc;
						 background-image: url(images/reptimg.gif);
						 background-repeat: repeat-y;
						 color: inherit;
						 /*this div contains the background image that creates the same 
						 length on both right and left sides of the page*/
						 }
div#sdnav {
					width:150px;
					background-color: #66cccc;
					float: left;
					color: #580057;
					border-top: 1px solid #000;
					 }
div#sdnav ul {
					margin-left: 2px;
					list-style-type: none;
					font-weight: bold;
					font-size: 1.10em;
					font-family: "Chancery Cursive", "Apple Chancery", "zapf chancery", "Lucida Handwriting Italic", cursive;
					background-color: #ECFFFF;
					display: block;
					}
div#sdnav li {
					display: inline;
					}
div#sdnav a {
					margin-left: 3px;
					text-decoration: none;
					padding-top: .275em;
					display: block;
					color: #580057;
					}
div#sdnav a:hover {
					margin-left: 3px;
					padding-top: .275em;
					background-color: #66CCCC;
					color: #580057;
					}
div#ritcolumn {
							width: 571px;
							float: right;
							margin-right: 1px;
							background-color: #66CCCC;
							font-size: .8em;
							line-height: 1.55em;
							border-top: 1px solid #001F1F;
							border-left: 1px solid #000;
							border-bottom: 1px solid #000;
							}
div#ritcolumn p {
							margin-right: 5px;
							margin-bottom: 7px;
							margin-left: 5px;
							}
div#ritcolumn h1 {
							font-size: 1.25em;
							color: #001F1F;
							text-align: center;
							margin-top: 5px;
							margin-bottom: 5px;
							}
div#ritcolumn .img1 {
							margin-right: 5px;
							margin-left: 10px;
							border: 2px solid #003F3F;
							width: 335px;
							}	
div#photo1 {
					 width: 355px;
					 float: left;
					 margin-left: 110px;
					 background-color: inherit;
					 margin-bottom: 6px;
					 }
div#contentright1 {
									width: 555px;
									float: left;
									background-color: inherit;
									}
div#contentright1 p {
							margin-left: 5px;
							background-color: #66CCCC;
							}
div#photo2 {
					 width: 555px;
					 float: left;
					 background-color: inherit;
					 margin-top: 10px;
					 margin-bottom: 6px;
					 margin-left: 10px;
					 /*you might wish to change the margin left if you add content to the
					paragraph here*/
					}
div#photo3 {
					 width: 555px;
					 float: left;
					 background-color: inherit;
					 margin-top: 10px;
					 margin-bottom: 6px;
					 margin-left: 10px;
					 /*you might wish to change the margin left if you add content to the
					paragraph here*/
					}																										 												
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-table;}
/*\*/
* html .clearfix {height: 1%;display: block;}
/**/
div#leftcolumnartist {/*begin artist page styling for right column*/
				  					 margin-left: 2px;
										 width: 150px;
										 float: left;
										 border-top: 1px solid #000;
										 background-color: #66cccc;
										 font-family: "Chancery Cursive", "Apple Chancery", "zapf chancery", "Lucida Handwriting Italic", cursive;
										 }
div#leftcolumnartist h2 {
										 text-align: center;
										 font-size: 1.25em;
										 font-family: "Chancery Cursive", "Apple Chancery", "zapf chancery", "Lucida Handwriting Italic", cursive;
										 color: #580057;
										 margin-top: 4px;
										 }										 
div#leftcolumnartist ul {
					list-style-type: none;
					font-weight: bold;
					font-size: 1.10em;
					background-color: #66cccc;
					font-family: "Chancery Cursive", "Apple Chancery", "zapf chancery", "Lucida Handwriting Italic", cursive;
					margin-left: 4px;
					}
div#leftcolumnartist li {
					display: inline;
					}
div#leftcolumnartist a {
					margin-left: 3px;
					padding-top: .2em;
					text-decoration: none;
					display: block;
					color: #580057;
					border-bottom: 1px solid #000;
					}
div#leftcolumnartist a:hover {
					margin-left: 3px;
					padding-top: .2em;
					background-color: #ECFFFF;
					color: #580057;
					border-bottom: 1px solid #000;
					}
div#rightcolumnartist {
							width: 575px;
							float: right;
							background-color: #66CCCC;
							font-size: .855em;
							line-height: 1.65em;
							/*text-indent: .9em;*/
							border-top: 1px solid #001F1F;
							}
div#rightcolumnartist	h1{
							font-size: 1.25em;
							color: #580057;
							text-align: center;
							margin-top: 5px;
							}
div#rightcolumnartist p {
											margin-left: 5px;
											font-size: .975em;
											}							
div#contentrightartist {
									width: 568px;
									float: left;
									margin-left: 1px;
									background-color: #66CCCC;
									border-bottom: 1px solid #000;
							    border-left: 1px solid #000;
									padding-bottom: 20px;
									}
div#contentrightartist p {
							margin-left: 5px;
							background-color: #66CCCC;
							}	
div#contentrightartist h1{
							font-size: 1.25em;
							color: #580057;
							text-align: center;
							margin-top: 5px;
							}
div#contentrightoriginalartist .floatimg {
															 float: right;
															 width: 196px;
															 margin-right: 3px;
															 margin-left: 3px;
															 clear: left;}							
/*this information is for the aritsts pages*/														
div#contentrightoriginalartist {
									width: 568px;
									float: left;
									margin-left: 1px;
									padding-bottom: 20px;
															 }													 													 
div#rightoriginalartist {
									width: 577px;
									float: left;
									margin-left: 1px;
									padding-bottom: 20px;
												}
div#rightoriginalartist p, div#contentrightoriginalartist p{
							margin-right: 5px;
							margin-bottom: 7px;
							margin-left: 7px;
							font-size: .850em;
							}												
div#rightoriginalartist h1, div#contentrightoriginalartist h1 {
							text-align: center;
							font-size: 1.50em;
							color: #580057;
							margin-top: 15px;
												}
div#rightoriginalartist h2 {
							text-align: center;
							font-size: 1em;
							color: #580057;
							margin-top: 5px;
												}												
div#rightoriginalartist p.artistlink{
												text-align: right;
												margin-top: 10px;
												margin-right: 15px;
												}						
div#rightoriginalartist p a{
												padding-right: 4px;
												padding-left: 4px;
												margin-top: 10px;
												font-size: .975em;
												border: 2px solid #580057;
												background-color: #67B9C0;
												color: #580057;
												text-decoration: none;
												}
div#rightoriginalartist p a:hover {
												padding-right: 4px;
												padding-left: 4px;
												margin-top: 10px;
												font-size: .975em;
												border: 2px solid #580057;
												background-color: #ECFFFF;
												color: #580057;
												text-decoration: none;
												}												
/*end artists pages styling information*/	
/*begin Artist photo gallery styling*/																		
div#thumbgallery {
								 width: 576px;
								 float: left;
								 margin-bottom: 8px;
								 }						 								 
div.floatthm {
						 width: 175px;
						 height: 240px;
						 float: left;
						 margin-top: 4px;
						 margin-left: 10px;
						 }
div.floatthm img {
						 border: 2px solid #580057;
						 }
br.both {
				clear: both: 
				}						 
div.floatthm a {
						 text-decoration: none;
						 }						 	
/*end artist photo gallery styling*/	
/*begin photo page for individual photo viewing for sale*/
div#salephoto {
							width: 550px;
							float: right;
							}
div#salephoto img {
							margin-left: 100px;
							}							
div#salephoto h1 {
							font-size: 1em;
							text-align: center;
							}	
div#salephoto p {
							font-size: .975em;
							margin-left: 95px;
							}													
/*end photo page for individual photo viewing for sale*/					 					 						 																														
div#footer {
					 width: 774px;
					 float: left;
					 height: 85px;
					 background-image: url(images/footer1ee.gif);
					 background-repeat: no-repeat;
					 z-index: 2;
					 }
div#footercontent {
									width: 735px;
									height: 71px;
									float: left;
									text-align: center;
									font-size: .8em;
									background-color: #fff;
									color: #000;
									/*background-color: #66CCCC;*/
									margin-left: 22px;
									border-top: 1px solid #000;
									}		
div#footercontent p {
									text-align: left;
									margin-top: 7px;
									margin-left: 12px;
									font-size: .885em;
									}