/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	
}

img {
	border:0px;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #666666;
}

a:hover {
	color: #003366; /*#E80018; #FCEB3B;*/
	text-decoration: none;
}

p.first span.black {
 
 color: #000000;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 17px;
	color: #666666;

}

#main {
	width: 790px;
	margin: 0px auto;
}

#menu {
	width: 790px;
	height: 73px;
}

#central {
	width: 790px;
	height: 408px;
	margin-top: 23px;
	background-color: #f4f4f5;
}

* html #central {
	width: 790px;
	height: 408px;
	margin-top: 0px;
	background-color: #f4f4f5;
}


#info {
	width: 790px;
	height: 182px;
	background: url(../images/site/nth.gif) no-repeat 0px 0px;
}

#info #text {
	width: 514px;
	margin-left: 165px;
	margin-top:-64px;
	padding-top: 33px;
	/*padding-top: 33px;*/
}

* html #info #text {
	width: 514px;
	margin-left: 165px;
	margin-top:-64px;
	padding-top: 33px;
	/*padding-top: 33px;*/
}

#main.intro #info #text {
	width: 620px;
	margin-left: 165px;
	padding-top: 33px;
}

#main #info #text p#index {
	color: #333333;
	margin-top:-17px;
}


* html #main #info #text p#index {
	color: #333333;
	margin-top:-20px;
}

/* Bio Pages */
#central.bio  {
	overflow: visible;
	background-color: #FFFFFF;
}

#central.bio #crew {
	padding-top: 135px;
	float:left;
}

#central.bio #text {
	width: 514px;
	margin-left: 173px;
	padding-top: 135px;
}

#central.bio #text p,
#central.canongate #text p {
	margin-bottom: 17px;
}


#central.canongate {
	background-image: url(../images/content/identity/canongate_back.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#central.canongate #text {
	width: 514px;
	margin-left: 165px;
	padding-top: 50px;
}

/* Section Introduction pages */
#main.intro #central p {
	margin-left: 164px;
	font-size: 17px;
	line-height: 27px;
	margin-bottom:27px;
}

#main.intro #central p.first {
	padding-top:123px;
}

#main.intro #central .links,
#main.intro #central .links2 {
	padding-top:43px;
	/*background-color:#333333;*/
}

#main.intro #central p.first span.you {
	font-variant: small-caps;
	color: #000000;
}

span.red {
	color: #003366;	
}

span.canonred {
	color: #CE3B25;	
}

#main.intro #central ul {
	padding-top:108px;
	margin-left: 171px;
	font-size: 17px;
	list-style-type: none;
	width:700px;
}

#main.intro #central div.links,
#main.intro #central div.links2 {
	width:240px;
	float:left;
	display:block;
	margin-left:171px;
	margin-top:56px;
}

#main.intro #central div.links p,
#main.intro #central div.links2 p {
	margin-bottom: 4px;
}
#main.intro #central div.links2 {
	margin-left:76px;
}

#main.intro #central ul.links {
	padding-top:0px;
	margin-left: 14px;
	font-style:italic;
}

#main.intro #central  p.sub {
	padding-top:25px;

}

#main.intro #central .links p,
#main.intro #central .links2 p {
	margin-left: 0px;
}
#main.intro #central li {
	height: 28px;
}


#central.menu {
	padding-top: 135px;
	background: #CCCCCC;
}

#info #text p {
	margin-bottom: 17px;
	z-index: 10;
	/*display: relative;*/
	margin-top: -85px;
}

#info #text div#nav  {
	font-size:14px;
	margin-bottom: 0px;
	margin-left: -165px;
	margin-top: 51px;
	width: 145px;
	text-align: center;
	color: #6f7271;
	z-index: 50;
	/*display: relative;*/
}

#info #text div#nav p {
	margin-bottom: 0px;
	margin-top: 0px;
}

#info #text div#nav a#left {
	float:left;
}


#info #text div#nav a#right {
	float:right;
}

#footer {
	font-family: Georgia, "Times New Roman", Times, serif;

	margin-top: 17px;	
}

#footer ul li {
	list-style: none;
	display: block;
	float: left;
}

#footer ul li#address {
padding-right:73px;
text-align:right;
width:291px;
}

#footer ul li#telephone {
	width: 238px;	
}

#nthnav {
	color: #6f7271;
	font-size: 12px;
	line-height: 18px;
}

#nthnav, #nthnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nthnav a {
	display: block;
	width: 90px;
}

#nthnav li {
	float: left;
	width: 90px;
}

#nthnav li ul {
	position: absolute;
	width: 90px;
	left: -999px;
}

#nthnav li:hover ul,
#nthnav li.sfhover ul {left: auto}

#nthnav li a.top {
	height: 96px;
	line-height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	color: #6f7271;
}


#nthnav li#portfolio a:hover,
#nthnav li#clients a:hover,
#nthnav li#approach a:hover,
#nthnav li#profiles a:hover,
#nthnav li#contact a:hover {
	color: #6f7271;
	background-color: #FCEB3B;
}

#nthnav li#portfolio a.top:hover,
#nthnav li#clients a.top:hover,
#nthnav li#approach a.top:hover,
#nthnav li#profiles a.top:hover,
#nthnav li#contact a.top:hover,
#nthnav li a#sel {
	color: #6f7271;
	background: url(../images/site/menu-back.gif) repeat-x 0px 0px;
}

#nthnav li#portfolio ul,
#nthnav li#clients ul,
#nthnav li#approach ul  {
	color: #6f7271;
	background: #ffffff
}

#nthnav li#portfolio {
	margin-left:165px;
	height: 96px;
}


/* HACK */
* html #nthnav li#portfolio {
	margin-left:82px;
	height: 96px;
}

#nthnav li#clients {
	margin-left:65px;
	height: 96px;
}

#nthnav li#approach {
	margin-left:68px;
	height: 96px;
}

#nthnav li#profiles,
#nthnav li#contact {
	margin-left:21px;
	height: 96px;
}

#nthnav li#portfolio ul,
#nthnav li#portfolio ul a {
	width: 155px;
}

#nthnav li#clients ul,
#nthnav li#clients ul a {
	width: 158px;
}

#nthnav li#approach ul,
#nthnav li#approach ul a {
	width: 111px;
}

#nthnav li#portfolio ul a,
#nthnav li#clients ul a,
#nthnav li#approach ul a {
	color: #6f7271;
	text-indent: 8px;
}

#nthnav li#clients a.nhs {
	letter-spacing: 1px;
}

span.space {
	letter-spacing: 1px;
}

span#dis {
	color: #cccccc;
}


/* Bottom Text */
#info #text.creative {
	margin-top:-81px;
	background: url(../images/site/type_creative.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.awards {
		margin-top:-81px;
background: url(../images/site/type_awards.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.recent {
		margin-top:-81px;
background: url(../images/site/type_recent.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.ident {
	margin-top:-81px;
	background: url(../images/site/type_identity.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.type {
	margin-top:-81px;
	background: url(../images/site/type_type.gif) no-repeat 0px 0px;	
	height: 105px;
}

#info #text.music {
	margin-top:-81px;
	background: url(../images/site/type_music.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.publishing {
	margin-top:-81px;
	background: url(../images/site/type_publishing.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.invite {
	margin-top:-81px;
	background: url(../images/site/type_invite.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.posters {
	margin-top:-81px;
	background: url(../images/site/type_posters.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.teaching {
	margin-top:-81px;
	background: url(../images/site/type_teaching.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.manifesto {
		margin-top:-81px;
background: url(../images/site/type_manifesto.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.links {
		margin-top:-81px;
background: url(../images/site/type_links.gif) no-repeat 0px 0px;	
	height: 97px;
}


#info #text.sketch {
		margin-top:-81px;
background: url(../images/site/type_sketch.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.illustration {
	margin-top:-81px;
	background: url(../images/site/type_illustration.gif) no-repeat 0px 0px;	
	height: 97px;
}

#info #text.sound {
	margin-top:-81px;
	background: url(../images/site/type_sound.gif) no-repeat 0px 0px;	
	height: 97px;
}

#central ul#crew {
	padding-top: 80px;
	margin-left: 140px;
	list-style: none;
}

#central ul#crew  li {
	height:270px;
	float:left;
}

#central ul#crew  li#ghost {width: 118px}
#central ul#crew  li#xaito {width: 132px}
#central ul#crew  li#tim {width: 124px}
#central ul#crew  li#nick {width: 122px}
#central ul#crew  li#kunny {width: 119px}

a.cat:link,
a.cat:visited,
a.cat:active {
	text-decoration: none;
	color: #6f7271;
}

a.cat:hover {
	color: #003366; /*#f30026;*/
	text-decoration: none;
}

span.red a:link,
span.red a:visited,
span.red a:active,
span.red a:hover {
	text-decoration: none;
	color: #003366; 
}