/* CSS Document */


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

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

body{
	background: #C5A710;
	margin: 0px;
	color: #1b1c1c;
}


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

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

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

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

h1, h2, h3, h4, h5{

}

h1{
	font-size: 2.4em;
}


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

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

h1.phark{
	margin: 0px;
}


/* Content Divs
------------------------------------------------------------------------------------------*/
.container{

}

#wrapper{
	background-color: #fefdfa;
	background-image:url(../images/design/bg-row.jpg);
	background-repeat:repeat-y;
	padding: 0 7px 0 8px;
	position: relative;
}

#content-supp{
	position: relative;
	height:108px;
}		

	#branding{
		height: 138px;
		position: relative;
	}
	
	#branding .birds{
		width: 336px;
		height: 204px;
		right: -196px;
		top: -3px;
		position:absolute;
	}
		#branding .birds2{
		width: 336px;
		height: 204px;
		right: -95px;
		top: 70px;
		position:absolute;
	}


#content-main{
	margin: 60px 0 0 180px;
	position: relative;
		background-image: url(../images/design/border-top.jpg);
	background-repeat: no-repeat;
	backgound-position: 0 0;
}

#content-main img.before{
	width: 635px;
	height: 5px;
	position: absolute;
	left: 0px;
	top: -4px;
}

#content-main img.heading{
	margin-bottom: -5px;
}
			
#content-text{
	width: 559px;
	background: url(../images/design/border-bg.jpg) repeat-y;
	margin-bottom: 18px;
	padding-top: 3em;
	position: relative;
	padding-bottom: 3em;
	min-height: 300px;
}	






#content-text.grey{
	background: url(../images/design/border-grey-bg.jpg) repeat-y;
}

img.after{
	width: 635px;
	height: 5px;
	
	position: absolute;
	left: 0px;
	bottom: 0px;

}

.ie7 #content-text{
	margin-left: 180px;
	}

		
	ul#adr{
		list-style: none;
		width: 700px;
	}
	
	ul#adr li{
		height: 15px;
	}
	
	ul#adr li#on-mountain-loc, ul#adr li.locality{
	margin-top: 9px;
	}

#footer{
	clear: both;
	width: 965px;
	height: 92px;
	background-image:url(../images/design/footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 90px;
	margin-left:-8px;
}	


/* Navigation */
#navigation{
	height: 450px;
	margin: 38px 0px 0px 40px;
	width: 63px;
	position: absolute;
}	

ul#nav-main, ul#nav-supp {
	list-style: none;
	margin: 0 auto;
	position:relative;
}

ul#nav-supp{
	margin:35px 0 0 128px;
}

	ul#nav-main a, ul#nav-supp a {
		background-repeat: no-repeat;
		display: block;
		height: 24px;
	}
	
	ul#nav-supp a{
		display: inherit;
	}
	
	ul#nav-main li, ul#nav-supp li {
		float: left;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		height:11px;
		text-indent: 9999px;
		margin-right: 45px;
	}
	
	ul#nav-main li{
		margin-bottom: 36px;
	}
	
	ul#nav-supp li{
		float: none;
		margin: 0px 0 .75em 0;
	}
	
	ul#nav-main li:last-child {
		margin-right: 0px;
	}
	
	ul#nav-main li a{
		height:24px;
	}
	
	ul#adr li{
		float: left;
		height: 13px;
		background-repeat: no-repeat;
		margin-right: 27px;
	}
	


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


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo a{
	background-image: url(../images/design/logo-our-apologies.jpg);
	width: 210px;
	height: 302px;
	background-repeat: no-repeat;
	float: left;
	margin-top:27px;
	margin-left: -2px;
}

h1#logo-real a{
	background-image: url(../images/design/mountain-porcupine-breckenridge.jpg);
	width: 202px;
	height: 138px;
	background-repeat: no-repeat;
	float: left;
	margin-top:27px;
	margin-left: -3px;
}

.ie h1#logo a{
		margin-top:27px;
}

h1#headline a{
	background-image: url(../images/design/mountain-porcupine-design.jpg);
	width: 355px;
	height: 37px;
	background-repeat: no-repeat;
	float: right;
	margin-top: 120px;
	margin-right: 140px;
	}
	
ul#adr li#email{background-image:url(../images/text/email.jpg);width:  49px;}
ul#adr li#post-office-box{background-image:url(../images/text/po-box.jpg); width:102px;}
ul#adr li#locality{background-image:url(../images/text/breckenridge-colorado.jpg); width: 252px;}
ul#adr li#tel{background-image:url(../images/text/970-453-1674.jpg); width: 106px;}

ul#nav-main li#design a{ background-image:url(../images/text/nav-designs.jpg); width: 63px; }
ul#nav-main li#design a:hover, ul#nav-main li#design{ background-image:url(../images/text/nav-designs.jpg);  } 
ul#nav-main li#spotlight a{ background-image:url(../images/text/nav-spotlight.jpg); width: 63px; }
ul#nav-main li#spotlight a:hover, ul#nav-main li#spotlight{ background-image:url(../images/text/nav-spotlight.jpg);  } 
ul#nav-main li#profile a{ background-image:url(../images/text/nav-profile.jpg); width: 63px; }
ul#nav-main li#profile a:hover, ul#nav-main li#profile{ background-image:url(../images/text/nav-profile.jpg);  } 
ul#nav-main li#contact a{ background-image:url(../images/text/nav-contact.jpg); width: 63px; }
ul#nav-main li#contact a:hover, ul#nav-main li#contact{ background-image:url(../images/text/nav-contact.jpg);  }