body {
	background: url(/images/bg_body.jpg) repeat;	
}
img, div, li, a { behavior: url(/stylesheets/iepngfix.htc) }

/**************/
/**** MENU ****/
/**************/

div#menu_bar {
	background: url(/images/bg_menu.png) repeat;
}
	ul#menu {
		width: 867px;
		margin: auto;
		height: 40px;
	}
		ul#menu li {
			float: left;
			width: 285px;
			height: 40px;
			margin: 0 2px 0 2px;
			text-align: center;
		}
	div#sub_menu_container {
		width: 867px;
		height: 40px;
	}			
		ul#sub_menu {
			width: 104px;
			height: 20px;
			float: right;
			margin-right: 91px;
			text-align: center;
		}
			ul#sub_menu li {
				width: 50px;
				height: 20px;
				background: url(/images/bg_menu.png) repeat;
				float: right;
				margin-right: 2px;
				font-size: 12px;
				line-height: 20px;
				font-family: "Trebuchet MS", Arial, sans-serif;
			}
				ul#sub_menu li a { color: #333;	}
				ul#sub_menu li a:hover { color: #FFF;
				}
	
/**** MENU Font Styles ****/

ul#menu a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #555;
	line-height: 40px;
}

ul#menu a:hover { color: #FFF;	cursor: pointer; }


/*******************/
/**** CONTAINER ****/
/*******************/
div#container {
	width: 867px;
	margin: 0 auto;
	background: url(/images/bg_highlight.png) no-repeat;
	overflow: hidden;
}



/****************/
/**** HEADER ****/
/****************/

div#header {
	width: 867px;
	height: 145px;
}
	div#header div#logo {
		float: left;
		width: 287px;
		height: 99px;
		margin-top: 15px;
	}
	div#header ul#categories {
		width: 340px;
		height: 120px;
		float: right;
	}
		ul#categories div#categories_headline {
			height: 40px;
			background: url(/images/img_categories-headline.png) no-repeat top center;
		}
		ul#categories li {
			float: left;
			margin: 0 10px 0 10px;			
		}
		ul#categories li a {
			background: url(/images/sprites_categories.png) no-repeat;
			display: block;
			width: 89px;
			height: 75px;	
		}
		ul#categories li a.identity {	background-position: 7px 0px;	}
		ul#categories li a.print-design {	background-position: -94px 0px;	}
		ul#categories li a.web-design {	background-position: -192px 0px;	}	

		ul#categories li a.identity:hover {	background-position: 7px -78px;	}
		ul#categories li a.print-design:hover {	background-position: -94px -78px;	}
		ul#categories li a.web-design:hover {	background-position: -192px -78px;	}			
		
		ul#categories li.active a.identity {	background-position: 7px -78px;	}
		ul#categories li.active a.print-design {	background-position: -94px -78px;	}
		ul#categories li.active a.web-design {	background-position: -192px -78px;	}			

		/* IE6 FIX */
		ul#categories li.active a.identity:hover {	background-position: 7px -78px;	}
		ul#categories li.active a.print-design:hover {	background-position: -94px -78px;	}
		ul#categories li.active a.web-design:hover {	background-position: -192px -78px;	}			
	
		
/*****************/		
/**** CONTENT ****/	
/*****************/		

div#content {
	width: 867px;
	height: 400px;
	overflow: hidden;
	background: url(/images/bg_h-divider.jpg) repeat-x bottom;
}
	div#content div#project_info {
		float: left;
		width: 234px;
		height: 308px;
		padding: 15px 20px;
		background: url(/images/bg_project-info.png) no-repeat;
	}
		div#project_info a { color: #6699cc; margin: 5px 0 5px 0; }
			div#project_info a:hover { color: #6699cc; text-decoration: underline; }
	
	div#project_tools img {
		width: 30px;
		height: 30px;
	}
			
	div#content div#permalink {
		float: left;
		margin-top: 20px;
		margin-left: -1px;
	}
	div#content div#project_images {
		float: right;
		width: 553px;
		height: 338px;
		padding-top: 2px;
		background: url(/images/bg_project-images.png) no-repeat;	
		text-align: center;
	}
		div#project_images div#image_container {
			width: 507px;
			height: 334px;
			margin: 0 auto 0 auto;
		}
			div#image_container img{ width: 507px; height: 334px; }		
		
		div#shadow {
			position: absolute;
			margin-left: 23px;
			width: 507px;
			height: 335px;
			overflow: hidden;
			z-index: 50;
		}
		div#recent_project {
			width: 149px;
			height: 149px;
			background: url(/images/img_recent-project.png) no-repeat;
			position: absolute;
			z-index: 51;
			margin-left: 404px;
		}
	div#content div#project_details {
		float: right;
		width: 553px;
		height: 30px;
		padding-top: 6px;
	}
	div#content div#admin_buttons {
		float: left;
		text-align: center;
		width: 275px;
		margin-top: 8px;
	}
		div#content div#admin_buttons img {
			margin: 0 5px 0 5px;
		}
	
	/**** CONTENT Small Categories ****/
	ul#small_categories li {
		float: left;
	}
	ul#small_categories li a {
		background: url(/images/sprites_small-categories.png) no-repeat;
		display: block;
		width: 33px;
		height: 26px;
		
	}
		ul#small_categories li a.identityempty {	background-position: 0px 0px;	}
		ul#small_categories li a.print-designempty {	background-position: -35px 0px;	}
		ul#small_categories li a.web-designempty {	background-position: -70px 0px;	}
		
		ul#small_categories li a.identityhighlighted {	background-position: 0px -26px;	}
		ul#small_categories li a.print-designhighlighted {	background-position: -35px -26px;	}
		ul#small_categories li a.web-designhighlighted {	background-position: -70px -26px;	}
	
	/**** CONTENT Image Counter ****/
	div#image_counter {
		font-family: Arial, sans-serif;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 14px;
		text-align: center;
		width: 350px;
		color: #FFF;
		float: left;
	}
	
	/**** CONTENT Prev-Next Buttons ****/
	ul#prev-next {
		float: right;
	}
	ul#prev-next li {
		float: left;
	}
	ul#prev-next li a {
		background: url(/images/sprites_prev-next.png) no-repeat;
		display: block;
		width: 35px;
		height: 22px;
	}
		ul#prev-next li a.prev {	background-position: -1px -3px;	}
		ul#prev-next li a.next {	background-position: -37px -3px;	}
		
		ul#prev-next li a.prev:hover {	background-position: -1px -31px;	}
		ul#prev-next li a.next:hover {	background-position: -37px -31px;	}		


	/**** CONTENT Font Styles ****/
	div#content .h1 {
		font-family: "Trebuchet MS", Arial, sans-serif;
		color: #6699cc;
		font-size: 22px;
	}
	div#content .h2 {
		font-family: Arial, sans-serif;
		color: #6699cc;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 10px;
		float: right;
	}	
	div#content .body {
		font-family: Arial, sans-serif;
		color: #FFF;
		font-size: 12px;
		margin: 10px 0 10px 0;
	}


/****************/		
/**** FOOTER ****/	
/****************/		

	div#footer {
		margin: 30px auto 0 0;
		padding-bottom: 30px;
		background: url(/images/bg_h-divider.jpg) repeat-x bottom;
		overflow: hidden;
	}
	
		/**** FOOTER Thumbs ****/
		div#thumb_container {
			width: 780px;
			height: 84px;
			margin: auto;
		}
		
		li.thumbnail {
			float: left;
			width: 126px;
			height: 85px;
			background: url(/images/bg_thumbnail.png) no-repeat;
			text-align: center;
			padding-top: 1px;
			margin: 0 3px 5px 3px;
		}	
	
		/**** FOOTER Small Prev-Next Buttons ****/
		div#small_prev-container {
			width: 30px;
			float: left;
		}
		div#small_next-container {
			width: 30px;
			float: right;
		}		
		div#small_prev-container a {
			background: url(/images/sprites_small-prev-next.png) no-repeat;
			display: block;
			margin-top: 25px;
			width: 32px;
			height: 30px;
		}
		div#small_next-container a {
			background: url(/images/sprites_small-prev-next.png) no-repeat;
			display: block;
			margin-top: 25px;
			width: 32px;
			height: 30px;
			overflow: hidden;
		}				
			div#small_prev-container a.small_prev {	background-position: 0px 0px;	}		
			div#small_next-container a.small_next {	background-position: -35px 0px;	}

			div#small_prev-container a.small_prev:hover {	background-position: 0px -32px;	}		
			div#small_next-container a.small_next:hover {	background-position: -35px -32px;	}
			
			/**** FOOTER Copyright ****/
			div#copyright {
				font-family: Arial, sans-serif;
				font-size: 11px;
				text-align: center;
				width: 200px;
				margin: 20px auto;
				color: #888;
			}
	
	/**** FOOTER Browse Projects ****/
	
	div#browse_by-time {
		float: left;
		margin: 0px 0 0 60px;
	}
	
	div#browse_by-thumbnail {
		float: right;
		margin: 0px 60px 0 0;
	}
		div#wall_thumb-container {
			width: 798px;
			height: 365px;
			margin: 0 auto;
		}		
		/**** FOOTER Browse Projects Font Styles ****/		
		div.h3 {
			font-family: "Trebuchet MS", Arial, sans-serif;
			color: #FFF;
			font-size: 18px;		
			margin-bottom: 10px;
		}
		div.qtip_project-name {
			font-family: "Trebuchet MS", Arial, sans-serif;
			color: #FFF;
			font-size: 18px;
			text-align: center;
			margin-bottom: 5px;
		}
		div.description {
			font-family: Arial, sans-serif;
			font-size: 13px;
			color: #FFF;
		}
		.hidden {
			display: none;
		}
		div.date {
			font-family: Arial, sans-serif;
			font-size: 12px;
			float: right;
			font-weight: bold;
			color: #6699cc;
		}