body {
	color: #ABAAA3;
	padding: 32px 0 100px 35px;
	font: 13px/20px "Courier New", Courier, monospace;
}

p {
	margin: 0 0 18px 0;
}

a:link, a:visited {
	color: #91C1A6;
	text-decoration: none;
}

a:hover {
/*	color: #91C1A6;*/
}

div#container {
	background: white;
	padding: 62px 46px 22px 46px;
}

div#header {
	padding: 0 0 19px 0;
}

h1#hi_design {
	background: url('../images/HiD_logo.png') no-repeat scroll top left;
	width: 74px;
	height: 81px;
	text-indent: -9999em;
	margin-right: 109px;
}

h1#hi_design a {
	display: block;
	width: 74px;
	height: 81px;
}

ul#nav {
	background: transparent url('../images/nav.jpg') 0 0 no-repeat;
	/*margin-left: 109px;*/
	text-indent: -9999em;
	position: relative;
	width: 554px;
	height: 47px;
	margin-top: 34px;
}

ul#nav li {
	position: absolute;
	top: 0;
}

ul#nav li, ul#nav li a {
	display: block;
	height: 47px;
}

li#t_branding {
	width: 61px;
	left: 0;
}

li#t_branding a:hover, li#t_branding a.active {
	background: transparent url('../images/nav.jpg') 0 -47px no-repeat;
}

li#t_interactive {
	width: 70px;
	left: 100px;
}

li#t_interactive a:hover, li#t_interactive a.active {
	background: transparent url('../images/nav.jpg') -100px -47px no-repeat;
}

li#t_print {
	width: 37px;
	left: 212px;
}

li#t_print a:hover, li#t_print a.active {
	background: transparent url('../images/nav.jpg') -212px -47px no-repeat;
}

li#t_case_studies {
	width: 75px;
	left: 292px;
}

li#t_case_studies a:hover, li#t_case_studies a.active {
	background: transparent url('../images/nav.jpg') -292px -47px no-repeat;
}

li#t_about_contact {
	width: 99px;
	left: 406px;
}

li#t_about_contact a:hover, li#t_about_contact a.active {
	background: transparent url('../images/nav.jpg') -406px -47px no-repeat;
}

li#t_blog {
	width: 27px;
	left: 554px;
}

li#t_blog a:hover, li#t_blog a.active {
	background: transparent url('../images/nav.jpg') -554px -47px no-repeat;
}

div.the_content {
	/* this container is floated so the background will not repeat furter than needed */
	background: url('../images/the_content_bg.jpg') 0 0 repeat-x;
	padding: 22px 0 0 0;
}

body.page-template-interactive-php div.the_content {
	padding-top: 12px;
}

body.page-template-branding-php div.the_content {
	padding-top: 74px;
	padding-bottom: 74px;
}

div#home {
	background: url('../images/HiD_home.jpg') no-repeat scroll top left;
	width: 849px;
	height: 357px;
	position: relative;
}

div#home a {
	position: absolute;
	display: block;
}

div#home p {
	margin: 0;
}

a#branding {
	width: 217px;
	height: 43px;
	top: 16px;
	left: 555px;
}

a#interactive {
	width: 327px;
	height: 44px;
	top: 85px;
	left: 238px;
}

a#print {
	width: 128px;
	height: 48px;
	top: 156px;
	left: 339px;
}

a#blog {
	width: 297px;
	height: 48px;
	top: 296px;
	left: 3px;
}

a#about_contact {
	width: 60px;
	height: 48px;
	top: 296px;
	left: 681px;
}

a#case_studies {
	width: 111px;
	height: 38px;
	top: 156px;
	left: 684px;
}

div#about_content {
	width: 880px;
	padding: 29px 0 46px 0;
}

div.inspiration {
	width: 243px;
	padding: 0 0 0 4px;
}

div.inspiration_image {
	margin-bottom: 11px;
}

div.inspiration_image img {
	border: 1px solid #CECECE;
	padding: 3px;
}

div.about_text {
	padding: 0 0 0 36px;
	width: 514px;
}

div.about_text p {
	padding-left: 4px;
}

div.projects img {
	float: left;
	display: inline;
}

span.project_title {
	font-size: 12px;
	line-height: 24px;
}

span.project_description, span.spacer {
	font: 10px/24px Arial, Helvetica, sans-serif;
}

span.project_description a:link, span.project_description a:visited {
	color: #ABAAA3;
}

body.page-template-interactive-php span.project_description a:hover {
	color: #D1735A;
}

body.page-template-print-php span.project_description a:hover {
	color: #87C3C3;
}


div#project_info, div.case_study_text {
	margin: 16px 0 0 0;
}

div#project_info p {
	margin: 0;
/*	WP has generated a paragraph automagically here... sigh...*/
}

ul#project_nav {
	float: left;
	margin-bottom: 36px;
}

body.page-template-interactive-php ul#project_nav {
	margin-left: 280px;
}

body.page-template-print-php ul#project_nav {
	margin-left: 392px;
}

body.page-template-case-studies-php ul#project_nav {
	margin-left: 468px;
}

ul#project_nav li {
	float: left;
	width: 18px;
	text-align: center;
	margin-right: 13px;
}

ul#project_nav li a:link, ul#project_nav li a:visited {
	color: #B3B1A8;
}

ul#project_nav li span, ul#project_nav li a {
	display: block;
	line-height: 18px;
}

ul#project_nav li span {
/*	width: 18px;
	text-align: center;*/
	width: 18px;
}

body.page-template-interactive-php ul#project_nav li a:hover, body.page-template-interactive-php ul#project_nav li a.active {
	background: url('../images/page_number_over.jpg') 0 0 no-repeat;
	color: white;
}

body.page-template-print-php ul#project_nav li a:hover, body.page-template-print-php ul#project_nav li a.active {
	background: url('../images/print_page_over.jpg') 0 0 no-repeat;
	color: white;
}

body.page-template-case-studies-php ul#project_nav li a:hover, body.page-template-case-studies-php ul#project_nav li a.active {
	background: url('../images/case_study_over.jpg') 0 0 no-repeat;
	color: white;
}

/* ============================================ */
/* = spec. sizes for home page and about page = */
/* ============================================ */

body.page-template-front-page-php, body.page-template-about-php {
/*	padding-left: 0; nix this for for now */
}

body.page-template-front-page-php div#container {
	width: 849px;
}

body.page-template-about-php div#container {
	width: 880px;
}

body.page-template-about-php div#container, body.page-template-front-page-php div#container {
/*	margin: auto;*/
}