/* CSS Document */


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

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

body{
	margin: 0px;
	color: 666666;
}

body#about-me{	background-image: url(../images/design/BG_portfolio.jpg);}
body#contact{background-image: url(../images/design/BG_portfolio.jpg);}
body#index{background-image: url(../images/design/BG_portfolio.jpg);}


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

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

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

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

h1, h2, h3, h4, h5{

}

h1{
	font-size: 2.4em;
}


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

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

span.phark { 
	display: inline-block; 
	display: -moz-inline-box; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	overflow: hidden; 
	text-indent: -9999px; 
	font-size: 0; 
	vertical-align: text-top;
	zoom: 1; 
}

.heading{
	float: left;
}

.ie .heading{
	margin-bottom: -70px;
	}

.abs-heading{
	float: none;
	position: absolute;
	left: 69px;
}

h1.abs-heading + p{
	margin: -3px -70px 12px 110px;
}

.right{
	float: right;
}

.slashes2{
	margin-left:20px; 
	margin-bottom: 65px; 
	margin-right: -35px;
}

.ie6 .slashes2{
	margin: 0px 0px 65px 0px;
}

/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	background-image:url(../images/design/content-bg.jpg);
	width: 879px;
	height: 766px;
	margin: 3em auto;

}

.ie6 .container{
	height: 800px;
		background-repeat:  no-repeat;
}


#header{
	padding-top: 40px;
	padding-bottom: 30px;
}

	#branding{
		width: 40%;
		float: left;
	}
	
	#navigation{
		width: 375px;
		float: right;
	}	

.ie6 #content{

}

#content-main{
	padding: 7.5em 6em 0px 6em;
	height: 400px;
	background-color: #e6ebee;
	position:relative;
}

.ie6 #content-main.ie6only{
	padding-right: 3em;

}

#content-main p{
	clear: both;
	padding: 0px 5em 0px;
}

#content-main #flashContent{
	margin: -7.5em -6em 0px -6em;
	height: 615px;
	width: 819px;
}

			
	#content-text{
		min-height: 775px;
		width: 563px;
	}	
	
	.ie6 #content-text{
		height: 775px;
	}
	
/* Navigation */


ul#nav-main, ul#nav-supp {
	list-style: none;
	margin: 0 auto;
	position:relative;
	margin-top: 8px;
	float: right;
}

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

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

	}
	
	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:14px;
		text-indent: 9999px;
	}
	
	.ie6 ul#nav-main li{
		text-indent: -100px;
	}
	
	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;
	}
	


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


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo a{
	background-image:url(../images/nav/newlogo.gif);
	width: 291px;
	height: 24px;
	background-repeat: no-repeat;
}

h1#About-me{ background-image: url(../images/text/Aboutme_header.gif); width: 176px; height: 73px; }
h1#drop-me-a-line{ background-image:url(../images/text/contact_header.gif); width:145px; height:78px; }

ul#nav-main li#portfolio a{ background-image:url(../images/nav/portfolio_off.gif); width: 57px; }
ul#nav-main li#portfolio a:hover, ul#nav-main li#portfolio{ background-image:url(../images/nav/portfolio_on.gif); }
ul#nav-main li#portfolio.index a{ background-image:url(../images/nav/portfolio_on.gif); }

ul#nav-main li#about-me a{ background-image:url(../images/nav/aboutme_off.gif); width: 69px; }
ul#nav-main li#about-me a:hover, ul#nav-main li#about-me{ background-image:url(../images/nav/aboutme_on.gif); }
ul#nav-main li#about-me.about-me a{ background-image:url(../images/nav/aboutme_on.gif); }

ul#nav-main li#contact-me a{ background-image:url(../images/nav/contact_off.gif); width: 57px; }
ul#nav-main li#contact-me a:hover, ul#nav-main li#contact-me{ background-image:url(../images/nav/contact_on.gif);  } 
ul#nav-main li#contact-me.contact a{background-image:url(../images/nav/contact_on.gif); }

ul#nav-main li#resume a{ background-image: url(../images/nav/resume_off.gif); width: 83px; }
ul#nav-main li#resume a:hover, ul#nav-main li#resume{ background-image:url(../images/nav/resume_on.gif);  } 

ul#nav-main li.slashes{ background-image:url(../images/nav/slashes.gif); width: 32px; }

#Megs{width: 43px;	height: 17px; background:url(../images/text/megs.jpg) no-repeat;}