@charset "utf-8";
/* 

Jadchor Portfolio CSS
Created by Jaden Chorney
Sunday March 9, 2008

Table of Contents

	1. defaults
	2. header
	3. flash
	4. content

*/

/* -- 1. defaults -- */

*{
	margin: 0;
	padding: 0;
	}

body{
	background:url(/images/body_bg.png) 0 0 repeat-x #222222;
	}
			
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	}

#wrapper{
	width: 800px;
	position: relative;
	margin:0 auto;
	}

/* -- 2. header -- */

#header{
	background:url(/images/header_bg.png) 0 0 no-repeat;
	width: 800px;
	height: 120px;
	float:left;
	margin: 0 0 3px 0;
	}
			
/* -- 3. navigation -- */

#container{
	height: 605px;
	width: 800px;
	float:left;
	margin: 0 0 45px 0;
	}
	
#navigation{
	width:758px;
	height:581px;
	padding-top:24px;
	background-image:url(http://jadchor.pixelogic.ca/images/nav_bg.png);
	background-repeat:no-repeat;
}
	
#menu{
	display:block; 
	height:581px; 
	width:734px; 
	margin: 0 0 0 24px;
	}

#menu ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	}
	
#menu li{
	float:left; 
	margin-right:10px; 
	display:block; 
	width:170px; 
	height:581px;
	}

#menu li.webdesign{
	background:transparent url(http://jadchor.pixelogic.ca/images/webdesign_a.png);
	}

#menu li.photography{
	background:transparent url(http://jadchor.pixelogic.ca/images/photography_a.png);
	}

#menu li.graphicsart{
	background:transparent url(http://jadchor.pixelogic.ca/images/graphicsart_a.png);
	}

#menu li.miscellaneous{
	background:transparent url(http://jadchor.pixelogic.ca/images/miscellaneous_a.png);
	}

#menu a{
	display:block; 
	width:170px; 
	height:581px; 
	padding-top:0px; 
	color:#000; 
	text-decoration:none; 
	overflow:hidden;
	}

* html #menu a:link, * html #menu a:visited{
	height:581px; he\ight:0;
	}

#menu a#webdesign{
	background:transparent url(http://jadchor.pixelogic.ca/images/webdesign_h.png) -170px -581px no-repeat;
	}
#menu a#photography{
	background:transparent url(http://jadchor.pixelogic.ca/images/photography_h.png) -170px -581px no-repeat;
	}
#menu a#graphicsart{
	background:transparent url(http://jadchor.pixelogic.ca/images/graphicsart_h.png) -170px -581px no-repeat;
	}
#menu a#miscellaneous{
	background:transparent url(http://jadchor.pixelogic.ca/images/miscellaneous_h.png) -170px -581px no-repeat;
	}

#menu a#webdesign:hover{
	background-position:top right; 
	z-index:50;
	}
#menu a#photography:hover{
	background-position:top right;
	z-index:50;
	}
#menu a#graphicsart:hover{
	background-position:top right; 
	z-index:50;
	}
#menu a#miscellaneous:hover{
	background-position:top right; 
	z-index:50;
	}

* html #menu a:hover{
	height:581px; 
	he\ight:0;
	}	
	
/* -- 4. content -- */

#content{
	width: 800px;
	height: 165px;
	float:left;
	}
			
#content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BEBEBE;
	background-color:inherit;
	position:relative;
	width:728px;
	padding: 0 0 0 15px;
	float:left;
	}
	
			
#content p span{
	font-size: 14px;
	font-weight: bold;
	color: #adc5d3;
	background-color:inherit;
	padding:0 0 0 0;
	display:block;
	margin: 0 0 10px 0;
	}
			
#content ul{
	width:735px;
	float:left;
	margin:10px 0 0 8px;
	}

#content ul li{
	float:left;
	color:#BEBEBE;
	background-color:inherit;
	font:normal 11px Arial, Helvetica, sans-serif;
	}

#content ul li a{
	color:#FFFFFF;
	background-color:inherit;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
	}

#content ul li a.current{
	color:#FFFFFF;
	text-decoration:none;
	}

#content ul li a:hover{
	color:#adc5d3;
	}

#content p.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BEBEBE;
	background-color:inherit;
	position:relative;
	width:728px;
	padding: 0 0 0 15px;
	float:left;
	}

#content p.copyright a{
	color:#FFFFFF;
	text-decoration:none;
	}

#content p.copyright a:hover{
	color:#adc5d3;
	text-decoration:none;
	}