/* General rules
--------------------------------------------------------------------------------------------- */
	body {
		margin:0;
		padding:0;
		font:normal 62.5% "Courier New", Courier, monospace;
	}

	#wrapper {
		width:950px;
		margin:0 0 0 -475px;
		position:absolute;
		left:50%;
		background:url(images/wrapper-bg.jpg) no-repeat top left;
	}

/* Logo
--------------------------------------------------------------------------------------------- */
	#logo {
		margin:0;
		padding:12px 0 4px 3px;
		line-height:0;
	}

/* Navigations div, including main div and browser-projects div
--------------------------------------------------------------------------------------------- */
	#navigations {
		width:381px;
		padding:0;
		background:url(images/border1.gif) no-repeat top left;
		overflow:hidden;
	}

	#main {
		margin:0 0 10px 0;
		padding:25px 0 0 10px;
		list-style:none;
		font:bold 1.4em "courier ps", "Courier New", Courier, monospace;
		width:220px;
		float:left;
	}

	#main li {
		padding:0 0 3px 0;
	}

	#main a:link, #main a:visited {
		background:url(images/nav-boxred.gif) no-repeat center left !important;
		padding:0 0 0 16px;
		margin:0 0 0 0;
		text-decoration:none;
		text-transform:uppercase;
		color:#000;
	}

	#main a:hover {
		color:#ea2425;
	}

	#main a.current {
		background:url(images/nav-box.gif) no-repeat center left !important;
		padding:0 0 0 16px;
		margin:0 0 0 0;
		color:#666;
	}

	#main ul {
		margin:0;
		padding:3px 0 0 0;
		list-style:none;
		font:normal 1em christopherhand, "Courier New", Courier, monospace;
	}

	#woven-tops-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/woven-tops-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#woven-btms-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/woven-btms-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#denim-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/denim-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#knits-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/knits-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#sweaters-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/sweaters-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#outerwear-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/outerwear-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#about-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:167px;
		text-indent:-9999px;
		background:url(images/about-header-bg.jpg) no-repeat top left;
		display:inline;
	}
	
	#tees-graphics-header {
		float:left;
		margin:9px 8px 0 0;
		padding:0;
		width:15px;
		height:188px;
		text-indent:-9999px;
		background:url(images/tees-graphics-header-bg.jpg) no-repeat top left;
		display:inline;
	}

	#browse-projects-header {
		float:left;
		margin:9px 5px 0 0;
		padding:0;
		width:7px;
		height:100px;
		text-indent:-9999px;
		background:url(images/browse-projects-header-bg.jpg) no-repeat top left;
		display:inline;
	}

	#browse-projects {
		margin:0 0 10px 0;
		float:left;
	}

	#browse-projects ul {
		margin:19px 0 0 0;
		padding:0 0 0 0;
		list-style:none;
		background:url(images/browse-projects-ul-bg.jpg) no-repeat 5px top;
		float:left;
		width:106px;
		height:345px;
		border-left:2px solid #000;
	}

	#browse-projects li {
		float:left;
	}

	#browse-projects ul img {
		border:none;
		display:block;
		float:left;
		margin:5px 8px 0 0;
		width:37px;
		height:37px;
		overflow:hidden;
		border:2px solid #000;
		padding:2px;
		position:relative;
		left:5px;
		top:-5px;
		display:inline;
	}

/* Thumb images
--------------------------------------------------------------------------------------------- */
	#thumb-imgs {
		position:absolute;
		top:0;
		right:0;
		z-index:50;
	}
	
	.hidden {
		display:none;
	}

/* Footer div
--------------------------------------------------------------------------------------------- */
	#footer {
		clear:both;
		background:url(images/border1.gif) no-repeat top left;
		padding:40px 0 0 0;

	}

	#footer h4 {
		margin:0;
		padding:0 0 3px 26px;
		font:bold 1.4em "courier ps", "Courier New", Courier, monospace;
		text-transform:uppercase;
	}

	#footer p {
		margin:0;
		padding:0 0 25px 26px;
		font:normal 1.4em christopherhand, "Courier New", Courier, monospace;
		text-transform:uppercase;
	}

	#footer span {
		font:bold 1em "courier ps", "Courier New", Courier, monospace;
		padding-right:8px;
	}

	#footer .spaced {
		padding-left:27px;
		font:normal 1em christopherhand, "Courier New", Courier, monospace;
	}

	#copyright {
		margin:0;
		padding:14px 0 0 0 !important;
		position:relative;
		width:381px;
		height:26px;
	}

	#copyright span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(images/copyright-statement-bg.jpg) no-repeat bottom left;
	}
	
	#footer a:link, #footer a:visited {
		text-decoration:none;
		text-transform:uppercase;
		color:#000;
	}

	#footer a:hover {
		color:#ea2425;
	}


/* Mini Logo
--------------------------------------------------------------------------------------------- */
#mini-logo-container {
	bottom:-13px;
	right:0;
}