* {
	margin: 0 auto;
}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

#wrapper {
	width: 960px;
	min-height: 800px;
	margin: 20px auto;
	position: relative;
}

#wrapper.studiohome {
	height: 700px;
	position: relative;

}

#wrapper.about {
	height: 1000px;
}

#wrapper.fineart {
	background: red;
	overflow: auto;
}

#wrapper.archive {
	height: 1690px;
}

#wrapper.purchasewrap {
	height: 500px;
}

#wrapper.privacy {
	min-height: 1640px;
	overflow: auto;
}

@font-face {
	font-family: oz-handicraft;
	src: url(http://websitesbycreation.com/MARET/oz-handicraft-bt.ttf);
}

/*--------HOMEPAGE STYLES------------------*/

#homeleft {
	width: 414px;
	float: left;
}

#homeright {
	width: 546px;
	float: left;
	position: relative;
	min-height: 600px;
}

#homelogo {
	
	width: 546px;
	height: 115px;
}

#homelogo h1 {
	height: 115px;
	width: 546px;
	text-indent: -9999px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}


#homerightart {
	float: right;
	width: 326px;
	position: relative;
	margin-top: 7px;
	margin-right: 2px;
}

.homepurplebox {
	background: #f17781;
	width: 261px;
	height: 170px;
	padding: 30px;
	margin-right: 6px;
	margin-top: 1px;
}

.homepurplebox p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin: 0 20px;
	text-align: justify;
}


#homebottomrule {
	width: 953px;
	height: 47px;
	background: url(images/orangerule.jpg) repeat-x;
	position: absolute;
	top:670px;
	left: 0;
}

#homefooternav {
	color: #f5ab79;
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 725px;
	right: 5px;
	width: 300px;
}


#footernav {
	text-align: right;
	color: #f5ab79;
	font-size: 12px;
	width: 300px;
	float: right;
	margin-right: 4px;
}

#footernav a:link, #footernav a:visited {
	color: #f5ab79;
	text-decoration: none;
}

#footernav a:hover {
	text-decoration: underline;
}

#footernav a:active {
	position: relative;
	top:1px;
}


/*--------HOME NAVIGATION BARS--------*/


#homenavs {
	width: 212px;
	float: left;
	position: relative;
}


#greennavbox {
	background: #a5b75b;
	width: 210px;
	height: 237px;
	position: relative;
	padding: 0;
	text-align: left;
	margin-top: 6px;
	margin-left: 0;
	border-bottom: 1px dashed white;
}

#greennavbox h2, #backtoartnavbox h2 {
	color: #fff;
	font-size: 16px;
	padding-top: 30px;
	margin-bottom: 10px;
	margin-left: 25px;
}

#greennavbox ul.greennav {
	list-style: none;
	font-size: 14px;
	margin-top: 15px;
	margin-left: -15px;
}

#greennavbox ul.greennav li {
	margin-bottom: .75em;
}

#greennavbox ul.greennav a:link, #greennavbox ul.greennav a:visited {
	color: #fff;
	text-decoration: none;
}

#greennavbox ul.greennav a:hover {
	text-decoration: underline;
}

#greennavbox ul.greennav a:active {
	position: relative;
	top: 1px;
}


#bluenavbox {
	background: #60cbc1;
	width: 210px;
	height: 306px;
	position: relative;
	padding: 0;
	margin-left: 0;
}


#bluenavbox h2 {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	padding-top: 30px;
}



#bluenavigation {
	width: 100px;
}

#bluenavigation ul { 
	margin:0px 0px 0px -55px; 
	padding:0px; 
	font-size: 14px;
}


#bluenavigation li { 
	list-style: none;
	border-bottom: #60cbc1 solid;
	border-top: #60cbc1 solid;
	border-width: 5px;
	background: #f17781; }


 
#bluenavigation a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;                   
 text-decoration:none;
 width:100%;
 padding-left: 10px;
}
 
#bluenavigation a:hover{
 text-decoration:underline;
}


#homecircles {
	width: 251px;
	height: 211px;
	position: absolute;
	top: 570px;
	left: 285px;
	z-index: 200;
}

/*----------- ART PAGES STYLES------------------*/

#header {
	width:955px;
	height: 165px;
	position: relative;
	padding: 0;
	margin-bottom: -3px;
}

#studioheader {
	width:955px;
	height: 160px;
	padding:0;
	margin-bottom: -5px;
}

#headerleft {
	width: 401px;
	height: 165px;
	float: left;
	margin-bottom: -5px;
	padding: 0;
}

#headerright {
	width:554px;
	height: 165px;
	float: left;
}

#studioheaderright {
	width:554px;
	height: 160px;
	float: left;
}


#headerright img, #studioheaderright img {
	margin-left: 8px;
}

#topnav {
	width:955px;
	position: absolute;
	top:130px;
	left: 0;
}

#topnav ul {
	list-style: none;
	width: 960px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#topnav ul li {
	float: left;
	width: 155px;
	margin-right: 5px;
	background: #f17781;
}

#topnav ul li.last {
	margin-right: 0;
}

#topnav a:link, #topnav a:visited {
	color: #fff;
	text-decoration: none;
}

#topnav a:hover {
	text-decoration: underline;
}

#topnav a:active {
	position: relative;
	top: 1px;
}


/*------CONTENT AREA-------------------*/

#content {
	width: 952px;
	position: relative;
}

#content.pink {
	background: #feafb9;
	min-height: 683px;

}

#content.yellow {
	background: #f5edb8;
	height: 783px;
}

#content.white {
	background: white;
}

#content.termscontent {
	min-height: 1000px;
}

#content.blue {
	background: #3b929c;
	min-height: 780px;
}

#content.spring {
	border: 1px solid #f6f0c2;
	background: red;
}

#content.fineartgallery {
	width: 948px;
	background: #fff;
	margin-top: 5px;
	margin-left: 0;
	overflow: auto;
	position: relative;
	padding: 0;
	margin-left:3px;
}



#content.archivegallery {
	margin-left: 2px;
	width: 948px;
	overflow: auto;
	background: #f5f0ea;
	padding: 0;
}

#content.purchasecontent {
	height: 520px;
	width: 948px;
	margin-top: 1px;
	margin-left: 3px;
	background: #f5f0ea;
	
}

#content.contactcontent {
	height: 450px;
	background: #f6f1eb;
	margin-top: -5px;
	margin-left: 2px;
	
}

#content.privacycontent {
	padding: 0;
	margin-left: 2px;
	width: 948px;
}

#content.privacycontent h1 {
	font-family: 'Georgia', Times New Roman, serif;
	font-weight: normal;
}

#leftwrap {
	width:162px;
	height: 100%;
	background: #a5b75b;
	float: left;
}

#designsuitesleftwrap {
	width:162px;
	height: 1870px;
	background: #a5b75b;
	float: left;
	margin-top: -3px;
}

#fineartgalleryleftwrap, #fineartarchivesleftwrap, #privacyleftwrap {
	width: 208px;
	background: #8b9f9f;
	float: left;
	margin-top: 0;
	position: relative;
}


#privacyleftwrap {
	margin-top: -5px;
}


#fineartgalleryleftwrap {
	height: 2866px;
}

#fineartarchivesleftwrap {
	height: 1610px;
	margin-top: 3px;
}

#privacyleftwrap {
	height: 1477px;
}

#leftwrap.gallerypurchase {
	width: 208px;
	height: 530px;
	background: #8b9f9f;
	float: left;

}

#contactleftwrap {
	width: 208px;
	height: 450px;
	background: #8b9f9f;
	float: left;
}

#fineartgalleryleftwrap h1, #fineartarchivesleftwrap h1, #leftwrap.gallerypurchase h1, #privacyleftwrap h1, #contactleftwrap h1 {
	width: 178px;
	height: 58px;
	background: #c5a47e;
	font-family: 'Georgia', Times, serif;
	font-size: 22px;
	font-weight: normal;
	padding-left: 30px;
	padding-top: 40px;
	border-bottom: 1px dotted #fff;

}


#fineartgalleryleftwrap h2, #fineartarchivesleftwrap h2, #leftwrap.gallerypurchase h2, #privacyleftwrap h2, #contactleftwrap h2 {
	margin-left: 30px;
	margin-top: 30px;
	font-size: 18px;
}


#fineartgalleryleftwrap p, #fineartarchivesleftwrap p, #privacyleftwrap p {
	font-size: 12px;
	background: #c5a47e;
	width: 168px;
	height: 60px;
	margin-top: 29px;
	padding: 20px;

}

#contentleft {
	position: absolute;
	top: 162px;
	left: 0;
	width: 184px;
	height:600px;

}

#contentlefttop1 {
	width: 162px;
	height: 352px;
	background: #a5b75b;
	color: #fff;
	position: absolute;
	top: 0;
	left: -1px;
}

#artnavtop {
	width: 162px;
	height: 280px;
	background: #a5b75b;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}


#artnavmiddle {
	width: 162px;
	height: 245px;
	position: absolute;
	top: 280px;
	left: 0;
	background: #fc939d;
	color: #fff;
	border-top: 1px dashed #fff;
}


#artnavmiddle ul {
	list-style: none;
	font-size: 12px;
	margin-top: 20px;
	margin-left: -20px;
}

#artnavmiddle a:link, #artnavmiddle a:visited {
	color: #fff;
	text-decoration: none;
}

#artnavmiddle a:hover {
	text-decoration: underline;
}

#artnavmiddle a:active {
	position: relative;
	top: 1px;
}

#artnavmiddle a.current {
	color: #ede188;
}


#artnavbottom {
	width: 162px;
	background: #ff9f6e;
	color: #fff;
	
}

#contentlefttop1 h2, #artnavtop h2, #designsuitesleftwrap h2 {
	margin-top: 40px;
	margin-left: 23px;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 20px;
	font-family: oz-handicraft; 
	font-weight: normal;
}

#contenttopleft2 h2 {
	margin-top: 50px;
	margin-left: 20px;
	font-size: 24px;
	line-height: 25px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	font-family: oz-handicraft; 
	font-weight: normal;
}

#contentlefttop1 p, #contenttopleft2 p, #artnavtop p {
	width: 70%;
	font-size: 12px;
	line-height: 18px;
}

#contentlefttop1 a:link, #contentlefttop1 a:visited, #licensingphotos a:link, #licensingphotos a:visited {
	color: #e3dc80;
	text-decoration: none;
	font-style: italic;
}

#licensingphotos a:hover {
	text-decoration: underline;
}

#contentlefttop1 a:hover {
	color: #f17781;
	text-decoration: underline;
}

#contentlefttop1 a:active, #licensingphotos a.active {
	position: relative;
	top: 1px;
}

#contenttopleft2 {
	width: 140px;
	height: 352px;
	background: #ed6e82;
	position: absolute;
	top:0;
	left: 162px;
}

#aboutphotos, #licensingphotos {
	position: absolute;
	top: 0;
	left: 161px;
	width: 242px;
}

#contactphotos {
	position: absolute;
	top: 0;
	left: 162px;
	width: 245px;
	height: 352px;
	background: #5eb8a7;
}

#licensingphotos {
	background: #ed6e82;
	width: 238px;
}

#licnesingphotos p {
	margin: 20px;
}

#contentbottomorangebox {
	position: absolute;
	top: 352px;
	left: -1px;
	background: #ff9f6e;
	height: 330px;
	width: 162px;
	color: #fff;
	border-top: 1px dashed #fff;
}

#contentbottomorangebox.terms {
	position: absolute;
	top:70px;
}

#contentbottomorangebox.design {
	height: 431px;
}

#contentbottomorangebox.art {
	position: absolute;
	top: 525px;
	height: 230px;
}

#contentbottomorangebox.contact {
	height: 253px;
}

#contentbottomorangebox h4 {
	font-size: 10px;
	margin: 20px 0 0 -10px;
	padding: 0;
}

#orangenavigation {
	width: 100px;
}

#orangenavigation ul { 
	margin:0px 0px 0px -30px; 
	padding:0px; 
	font-size: 11px;
}


#orangenavigation li { 
	list-style: none;
	border-bottom: #ff9f6e  solid;
	border-top: #ff9f6e solid;
	border-width: 5px;
	background: #f17781; 
}


 
#orangenavigation a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:22px;
 line-height: 22px;
 text-indent: 10px;                   
 text-decoration:none;
 width:100%;
 padding-left: 10px;
}
 
#orangenavigation a:hover{
 text-decoration:underline;
}

#aboutcircles {
	position: absolute;
	top: 390px;
	left: 100px;
	width: 188px;
	height: 220px;
	z-index: 100;
}

#contentright {
	width:551px;
	position: absolute;
	top: 0;
	left:404px;
	min-height: 700px;
}

#contentrightfull {
	float: right;
	width: 780px;
	overflow: auto;
	margin-top: -3px;
}

#contentrightfull700 {
	float: right;
	width:740px;
	overflow: hidden;

}

#contentrightfull.purchasecontentright {
	background: #f6f1eb;
}

#contentrightfull.privacycontent {
	background: #f6f1eb;
	float: right;
	width: 740px;
}

#contentrightfull.mainprivacycontent {
	background: #fff;
}

#contentrightfull.mainprivacycontent p {
margin: 20px 30px;
}



h2.oz {
	margin: 20px 0 10px 25px;
	font-size: 24px;
	font-family: oz-handicraft; 
	font-weight: normal;
	letter-spacing: 1px;
}

}

#contentright h2 {
	margin: 20px 0 10px 25px;
	font-size: 24px;
	font-family: oz-handicraft; 
	font-weight: normal;
	letter-spacing: 1px;
}

#contentright p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 30px 10px 25px;
	padding-bottom: 15px;
	text-align: justify;
}

#contentright hr {
	border: 1px dashed #fff;
	width: 90%;
	margin-bottom: -5px;
	padding: 0;
}

#beachgoers {
	width: 624px;
	height: 192px;
	position: absolute;
	top: 515px;
	right: 20px;
	z-index: 10;
}

#footerdots {
	width: 953px;
	height: 50px;
	background:url(images/footerdots.png) repeat-x;
	margin-top: 5px;
	margin-left: 3px; 
	clear: both;
}

#footerdots.privacyfooter {
	margin-left: 0;
}

#footeryellowchecks {
	width: 955px;
	height: 50px;
	margin-top: 5px;
	clear: both;
	background: url(images/yellowchecks.jpg) repeat-x;
	padding-top: 20px;
}

#footeryellowchecks.designsuitesfooter {
	padding: 0;
}

#footeryellowchecks.spring {
	top: 1170px;
	padding-bottom: 30px;
	width: 960px;
	height: 50px;
	background: url(images/yellowchecks.jpg) repeat-x;
}

/*---DESIGN PORTFOLIO PAGE----*/


table.designtable {
	color: #ed6e82;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
	margin-left: -40px;
	background: url(images/verticaldottedlines.gif) no-repeat 180px top;
}

table.designtable img {
	padding: 15px 0 0 0;
}

#contentright table.designtable td a:link; table.designtable td a:visited {
	color: #ed6e82 !important;
	text-decoration: none;
}

table.designtable a:hover {
	text-decoration: underline;
}

a.pink {
	color: #ed6e82;
	text-decoration: none;
}

/*--LICENSING PAGE----*/

ul.licensees {
	float: left;
	margin-right: 5px;
}

ul.licensees li {
	margin-bottom: .5em;
}


#fish {
	position: absolute;
	top: 623px;
	right: 20px;
	z-index: 10;
	width: 772px;
	height: 159px;

}

#reddots {
	background:url(images/reddots.jpg) repeat-x;
	margin-top: 15px;
	width: 100%;
	height: 48px;
	z-index: -10;
}


/*----CONTACT PAGE----------*/


#content.contact {
	background: #f58f9a;
	height: 605px !important;	
}


#content.contact h1 {
	font-size: 24px;
	margin-top: 50px;
	margin-left: 25px;
	margin-bottom: 15px;
	font-family: oz-handicraft;
	letter-spacing: 1px;
}


#content.contact p {
	margin-left:20px;
}

#content.contact a:link, #content.contact a:visited {
	color: #fff;
	text-decoration: none;
}


#content.contact a:hover {
	text-decoration: underline;
}

#content.contact a:active {
	position: relative;
	top: 1px;
}

#flamingoes {
	position: absolute;
	top: 247px;
	right: 0;
}

#contactcircles {
	position: absolute;
	top: 420px;
	left: 100px;
	width: 188px;
	height: 220px;
	z-index: 300;
}


/*---STUDIO SITE STYLES-----------------------------*/

#studionav {
	width: 545px;
	position: absolute;
	top: 125px;
	right: 0;
}

#studionav ul {
	width: 545px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
}


#studionav ul li {
	float: left;
	width: 131px;
	margin-right: 6px;
	background: #928e8f;
	padding: 2px 0;
}

#studionav ul li.last, #studionavinside li.last {
	margin-right: 0;
}

#studionav a:link, #studionav a:visited, #studionavinside a:link, #studionavinside a:visited {
	color: #fff;
	text-decoration: none;
}

#studionav a:hover, #studionavinside a:hover {
	text-decoration: underline;
}

#studionav a:active, #studionavinside a:active {
	position: relative;
	top: 1px;
}


#studionavinside {
	width: 683px;
	position: absolute;
	top:123px;
	right:-3px;
}

#studionavinside ul {
	width: 683px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
}


#studionavinside li {
	float: left;
	width: 125px;
	margin-right: 12px;
	background: #928e8f;
	padding: 2px 0;
}

.studionavinside a.current {
	font-weight: bold;
	color: #cacdb8;
}


#backtoartnavbox {
	background: #9db5a7;
	width: 192px;
	height: 173px;
	position: absolute;
	top: 160px;
	left: 0;
}

#backtoartnavbox ul {
	list-style: none;
	font-size: 12px;
	margin-top: -5px;
	margin-left: -15px;
}

#backtoartnavbox ul.greennav li {
	margin-bottom: .15em;
}

#backtoartnavbox ul a:link, #backtoartnavbox ul a:visited {
	color: #fff;
	text-decoration: none;
}

#backtoartnavbox ul a:hover {
	text-decoration: underline;
}

#backtoartnavbox ul a:active {
	position: relative;
	top: 1px;
}

#homeright.studio {
	background: url(images/homerightart2019.jpg) no-repeat 0 163px;
	min-height: 750px;
}

#studiobottomrule {
	width: 955px;
	height: 48px;
	background: #b68a84;
	margin-top: -30px;
}

.studiotextbox {
	position: absolute;
	top: 575px;
	right: 5px;
	width: 340px;
	height: 168px;
	background: #8e898b;
	color: #fff;
}

.studiotextbox p {
	margin: 20px 30px 30px;
}

#studiofooternav {
	color: #8e898b;
	font-size: 12px;
	text-align: right;
	width: 300px;
	float: right;
	margin-right: 5px;

}


#studiofooternav a:link, #studiofooternav a:visited {
	color: #8e898b;
	text-decoration: none;
}

#studiosecondarynav {
	width: 100px;
	margin-top: 20px;
	height:100%;
}

#studiosecondarynav ul { 
	margin:0px 0px 0px -63px; 
	padding-left: 10px; 
	font-size: 11px;
}


#studiosecondarynav li { 
	list-style: none;
	border-bottom: #8b9f9f  solid;
	border-top: #8b9f9f solid;
	border-width: 5px;
	background: #c5a47e;
	padding-left: 10px; 
}


 
#studiosecondarynav a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:22px;
 line-height: 22px;
 text-indent: 10px;                   
 text-decoration:none;
 width:100%;
 padding-left: 10px;
}
 
#studiosecondarynav a:hover{
 text-decoration:underline;
}



#archivecontainer {
	width: 738px;
	float:left;
	margin-top: 103px;
	left: 38px;
}


#paintingscontainer {
	width: 740px;
	background: #fff;
	margin-left: -10px;
	padding:0;
}

#paintingscontainer img, #mixedmedia img, #ipad img {
	margin-left: -7px;
}


h1.paintings {
	width: 316px;
	height: 31px;
	padding-top: 11px;
	padding-right: 18px;
	font-family: 'Georgia', Times, serif;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: normal;
	text-align: right;
	background: #8b9f9f;
	margin-top: 55px;
	margin-left: 0;

}


h1.mixedmedia, h1.ipad {
	width: 316px;
	height: 31px;
	padding-top: 10px;
	padding-right: 18px;
	font-family: 'Georgia', Times, serif;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: normal;
	text-align: right;
	background: #c5a47e;
	margin-left:0;
	margin-top: 30px;
}





#mixedmediacontainer {
	width: 748px;
	top: 941px;
	left: 38px;
	background: #fff;
}



#ipadcontainer {
	width: 748px;
	
	top: 2041px;
	left: 38px;
	background: #fff;
}

#fineartfooter {
	width: 950px;
	height: 47px;
	background: #b68a84;
	margin-left: 2px;
	
}

#archivefooter {
	
	width: 955px;
	height: 47px;
	background: #b68a84;
	
}

#privacyfooter {
	width: 955px;
	height: 47px;
	background: #b68a84;
	margin-top: -10px;
	padding: 0;
}

#purchasecontainer {
	width: 749px;
	height: 436px;
	background: url(images/purchase/purchasebg.jpg) no-repeat;
	position: relative;
	float: left;
	margin-top: 94px;
}

#purchasecontainer h2 {
	margin-left: 203px;
	background: #9e8d94;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 0;
	width: 151px;
	padding-left: 20px;
	display: inline block;
}


ul.purchasing {
	color: #928e8f;
	font-size: 11px;
	line-height: 16px;
	margin-left: 235px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
	width:430px;
}

#purchasecontainer ul.purchasing a:link; #purchasecontainer ul.purchasing a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #697277;
}


/*---STUDIO CONTACT PAGE------------------------*/



#contactcontainer {
	width: 730px;
	height: 362px;
	background:url(images/contact/contactbg.jpg) no-repeat -10px top;
	margin-top: 86px;
	

}

#contactcontainer p {
	width: 253px;
	background: #858183;
	margin-bottom: 25px;
	margin-left: 196px;
	text-align: left;
	padding: 20px 0 20px 30px;
}

#contactcontainer a:link, #contactcontainer a:visited {
	text-decoration: none;
	color: white;
	font-style: italic;
}

#contactcontainer a:hover {
	text-decoration: underline;
}

#terms {
	color: #918d8f;
	
	padding: 0;
}


#terms h1 {
	margin: 30px;
}

#terms p {
	margin: 0 20px 20px 30px;
}

/*--ENLARGEMENTS------------------------------*/

#artwrap {
	width: 800px;
	margin: 20px auto;
	padding-top: 60px;
	position: relative;
	text-align: center;
}


#artwrap img {
	display: inline-block;
	padding-bottom: 10px;
}

#artwrap img.paypal {
	padding-bottom:40px;
}

.artcolor {
	background: #e7dbcb!important;
}

#artwrap p {
	color: #918d8f;
	margin-bottom: 25px;
}
