/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

body{
	background: #edf2ea;
	margin: 0px;
	color: #4d4e53;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #85ab70;
	text-decoration:none;
}

a:hover, label:hover{
	color: #ba334d;
	cursor: pointer;
}

a:focus {  -moz-outline-style: none;} a{outline: none;}

img, img a, map, area{
	border: none;
}

/* Typography */
p, h1, h2, h3, h4, h5{
	color: #4d4e53;
}

p{
	font-family:Helvetica, Verdana,  Arial, sans-serif;
	font-size: .9em;
	text-align: justify;
}

h1, h2, h3, h4, h5{

}

h1{
	font-size: 2.4em;
}

h2{
	font-size: 1.5em;
	color: #85ab70;
	font-weight: normal;
}
h3{
	font-size: 1.2em;
	color: #85ab70;
	font-weight: normal;
}

h4{
	font-size: 1.0em;
	color: #85ab70;
	font-weight: normal;
}


/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{
	text-indent: -5000px;
	display: block;
	font-size: 0;
	overflow: hidden;
}

p.caption{
	padding: 0px 45px;
}

img.round-border{
	border: 5px #FFF solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	height: 100%;
}


#content-supp{
	position: relative;
	background-image: url(../images/hrule.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 130px;
	padding-top: 20px;
}		

	#branding{
		height: 72px;
		width: 233px;
	}
		
#content-main{
	min-height: 500px;
	position: relative;
}

			
#content-text, #content-text-right{
	margin-top: 50px;
}

#content-text-right{
	width: 415px;
	margin-right: 0px;
}

.ie7 #content-text-right{
	width: 390px;
}

#content-photos-left{
	text-align: center;
	margin-top: 15px;

}

#content-photos{
	min-height: 500px;
	position: relative;
	padding-left: 46px;
}

	#content-photos img{
		margin: 0 5px 5px 0px;
		position: absolute;
	}


	
#footer{
	
}

/* Navigation */
#navigation{
	height: 86px;
	width: 511px;
	position: absolute;
	left: 362px;
	top: 79px;
}	

ul#nav-main, ul#nav-supp {
	list-style: none;
	width: 100%;
}

ul#nav-main{
	
	height: 56px;
	margin: 0px;
	padding: 0px;
}

ul#nav-supp{
	height: 14px;
	margin: 0px 0px 0px 440px;
	padding: 0px;
	width: 38px;
}



	ul#nav-main a, ul#nav-supp a {
		background-repeat: no-repeat;
		display: block;
		height: 56px;
	}
	
	ul#nav-supp a{
		height: 14px;
	}
	

	
	ul#nav-main li, ul#nav-supp li {
		float: left;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		height:56px;
		text-indent: -9999px;
	}
	
	ul#nav-main li{
		margin-right: 15px;
	}
	
	ul#nav-supp li{
		height: 14px;
	}	


/* FORMS
------------------------------------------------------------------------------------------*/

/* LISTS
------------------------------------------------------------------------------------------*/
ol, ul{
	list-style: none;
}

ul.event{padding: 0px;}

li.heading{ font-weight: bold; }


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo a{
	background-image:url(../images/design/wild-iris-studio-and-gallery.jpg);
	width: 233px;
	height: 72px;
	background-repeat: no-repeat;
	clear: both;
	margin-top: 25px;
}

ul#vcard{
	background-repeat: no-repeat;
	float: right;
	list-style: none;
	font-size: 12px;
	text-align: right;
	margin-right: 40px;
	margin-top: -8px;
	width: 250px;
}

ul#vcard li{
	line-height: 14px;
}

ul.vcard{
	list-style:none;
	font-size: .8em;
}

ul.vcard li.heading{
	margin-top: 15px;
}

ul#nav-main li#sculptural a{ background-image:url(../images/nav/nav-sculptural.jpg); width: 93px; }
ul#nav-main li#sculptural a:hover, ul#nav-main li#sculptural{ background-image:url(../images/nav/nav-sculptural-on.jpg);  } 
ul#nav-main li#functional a{ background-image:url(../images/nav/nav-functional.jpg); width: 90px; }
ul#nav-main li#functional a:hover, ul#nav-main li#functional{ background-image:url(../images/nav/nav-functional-on.jpg);  } 
ul#nav-main li#events a{ background-image:url(../images/nav/nav-events.jpg); width: 86px; margin-right: 1px; }
ul#nav-main li#events a:hover, ul#nav-main li#events{ background-image:url(../images/nav/nav-events-on.jpg); margin-right: 1px; } 
ul#nav-main li#locations a{ background-image:url(../images/nav/nav-locations.jpg); width: 86px; margin-right: 1px; }
ul#nav-main li#locations a:hover, ul#nav-main li#locations{ background-image:url(../images/nav/nav-locations-on.jpg); margin-right: 1px; } 
ul#nav-main li#blog a{ background-image:url(../images/nav/nav-blog.jpg); width: 63px;  }
ul#nav-main li#blog a:hover, ul#nav-main li#blog{ background-image:url(../images/nav/nav-blog-on.jpg); margin-right: 0px; } 
ul#nav-main li#artist a{ background-image:url(../images/nav/nav-artist.jpg); width: 82px; margin-right: 5px;}
ul#nav-main li#artist a:hover, ul#nav-main li#artist{ background-image:url(../images/nav/nav-artist-on.jpg); margin-right: 5px; } 

ul#nav-main li#gift-certificates a{ background-image:url(../images/nav/gift-certificates.jpg); width: 41px;  }
ul#nav-main li#gift-certificates a:hover, ul#nav-main li#gift-certificates{ background-image:url(../images/nav/gift-certificates-on.jpg); margin-right: 0px; }


ul#nav-supp li#shop a{ background-image:url(../images/nav/nav-supp-shop.jpg); width: 40px; }
ul#nav-supp li#shop a:hover, ul#nav-main li#shop{ background-image:url(../images/nav/nav-supp-shop-on.jpg);   } 

ul#nav-supp li#newsletter a{ background-image:url(../images/nav/nav-supp-newsletter.jpg); width: 74px; }
ul#nav-supp li#newsletter a:hover, ul#nav-main li#newsletter{ background-image:url(../images/nav/nav-supp-newsletter-on.jpg);  }