@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
html{	
	height: 100%;
	min-height: 101%;
}
body{
	background:url(../img/structure/bg_repeat.gif) repeat-y top left;
	height: 100%;
	padding:0;
	margin:0;
	font:62.5%/140% Arial, Helvetica, sans-serif;
}
a,a:focus,a:visited{	
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
a:hover,a:focus{
	color:#704a00;
	outline:none;/*kills dotted focus outline*/
	/*_outline:expression(this.hideFocus=true);*/
}
a img{
	border:none;
}
p a {
	color: #000000;
}
ul{
	list-style-type:none;
}
a.ext{
	background:url(../img/a_ext.gif) no-repeat 100% 3px;
	padding:0 14px 0 0;
}
input,textarea,select,h1,h2,h3,h4,h5,h6m{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#231F20;
}

/********************** STRUCTURE *********************/

#wrapper{
	b/ackground: #ebe8d9 url(../img/structure/bg_walkone.gif) no-repeat left top;
	text-align:left;
	width:1000px;
	height: 101%;
	font-size:1.2em;
	padding: 20px 0 0 0;
}
.wel-wrapper{
	text-align:left;
	width:700px;
	height: 101%;
	font-size:1.2em;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
.header {
	width: 1000px;
	height: 130px;
}
.wel-header, .wel-footer {
	width: 700px;
}
.left-col {
	float: left;
	width: 150px;
}
.centre-col {
	background-color: #ffa800 !important;
	float: left;
	width: 660px;
	min-height: 500px;
	color: #FFFFFF;
	margin: 0 15px;
	padding: 10px 0 0 10px;
}
.centre-col .centre-left {
	float: left;
	width: 430px;
}
.centre-col .centre-right {
	float: right;
	width: 230px;
	margin-top: -10px;
}
.centre-left .col-left {
	width:300px;
	float:left;
	padding-top: 15px;
}
.centre-left .col-right {
	width:130px;
	float:left;
	padding-top: 20px;
}
.centre-pause-col {
	background-color: #FFFFFF !important;
	float: left;
	width: 660px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	color: #000000;
	margin: 0 15px;
	padding: 20px 0 0 10px;
}
.col-pause-left {
	width:480px;
	_width: 470px;
	float:left;
}
.col-pause-right {
	width:150px;
	float:left;
	padding: 49px 15px 0 0 !important;
}
.col-wide-left {
	width:440px;
	float:left;
	padding-right: 15px;
}
.col-wide-right {
	width:150px;
	float:left;
	padding: 0 15px 0 0 !important;
}
.right-col {
	float: right;
	width: 150px;
}
.footer {
	background-color:#ebe8d9;
	clear:both;
	width: 980px;
	height: 150px;
	padding: 30px 10px 10px 10px;
}
.wel-footer {
	width: 700px;
	padding: 10px 0;
}

/************************ STYLES ********************/
.header h1.logo{
	background: #ebe8d9 url(../img/structure/h1_urbantranslogo.gif) no-repeat 0 0;
	display:block;
	width:133px;
	height:43px;
	text-indent: -999em;
	margin: 0 15px 0 10px;
	float:left;
}
.header h1.logo a{
	display:block;
	width:133px;
	height:80px;
	text-indent:-999em;
}
.header p {
	background:url(../img/structure/h2_exploretheless.gif) no-repeat left top;
	width:512px;
	height:35px;
	display:block;
	float:left;
	text-indent: -999em;
	margin: 14px 0 20px 6px;
}
#walk-menu ul {
	background: #ffa800 url(../img/structure/icon_walk.gif) no-repeat center 20px;
	padding: 100px 0 15px 45px;
	min-height: 290px;
}
#walk-menu ul li, #walk-menu ul li a{
	font-size:1.2em;
	line-height:1.2em;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px 0;
}

#walk-menu ul li a.current  {
	background:url(../img/structure/icon_current_walk.gif) no-repeat right 3px;
	padding: 0 18px 0 0;
}

#pausecomment-menu ul {
	background: #ffa800 url(../img/structure/icon_pause.gif) no-repeat center 20px;
	padding: 100px 0 15px 35px;
}
#pausecomment-menu ul li, #pausecomment-menu ul li a {
	font-size:1.2em;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px 0;
}
#pausecomment-menu ul li a:hover, #walk-menu ul li a:hover {
	color:#704a00;
}
#pausecomment-menu ul li a.current  {
	background:url(../img/structure/icon_current_walk.gif) no-repeat right 3px;
	padding: 0 18px 0 0;
}

ul#comments  {
	background: #7dbddb url(../img/structure/icon_comments.gif) no-repeat center 20px;
	padding: 100px 0 15px 35px;
	margin-top: 10px;
}
ul#comments li, ul#comments li a{
	font-size:1.2em;
	line-height: 1em;
	color: #FFFFFF;
	padding: 5px 0;
}
ul#comments li a.current  {
	background:url(../img/structure/icon_current_walk.gif) no-repeat right 3px;
	padding: 0 18px 0 0;
}
ul#comments li.in-active  {
	color:#21617f;
	font-size:1.4em;
}
.walk-hero {
	width: 430px;
}
.walk-hero ul li, .col-wide-left ul li {
	float:left;
}
.centre-col .col-left p, .centre-pause-col .col-pause-left p, .centre-col .col-pause-left p, .centre-col .col-wide-left p {
	font-size: 1.25em;
	line-height: 1.3em;
	padding: 0 15px 15px 0;
}
.col-wide-right p {
	font-size: 1em;
	line-height: 1.3em;
	padding: 0 15px 15px 0;
}
.photo-map {
	padding-bottom: 15px;
	border-bottom: 1px solid #c58200;
}
.photo-map li p {
	font-size: 0.95em;
	padding-bottom: 7px;
}
.pause-text {
	background: url(../img/structure/be_pausetext.gif) no-repeat 0px 10px;
	padding: 10px 0 0 27px;
	font-size: 0.95em;
	line-height: 1.2em;
	padding-bottom: 15px;
	border-bottom: 1px solid #c58200;
}
.pause-text a {
	color:#000000;
}
.pause-text a:hover {
	color:#704a00;
}
.comments-text {
	background: url(../img/structure/be_commentstext.gif) no-repeat 0px 10px;
	padding: 10px 0 15px 27px;
	font-size: 0.95em;
	line-height: 1.2em;
	border-bottom: 1px solid #c58200;
}
.download-text {
	padding: 0 7px 0 0;
	font-size: 0.95em;
	line-height: 1.2em;
}
h2.comments-on-pause a{
	width: 155px; 
	height: 66px;
	display: block;
}

.site-by a  {
	color:#84827a;
	font-size: 0.95em;
	font-weight:normal;
	margin: 0px;
	padding:0px;
	m/argin-left: 153px;
}
#flash-hero {
	margin-bottom: 10px;
}
.begin-your-tour {
	width: 700px;
	height: 30px;
	line-height: 30px;
	margin-top:20px;
}
.begin-your-tour ul, .begin-your-tour ul li {
	display:inline;
}
.begin-tour, .begin-tour a  {
	background:url(../img/structure/btn_beginyourtour.gif) no-repeat left top;
	float:right;
	width: 155px;
	height: 20px;
	display:block;
	text-indent: -999em;
}
.about-tour, .about-tour a  {
	background: url(../img/structure/btn_about-tour.gif) no-repeat left top;
	float:left;
	width: 277px;
	height: 20px;
	display:block;
	text-indent: -999em;
}
.flash-note {
	w/idth: 500px;
	border-top: 1px solid #a0a194;
	clear:right;
	color:#5b5c54;
	font-size: 0.90em !important;
	line-height: 1.4em;
	padding: 15px 0 0 0;
}
.footer .site-by a:hover  {
	color:#5b5c54;
}
.footer ul {
	display:inline;
	m/argin-right: 119px;
}
.footer ul li {
	display:inline;
	padding-right: 28px;
}
.wel-footer .site-by a  {
	color:#84827a;
	font-size: 0.90em !important;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
.wel-footer .site-by a:hover  {
	color:#704a00;
}
.wel-footer ul {
	/*f/loat:right;*/
	float:left;
	/*display:inline;*/
	display:block;
}
.wel-footer ul li {
	display:inline;
	padding-right: 10px;
}
#sub-headings {
	width: 1000px;
	height: 80px;
	clear:left;
}
#sub-headings ul li.left-heading {
	width: 500px;
	float:left;
}
#sub-headings ul li.right-heading {
	width: 500px;
	float:right;
}
#sub-headings h2.begin-tour-head a {
	background:url(../img/structure/btn_begintour.gif) no-repeat left top;
	width: 83px; 
	height: 56px;
	display: block;
	text-indent: -999em;
	c/lear: left;
}
#sub-headings h2.next-walk a {
	background:url(../img/structure/btn_nextwalk.gif) no-repeat left top;
	width: 83px; 
	height: 56px;
	display: block;
	text-indent: -999em;
	c/lear: left;
}
.quote-name {
	color: #3287af;
	font-weight: bold;
}
.col-pause-right h3 {
	margin-bottom: 10px;
}
.col-pause-right .lightbox {
	width:150px !important;
	height:110px !important;
}
.col-pause-right p {
	color:#666666 !important;
	font-size: 1em !important;
}
.col-pause-right ul {
	margin-top: 10px;
}
.col-pause-right ul li {
	background:url(../img/content/img_bullet.gif) no-repeat left top;
	font-size: 0.9em !important;
	color:#666666;
	padding: 0 0 10px 10px;
}

/********************************** TILES ****************************/

h1.welcomepg{
	background:url(../img/structure/h1_welcomepg.gif) no-repeat left top;
	width: 289px; 
	height: 92px;
	display: block;
	text-indent: -999em;
	/*margin-top: 35px;*/
}
#sub-headings h2.introduction {
	background:url(../img/structure/h2_introduction.gif) no-repeat left top;
	width: 169px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	margin: 0 0 0 165px;
}
#sub-headings h2.begin-tour-head {
	background:url(../img/structure/btn_begintour.gif) no-repeat left top;
	width: 83px; 
	height: 56px;
	display: block;
	text-indent: -999em;
	c/lear: left;
	margin:  5px 0 0 252px;
	m/argin:  5px 0 0 418px;
}
#sub-headings h2.next-walk {
	background:url(../img/structure/btn_nexttour.gif) no-repeat left top;
	width: 83px; 
	height: 56px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin:  5px 0 0 252px;
}
h2.start {
	background:url(../img/structure/title_start.gif) no-repeat left top;
	width: 92px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.advisors {
	background:url(../img/structure/h2_touradvisors.gif) no-repeat left top;
	width: 121px; 
	height: 18px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0;
}
h2.walk-one {
	background:url(../img/structure/title_walkone.gif) no-repeat left top;
	width: 92px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-two {
	background:url(../img/structure/title_walktwo.gif) no-repeat left top;
	width: 96px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-three {
	background:url(../img/structure/title_walkthree.gif) no-repeat left top;
	width: 96px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-four {
	background:url(../img/structure/title_walkfour.gif) no-repeat left top;
	width: 96px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-five {
	background:url(../img/structure/title_walkfive.gif) no-repeat left top;
	width: 96px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-six {
	background:url(../img/structure/title_walksix.gif) no-repeat left top;
	width: 97px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-seven {
	background:url(../img/structure/title_walkseven.gif) no-repeat left top;
	width: 97px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.walk-eight {
	background:url(../img/structure/title_walkeight.gif) no-repeat left top;
	width: 97px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}

p.welcometext {
	background:url(../img/structure/h2_welcometext.gif) no-repeat left top;
	width: 694px; 
	height: 92px;
	display: block;
	font-size:1.4em;
	line-height:1.2em;
	text-indent: -999em;
	margin-top: 23px;
}
h2.about {
	background:url(../img/structure/h2_about.gif) no-repeat left top;
	width: 87px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause {
	background:url(../img/structure/title_pause.gif) no-repeat left top;
	width: 78px; 
	height: 24px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-one {
	background:url(../img/structure/title_pause-one.gif) no-repeat left top;
	width: 94px; 
	height: 22px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-two {
	background:url(../img/structure/title_pause-two.gif) no-repeat left top;
	width: 102px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-three {
	background:url(../img/structure/title_pause-three.gif) no-repeat left top;
	width: 101px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-four {
	background:url(../img/structure/title_pause-four.gif) no-repeat left top;
	width: 104px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-five {
	background:url(../img/structure/title_pause-five.gif) no-repeat left top;
	width: 100px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-six {
	background:url(../img/structure/title_pause-six.gif) no-repeat left top;
	width: 102px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-seven {
	background:url(../img/structure/title_pause-seven.gif) no-repeat left top;
	width: 101px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.pause-eight {
	background:url(../img/structure/title_pause-eight.gif) no-repeat left top;
	width: 102px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.comment-one {
	background:url(../img/content/h2_comment1_tonywyatt.gif) no-repeat left top;
	width: 424px; 
	height: 101px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.comment-two {
	background:url(../img/content/h2_comment2_pointingout.gif) no-repeat left top;
	width: 349px; 
	height: 101px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.comment-conclusion {
	background:url(../img/structure/h2_conclusioncomment.gif) no-repeat left top;
	width: 468px; 
	height: 138px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.conclusion {
	background:url(../img/structure/h2_conclusion.gif) no-repeat left top;
	width: 154px; 
	height: 25px;
	display: block;
	text-indent: -999em;
	clear: left;
	margin: 0 0 0 165px;
}
h2.comment-three {
	background:url(../img/content/h2_comment3_robert.gif) no-repeat left top;
	width: 317px; 
	height: 95px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.comment-five {
	background:url(../img/content/h2_comment5_quirk.gif) no-repeat left top;
	width: 358px; 
	height: 95px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.contributors {
	background:url(../img/content/h2_contributors.gif) no-repeat left top;
	width: 167px; 
	height: 24px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.comment-seven {
	background:url(../img/content/h2_comment7_icon.gif) no-repeat left top;
	width: 358px; 
	height: 65px;
	display: block;
	text-indent: -999em;
	margin: 15px 0;
}
h2.comments-on-pause{
	background:url(../img/structure/h2_commentsonpause.gif) no-repeat left top;
	width: 155px; 
	height: 66px;
	display: block;
	text-indent: -999em;
	margin: 30px 0;
}
h2.start-pause {
	background:url(../img/content/h2_start-pause.gif) no-repeat left top;
	width: 403px; 
	height: 61px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-one {
	background:url(../img/content/h2_pause_timebailey.gif) no-repeat left top;
	width: 446px; 
	height: 92px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-two {
	background:url(../img/content/h2_pausetwo.gif) no-repeat left top;
	width: 430px; 
	height: 64px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-three {
	background:url(../img/content/h2_pausethree.gif) no-repeat left top;
	width: 342px; 
	height: 30px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-four {
	background:url(../img/content/h2_pausefour.gif) no-repeat left top;
	width: 388px; 
	height: 30px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-five {
	background:url(../img/content/h2_pausefive.gif) no-repeat left top;
	width: 349px; 
	height: 64px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-six {
	background:url(../img/content/h2_pausesix.gif) no-repeat left top;
	width: 275px; 
	height: 30px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-seven {
	background:url(../img/content/h2_pauseseven.gif) no-repeat left top;
	width: 410px; 
	height: 64px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h2.pause-title-eight {
	background:url(../img/content/h2_pauseeight.gif) no-repeat left top;
	width: 362px; 
	height: 30px;
	display: block;
	text-indent: -999em;
	margin: 0 0 15px 0;
}
h3.takeapause {
	background:url(../img/structure/h3_takeapause.gif) no-repeat left top;
	width: 89px;
	height: 13px;
	display:block;
	text-indent: -999em;
	ma/rgin-top: 15px;
}
h3.tim {
	background:url(../img/structure/title_timbailey.gif) no-repeat left top;
	width: 72px;
	height: 16px;
	display:block;
	text-indent: -999em;
	margin: 15px 0;
}
h3.tim-bailey {
	background:url(../img/content/h3_timbailey.gif) no-repeat left top;
	width: 134px;
	height: 30px;
	display:block;
	text-indent: -999em;
	margin: 15px 0;
}
h3.tony-wyatt {
	background:url(../img/content/h3_tonywyatt.gif) no-repeat left top;
	width: 148px;
	height: 28px;
	display:block;
	text-indent: -999em;
	margin: 15px 0;
}
h3.download-pdf {
	background:url(../img/structure/h3_downloadpdfmap.gif) no-repeat left top;
	width: 66px;
	height: 16px;
	display:block;
	text-indent: -999em;
	margin: 15px 0 7px 0;
}
h3.download-map {
	background:url(../img/content/h3_downloadmap.gif) no-repeat left top;
	width: 148px;
	height: 36px;
	display:block;
	text-indent: -999em;
	margin: 15px 0 7px 0;
}
h3.tony {
	background:url(../img/structure/title_tonywyatt.gif) no-repeat left top;
	width: 79px;
	height: 16px;
	display:block;
	text-indent: -999em;
	margin: 15px 0;
}
h3.how-to {
	background:url(../img/structure/h3_howtouse.gif) no-repeat left top;
	width: 128px;
	height: 36px;
	display:block;
	text-indent: -999em;
}
h3.theshape {
	background:url(../img/content/h3_theshape.gif) no-repeat left top;
	width: 145px;
	height: 36px;
	display:block;
	text-indent: -999em;
	padding-top: 0px !important;
}
h3.comments {
	background:url(../img/structure/h3_comments.gif) no-repeat left top;
	width: 74px;
	height: 13px;
	display:block;
	text-indent: -999em;
	margin-top: 15px;
}



/* added from here onwards */

.wel-wrapper a.about-ut{
	display:block;
	*display:inline;
	clear:left;
	float:right;
	height:16px;
	width:236px;
	margin-right:30px;
	text-indent:-999em;
	background:url(../img/structure/h-about-urban-translation.gif) no-repeat top left;
}

/* Featured locations */


.wel-wrapper ul.locations{
	float:left;
	clear:both;
	*width:700px;
	margin:15px 0;
	padding:15px 0;
	border-top:1px solid #A0A194;
	border-bottom:1px solid #A0A194;
}

	.wel-wrapper ul.locations li{
		float:left;
		_display:inline;
		width:220px;
		font-size:0.9em;
		line-height:1.1em;
		color:#202118;
	}
	
	.wel-wrapper ul.locations li.center{margin:0 20px;}
	.wel-wrapper ul.locations li img{width:220px; margin:5px 0 0 0;}	
	
	.wel-wrapper ul.locations li h2{font-size:1.1em;}
	
	.wel-wrapper ul.locations li.newcastle h2{
		width:106px;
		height:20px;
		border:none;
		text-indent:-999em;
		background:url(../img/structure/h-newcastle.gif) no-repeat 0 0;

	}
	.wel-wrapper ul.locations li.middlesbrough h2{
		width:158px;
		height:25px;
		border:none;
		text-indent:-999em;
		background:url(../img/structure/h-middlesbrough.gif) no-repeat 0 0;
	}
	
	.wel-wrapper ul.locations li.sunderland h2{
		width:119px;
		height:20px;
		border:none;
		text-indent:-999em;
		background:url(../img/structure/h-sunderland.gif) no-repeat 0 0;	
	}
	
	
	.wel-wrapper ul.locations li a{white-space:nowrap;}
	.wel-wrapper ul.locations li a.begin{
		display:block;
		float:left;
		font-size:1.3em;
		line-height:1em;
		margin:5px 0;
		padding-right:20px;
		font-weight:normal;
		background:url(../img/structure/content-arrow.gif) no-repeat right center;
	}
	
	.wel-wrapper ul.locations li p{clear:left;}
	
	
	
	/* about */
	
	
	ul.contributors{margin-bottom:30px;}
	ul.contributors li{font-size:1.25em; line-height:1.3em;}

	
	h3.newcastle{
		width:127px;
		height:24px;
		border:none;
		margin-bottom:10px;
		text-indent:-999em;
		background:url(../img/content/h3-newcastle.gif) no-repeat 0 0;
	}
	h3.middlesbrough{
		width:190px;
		height:30px;
		border:none;
		margin-bottom:10px;
		text-indent:-999em;
		background:url(../img/content/h3-middlesbrough.gif) no-repeat 0 0;
	}
	h3.sunderland{
		width:142px;
		height:24px;
		border:none;
		margin-bottom:10px;
		text-indent:-999em;
		background:url(../img/content/h3-sunderland.gif) no-repeat 0 0;
	}