#container{ margin:16px auto 0 auto; width:900px; border:#a6a6a6 1px solid; border-top:0; }

/**
 * Header
 */
#header {height:127px; margin: 0 0 16px 0; background:#000000; color:#FFFFFF; }
#header #logo { float:left; width:237px; height:110px; background: transparent url(/images/kingscross.gif) top left no-repeat; }
#header #logo a { display:block; width:237px; height:110px; }
#header #logo h1 { display:none; }


#side { float:left; width:342px; height:640px; margin:0 0 17px 0; overflow:hidden;}
#side.home-side {height: 882px;}
#sideHolder{ float:left; width:1000px; height:640px; overflow:hidden; }
#sideMain{ float:left; width:370px; height:640px; overflow:hidden; }
#side div.slideControls{ float:right; margin:8px 14px 0 0; }
#side h3 { display:none; }

#sideArticle { float:left; background:#808080 url(/images/headings/_articles.gif) top left no-repeat; width:344px; color:#efefef; font-size:12px; height:509px; margin: 0 0 7px 0; }
.home-side #sideArticle {height: 452px;}
#sideArticle div#articleWindow{ position:relative; z-index:80; height:472px; width:331px; overflow:hidden; }
#sideArticle div#articleInner{ position:relative; z-index:70; height:472px; width:344px; }
#sideArticle div.articleHeader {margin: 5px 14px; font-size: 1.167em; line-height: 1.143em;}
#sideArticle div.articleHeader h2 {font-size: 1.071em; line-height: 1.2em; color: white; font-weight: normal;}
#sideArticle div.articleHeader .articleDate {color: #e2b629; font-weight: normal;}
#sideArticle div.article{ width:344px; overflow:hidden; }
#sideArticle div.more{ clear:both; width:331px; text-align:right; margin:0 13px 0 0; }
#sideArticle a{ color:#e2b629; text-decoration:underline; }
#sideArticle a:hover{ color:#FFFFFF; }
#sideArticle p{ margin:5px 14px; }
#sideArticle div.articleImage{ width:318px; overflow:hidden; margin:10px 13px 5px 13px; }
div#sideArticleCaption { display:none; height:20px; }
div#sideArticleCaption p{ background:#e2b629; color:#4D4D4D; margin:0; padding:3px 25px 3px 3px; font-size:9px; line-height:10px; }
#sideArticle div.slideControls{ margin:8px 13px 0 0; height:22px; }

#sideNotice { float:left; background:#808080 url(/images/headings/_notices.gif) top left no-repeat; color:#efefef; font-size:1.0em; height:123px; width:168px; margin:0 0 7px 0;}
#sideNotice div#noticeWindow{ position:relative; z-index:80; margin:30px 0 0 0; height:93px; width:168px; clear:both; overflow:hidden; }
#sideNotice div#noticeInner{ position:relative; z-index:70; height:123px; width:168px; }
#sideNotice div.noticeHeader {padding: 5px 13px;}
#sideNotice div.noticeHeader .noticeTitle {display: block; font-size: 1em; font-weight: normal; margin: 0;}
#sideNotice div.noticeDate {color: #e2b629; font-weight: normal;}
#sideNotice div.more{ clear:both; width:158px; text-align:right; margin:0 10px 0 0; }
#sideNotice a{ color:#e2b629; text-decoration:underline; }
#sideNotice a:hover{ color:#FFFFFF; }
#sideNotice div.slideControls{ margin:8px 10px 0 0; height:14px; }

#sideAskUs1{ float:left; background: #e2b629 url(/images/askUs.gif) top left no-repeat; width:167px; height:123px; margin:0 0 7px 7px; overflow:hidden;}
#sideAskUs2{ float:left; background: #e2b629 url(/images/askUs.gif) top left no-repeat; width:167px; height:123px; margin:0 0 7px 7px; overflow:hidden;}
#sideAskUs1 a, #sideAskUs2 a{ display:block; float:right; margin:96px 11px 5px 5px; color:#4D4D4D; text-decoration:underline;}
#sideAskUs1 a:hover, #sideAskUs2 a:hover { color:#ffffff; }
#askUsFlash{ width:100px; overflow:hidden; margin:0; padding:0; text-align:left;}

#sideFaq { float:left; background:#808080 url(/images/askUsBig.gif) top left no-repeat; color:#efefef; padding:142px 0 20px 0; width:344px; height:477px; overflow:hidden;}
#sideFaq p{ margin: 4px 10px 0px 12px; }
#sideFaq p.faqTextError{ color:#000000; font-weight:bold;}
#sideFaq ul{ list-style:none; margin: 4px 0 0px 12px; }
#sideFaq li{ display:block; float:left; padding:0px; }
#sideFaq label.list{  margin:0; padding:0 0 5px 0; width:130px; display:block; float:left;}
#sideFaq input.faqCheckbox{ padding:0; margin:0 15px 0 0; }
#sideFaq textarea.faqTextarea{ font-size:11px; margin: 4px 12px 1px 12px; width:315px; height:140px; padding:2px; color:#666666;  border:#999999 1px solid; }
#sideFaq textarea.faqTextareaError{ font-size:11px;  margin: 4px 12px 1px 12px; width:315px; height:140px; padding:2px; color:#666666;  border:#d53333 1px solid; background:#f8e1e1;}
#sideFaq div.faqInput{ width:151px; float:left; margin:6px 0px 0px 12px}
#sideFaq input.faqInputError{ margin: 0 6px 6px 0; width:151px; height:16px; padding:2px; color:#666666; border:#d53333 1px solid; background:#f8e1e1; }
#sideFaq input.faqInput{ margin: 0 6px 6px 0; width:152px; height:16px; padding:2px; color:#666666;  border:#999999 1px solid; }
#sideFaq input.faqInput2{ margin: 0 0 6px 0; width:151px; height:16px; padding:2px; color:#666666;  border:#999999 1px solid; }
#sideFaq a{ color:#e2b629; text-decoration:underline; }
#sideFaq a:hover{ color:#FFFFFF; }
#sideFaq input.faqTerms{ padding:0; margin:0 50px 0 0; vertical-align:middle;}
#sideFaq div#faqSubmit{ width:333px; text-align:right; margin: -18px 0 0 0; }


.home-side #sideFaq textarea.faqTextarea{ height:112px; }
.home-side #sideFaq p.link-wrapper span.right, .home-side #sideFaq p.link-wrapper br {display: none;}

/**
 * Content
 */
#content { color:#4d4d4d; font-size:12px; background:#F2F2F2; float:left; width:513px; min-height:639px; margin:0 8px 18px 18px;  padding:0 }
#content div.cHeading{ height:27px; width:496px; background:#e2b629; overflow:hidden; padding:3px 0 0px 17px;}

#content h1 { color:#4D4D4D; font-size:20px; font-weight:normal; padding:0; margin:3px 20px 0 17px; }
#content h2 { background:#e2b629; color:#000000; font-size:20px; font-weight:normal; padding:0; margin:0; display:none; }
#content h4 { color:#4D4D4D; font-size:23px; width:230px; font-weight:normal; padding:0; margin:3px 20px 0 17px; }
#content p {  padding:0; margin:10px 18px 5px 18px; }
#content p.no_dis { display:none; }
#content ul{ padding:0 18px 5px 32px; }
#content li{ font-size:12px; padding:0 0 3px 0; }
#content a, #content a:visited { text-decoration:none; color:#000000; text-decoration:underline;}
#content a:hover { color:#e2b629;}
#content small { color:#666666; }
#content i { color:#666666; }

#content div#homeBox, .home-side #homeBox {background: #F2F2F2; color: #000000; width: 513px; height: 250px; padding: 0; line-height: 17px;}
.home-side #homeBox {width: 344px; height: 292px; overflow: hidden; margin-bottom: 8px;}
#content div#homeBox p, .home-side #homeBox  p {padding: 0; margin: 5px 18px 10px 18px;}
.home-side #homeBox p {margin: 0 9px 10px 9px; line-height: 1.25em;}

#content div#pageSS{ position:relative; z-index:80; border-top:#FFFFFF 7px solid; height:382px; width:513px; overflow:hidden;}
#content div#pageSSImages{ position:relative; z-index:70;height:382px; width:513px; overflow:hidden;}
#content div#pageSSImages img{ margin: 0; }
#content div#pageSSPrev{ position:relative;  z-index:90; top:0; left:0; width:50px; height:382px; margin: -382px 0 0 0; }
#content div#pageSSPrev img{ padding: 176px 0 189px 10px; display:block;}
#content div#pageSSNext{ position:relative;  z-index:90; top:0; left:463px; width:50px; height:382px; margin: -382px 0 0 0; }
#content div#pageSSNext img{ padding: 176px 0 189px 29px; display:block; }
#content div#pageSSCaption { display:none; height:20px; position:absolute; z-index:100; }
#content div#pageSSCaption p{ background:#e2b629; color:#4D4D4D; margin:0; padding:3px 25px 3px 3px; font-size:9px; line-height:10px; }

#content div#contentNav{ background:#e5e5e5; color:#000000; padding: 6px 0 4px 0; border-bottom:#e5e5e5 2px solid; overflow:hidden; }
#content div#contentNav a{ font-size:12px; color:#000000; text-decoration:underline; width:164px; height:17px; display:block;}
#content div#contentNav a:hover{ color:#FFFFFF; }
#content div#contentNav ul{ list-style:none; margin:2px 0 2px 16px; padding:0; overflow:hidden;}
#content div#contentNav li{ display:inline; float:left; }
#content div#contentNav span{ display:none; }

#content div#contentNav a.the_project{ width:194px; background:transparent url(/images/contentMenu/the_kings_cross_project.gif) top left no-repeat; }
#content div#contentNav a.the_contractors{ width:154px; background:transparent url(/images/contentMenu/the_contractors.gif) top left no-repeat; }
#content div#contentNav a.health_and_safety{ width:124px; background:transparent url(/images/contentMenu/health_and_safety.gif) top left no-repeat; }
#content div#contentNav a.public_liason{ width:194px; background:transparent url(/images/contentMenu/getting_in_touch.gif) top left no-repeat; }
#content div#contentNav a.minimising_impacts{ width:154px; background:transparent url(/images/contentMenu/minimising_impacts.gif) top left no-repeat; }
#content div#contentNav a.scope_of_works{ width:124px; background:transparent url(/images/contentMenu/scope_of_works.gif) top left no-repeat; }

#content div#contentNav a.the_project:hover{ width:194px; background:transparent url(/images/contentMenu/the_kings_cross_project_over.gif) top left no-repeat; }
#content div#contentNav a.the_contractors:hover{ width:154px; background:transparent url(/images/contentMenu/the_contractors_over.gif) top left no-repeat; }
#content div#contentNav a.health_and_safety:hover{ width:124px; background:transparent url(/images/contentMenu/health_and_safety_over.gif) top left no-repeat; }
#content div#contentNav a.public_liason:hover{ width:194px; background:transparent url(/images/contentMenu/getting_in_touch_over.gif) top left no-repeat; }
#content div#contentNav a.minimising_impacts:hover{ width:154px; background:transparent url(/images/contentMenu/minimising_impacts_over.gif) top left no-repeat; }
#content div#contentNav a.scope_of_works:hover{ width:124px; background:transparent url(/images/contentMenu/scope_of_works_over.gif) top left no-repeat; }

#content div#contentNav a.the_project_on{ width:194px; background:transparent url(/images/contentMenu/the_kings_cross_project_on.gif) top left no-repeat; }
#content div#contentNav a.the_contractors_on{ width:154px; background:transparent url(/images/contentMenu/the_contractors_on.gif) top left no-repeat; }
#content div#contentNav a.health_and_safety_on{ width:124px; background:transparent url(/images/contentMenu/health_and_safety_on.gif) top left no-repeat; }
#content div#contentNav a.public_liason_on{ width:194px; background:transparent url(/images/contentMenu/getting_in_touch_on.gif) top left no-repeat; }
#content div#contentNav a.minimising_impacts_on{ width:154px; background:transparent url(/images/contentMenu/minimising_impacts_on.gif) top left no-repeat; }
#content div#contentNav a.scope_of_works_on{ width:124px; background:transparent url(/images/contentMenu/scope_of_works_on.gif) top left no-repeat; }

#content div#faqNav{ background:#808080; color:#FFFFFF; padding: 10px 18px; height:75px; overflow:hidden; }
#content div#faqNav a{ color:#FFFFFF; text-decoration:none; width:275px; height:17px; display:block;}
#content div#faqNav a.two{ color:#FFFFFF; text-decoration:none; width:204px; height:17px; display:block; }
#content div#faqNav a:hover{ color:#e2b629; }
#content div#faqNav p{ margin:0 0 5px 0; padding:0; }
#content div#faqNav b{ color:#e2b629;font-weight:normal; }
#content div#faqNav ul{ list-style:none; margin:0; padding:0; overflow:hidden;}
#content div#faqNav li{ display:inline; float:left; }

#content div.contentFaqs{ margin:17px 0 0 0; }
#content div.contentFaq{ margin:4px 0 0 0; }
#content div.contentFaq a{ font-size:11px;}
#content p.faqAnswer{ margin:0 17px 17px 17px; }
#content span.faqQuestion{ color:#000000; }
#content span.faqAnswer{ color:#808080; padding-bottom:5px;display:block;}
#content span.faqIntro{ color:#AAAAAA; padding-bottom:5px;display:block;}

#content div.rightImages{ width:234px; margin: 4px 18px 0 10px; float:right; }
#content img.contentImage{ margin:0 0 7px 0; }
#content div#imageCaption{ z-index:100; }
#content div.imageCaption p{ color:#4D4D4D; margin:0 0 7px 0; padding:3px 25px 3px 3px; font-size:9px; line-height:10px;  }
#content div#imageCaption p{ background:#e2b629; color:#4D4D4D; margin:0; padding:3px 25px 3px 3px; font-size:9px; line-height:10px; }

#content div.titleLeft{ width:264px; float:left; }
#content div.titleLong{ margin:10px 0 -10px 0; }

#content div#contentWindow{ background:#F2F2F2; width:513px; }
#content div#contentInner{ width:513px; }
#content div#contentSlide{ height:37px; width:513px; padding:0; background:#e5e5e5; text-align:right; overflow:hidden; }
#content div#contentSlide a{ color:#6c6c6c; padding:10px 8px; float:right; }
#content div#contentSlide a:hover{ color:#e2b629; }
#content div#contentSlide img{ padding:10px 4px 10px 2px; margin:0; float:right; }
#content div#contentSlide img.down{ padding:10px 17px 10px 0; margin:0; float:right; }

.faqInner{ background:#e2b629; border-top:#FFFFFF 2px Solid; }
#content div#featureArticle { float:left; background:url(/images/headings/_feature_article.gif) top left no-repeat; width:545px; font-size:12px; padding:30px 0 0 0; }
#content div#featureNotice { float:left; background: url(/images/headings/_feature_notice.gif) top left no-repeat; height:609px; width:545px; font-size:12px; padding:30px 0 0 0; }

#content #featureArticle .articleHeader, #content #featureNotice .noticeHeader {padding: 10px 18px 0px 18px; clear: both; margin-bottom: 10px;}
#content #featureArticle .articleHeader h3, #content #featureNotice .noticeHeader h3 {margin: 0; color: black; font-weight: normal; font-size: 1.667em; line-height: 1em;}
#content #featureArticle .articleHeader .articleDate, #content #featureNotice .noticeHeader .noticeDate {font-weight: normal; font-size: 1.25em; color: #4d4d4d;}
#content div#date { font-size:15px; color:#000000; margin:0 0 0 17px; width:264px; }

#content div.row       { margin:10px 18px 5px 18px; width:477px; padding:0px; clear:both; display:block; }
#content div.rowLabel  { float:left; text-align:left; width:100px; padding:7px 0 0 0; color:#4d4d4d; font-weight:normal; font-size:12px }
#content div.rowText   { float:left; width:377px; padding:8px 3px 5px 7px; text-align:left; color:#4d4d4d; font-weight:normal; font-size:12px }
#content div.rowInput  { float:left; width:367px; padding:3px 0 10px 0;font-size:13px }
#content input        { font-size:11px; border:#C8C8C8 1px solid; }
#content input.text   { border:#C8C8C8 1px solid; width:372px; padding:1px 0; margin:3px; color:#4d4d4d; }
#content input.submit, #content img.submit { border:0; padding:0; margin:3px; }

/**
 * contact page
 */
.contact-us-content {height: 220px; overflow: hidden;}
.contact-us-content p {margin: 0px 18px 15px}

/** 
 * Search Bar
 */
#search { float:right; text-align:right; height:26px; width:507px; margin:68px 19px 0 0; background: url(/images/helpline.gif) 2px top no-repeat; }
#search input{ width:261px; color:#4E4E4E; border:0px; padding:2px; background:#FFFFFF url(/images/enter.gif) top right no-repeat; cursor:pointer; }

/**
 * Navigation
 */
#nav {float: right; text-align: right; height: 21px; margin: 0 8px 0 0;}
#nav span { display:none; }
#nav a {float: left; display: block; height: 21px;}
.nav_home       { width:51px; background:transparent url(/images/tabs/home_off.gif) top left no-repeat; margin: 0 0 0 9px; }
.nav_project    { width:90px; background:transparent url(/images/tabs/project_off.gif) top left no-repeat; margin: 0 0 0 9px; }
.nav_progress   { width:72px; background:transparent url(/images/tabs/progress_off.gif) top left no-repeat; margin: 0 0 0 9px; }
.nav_faqs       { width:48px; background:transparent url(/images/tabs/faqs_off.gif) top left no-repeat; margin: 0 0 0 9px; }
.nav_links      { width:50px; background:transparent url(/images/tabs/links_off.gif) top left no-repeat; margin: 0 0 0 10px; }
.nav_gallery    { width:63px; background:transparent url(/images/tabs/gallery_off.gif) top left no-repeat; margin: 0 0 0 5px; }
.nav_contact    { width:88px; background:transparent url(/images/tabs/contact_off.gif) top left no-repeat; margin: 0 0 0 9px; }

.nav_home:hover,      .nav_home_on       { width:51px; background:transparent url(/images/tabs/home_on.gif) top left no-repeat; margin: 0 0 0 9px;}
.nav_project:hover,   .nav_project_on    { width:90px; background:transparent url(/images/tabs/project_on.gif) top left no-repeat; margin: 0 0 0 9px;}
.nav_progress:hover,  .nav_progress_on   { width:72px; background:transparent url(/images/tabs/progress_on.gif) top left no-repeat; margin: 0 0 0 9px;}
.nav_faqs:hover,      .nav_faqs_on       { width:48px; background:transparent url(/images/tabs/faqs_on.gif) top left no-repeat; margin: 0 0 0 9px;}
.nav_links:hover,     .nav_links_on      { width:50px; background:transparent url(/images/tabs/links_on.gif) top left no-repeat; margin: 0 0 0 10px;}
.nav_gallery:hover,   .nav_gallery_on    { width:63px; background:transparent url(/images/tabs/gallery_on.gif) top left no-repeat; margin: 0 0 0 5px;}
.nav_contact:hover,   .nav_contact_on    { width:88px; background:transparent url(/images/tabs/contact_on.gif) top left no-repeat; margin: 0 0 0 9px;}

/**
 * Footer
 */
#footer{ margin:2px auto 5px auto; color:#666666; width:900px; font-size:9px; }
#footer a{ color:#666666; }
#footer a:hover{ color:#e2b629; }

/**
 *  Error and Status
 */
.error { clear:both; border: #DD3C10 1px solid; background:#FFEBE8; color:#222222; padding: 3px 5px; margin: 5px 18px 5px 18px; font-size:12px; }