* {margin:0px;padding:0px}
body {font-size:0.8em;color:#fff;font-family:"Trebuchet MS",verdana,arial,sans-serif;line-height:18px}
#canvas {margin-left:auto;margin-right:auto;width:832px;}
#container {float:left;width:832px;}
a {color:#fff;text-decoration:none}
.clear {clear:both}

a.button {padding:3px 0 0 10px;background:url('/_img/btn_bg.gif') no-repeat;display:block;width:320px;height:26px}
a.button:hover {color:#aa0132;background:url('/_img/btn_bg_on.gif') no-repeat;}
a.button2 {padding:1px 0 0 10px;background:url('/_img/btn2_bg.gif') no-repeat;display:block;width:246px;height:21px;font-size:90%}
a.button2:hover {color:#aa0132;background:url('/_img/btn2_bg_on.gif') no-repeat;}

h2 {text-indent:-9999px;height:110px}
h3 {color:#aa0032;font-size:130%;}

.content {color:#e2e1dd;width:360px}

#nav {width:832px;height:131px}
#nav ul {list-style-type:none;padding-top:17px;font-size:110%;font-weight:bold}
#nav ul li {float:left;padding:0 33px 0 0}

#home {background:url('/_img/bg_home.jpg') repeat-x #006a86}
#home #container {
	background:url('/gfx/bg_content_home_UKNAT.jpg') no-repeat;
	height:494px;
	position: relative;
}
#home .content {font-size:120%}
#home .content ul {margin:10px 0 20px 19px}
#home .content ul li {padding:0 0 3px 7px}

#sorry {background:url('/_img/bg_home.jpg') repeat-x #006a86}
#sorry #container {
}
#sorry .content {font-size:120%}
#sorry .content ul {margin:10px 0 20px 19px}
#sorry .content ul li {padding:0 0 3px 7px}


#about {background:url('/_img/bg_about.jpg') repeat-x #e6802c;}
#about .content {color:#ffffff}
#about #container {background:url('/gfx/bg_content_about.jpg') no-repeat;height:494px}
#about h2 {height:60px}
#about p {padding:4px 0 4px 0}
#about h3 {margin:18px 0 4px 0}

#ourstory {background:url('/_img/bg_ourstory.jpg') repeat-x #4eb3c6;}
#ourstory .content {color:#ffffff;width:400px;text-align:justify;}
#ourstory #container {background:url('/gfx/bg-ourstory.jpg') no-repeat;height:518px}
#ourstory h2 {height:60px}
#ourstory p {padding:4px 0 4px 0}
#ourstory p span {font-style:italic}
#ourstory h3 {color:#476764;margin:18px 0 4px 0}
#ourstory .content a {margin:10px 0 0 0}

#whoweare {background:url('/_img/bg_whoweare.jpg') repeat-x #2f3d7a;}
#whoweare #container {background:url('/gfx/bg_whoweare.jpg') no-repeat;height:518px}
#whoweare h2 {height:60px}

#whatwedo {background:url('/_img/bg_whatwedo.jpg') repeat-x #709298;}
#whatwedo #container {background:url('/gfx/bg-whatwedo.jpg') no-repeat;height:557px}
#whatwedo .content {float:left;color:#fff;width:450px}
#whatwedo .content p {font-size:95%;line-height:15px;margin:2px 0 4px 0}
#whatwedo h2 {height:60px}
#whatwedo .item_img {float:left;margin:0 15px 0 0}
#whatwedo .item {float:left;width:260px;margin-bottom:15px}
#whatwedo img.over {float:left;margin:92px 0 0 50px}

#tad1 , #tad2 , #tad3 {background:url('/_img/bg_tad1.jpg') repeat-x #85755d;}
#tad1 .content {color:#ffffff;width:380px;text-align:justify;}
#tad1 #container {background:url('/gfx/bg_theatre-development.jpg') no-repeat;height:518px}
#tad1 h2 , #tad2 h2 , #tad2 h2 {height:110px}
#tad1 p , #tad2 p , #tad3 p {padding:4px 0 8px 0}
#tad1 h3 , #tad2 h3 , #tad3 h3 {color:#cebea5;margin:18px 0 4px 0}
#tad1 .content a {margin:10px 0 0 0}
#tad2 .content {color:#ffffff;width:370px;text-align:justify}
#tad2 p span {color:#d4c8b5;font-size:125%;line-height:125%;margin:8px 0 8px 0;text-align:justify}
#tad2 #container {background:url('/gfx/bg_content_tad2.jpg') no-repeat;height:518px}
#tad3 .content {color:#ffffff;width:330px;text-align:justify}
#tad3 #container {background:url('/gfx/bg_content_tad3.jpg') no-repeat;height:558px}

#tal1 {background:url('/_img/bg_tal1.jpg') repeat-x #5f4269;}
#tal1 #container {background:url('/gfx/bg_content_tal1.jpg') no-repeat;height:557px}
#tal1 .content {color:#ffffff;width:370px;text-align:justify}
#tal1 .content p {font-size:95%;margin:4px 0 8px 0}
#tal1 h2 {height:110px}
#tal1 h3 {color:#ffffff;margin:18px 0 4px 0}

#tal2 {background:url('/_img/bg_tal1.jpg') repeat-x #5f4269;}
#tal2 #container {background:url('/gfx/bg_theatre-learning.jpg') no-repeat;height:557px}
#tal2 .content {color:#ffffff;width:370px;text-align:justify}
#tal2 .content p {font-size:95%;margin:4px 0 8px 0}
#tal2 h2 {height:110px}
#tal2 h3 {color:#ffffff;margin:18px 0 4px 0}

#tae {background:url('/_img/bg_tae.jpg') repeat-x #618077;}
#tae #container {background:url('/gfx/bg_theatre-events.jpg') no-repeat;height:600px}
#tae .content {color:#ffffff;width:330px:text-align:justify}
#tae .content p {font-size:95%;margin:8px 0 14px 0;text-align:justify}
#tae .content p span {color:#c4d9d2;font-size:150%;line-height:125%;margin:8px 0 8px 0;text-align:justify}
#tae h2 {height:110px}
#tae h3 {color:#c0a1c8;margin:18px 0 4px 0}

#whatsnew {background:url('/_img/bg_whatsnew.jpg') repeat-x #7a972d;}
#whatsnew #container {background:url('/_img/bg_content_whatsnew.jpg') no-repeat;height:600px}
#whatsnew .content {color:#000000;width:330px}
#whatsnew .content p {font-size:95%;margin:2px 0 3px 0}
#whatsnew h2 {height:110px}
#whatsnew h3 {color:#c0a1c8;margin:7px 0 0 0}

.bubble1 {background:url('/_img/bubble1.png') no-repeat;width:174px;height:71px;position:absolute;color:#fff;font-size:110%;}
.bubble1 .inner {position:relative;left:10px;top:31px}
.bubble1 a , .bubble2 a {text-transform:uppercase;font-size:65%;}
.bubble1#company {margin:120px 0 0 -90px}
.bubble1#new {margin:180px 0 0 -80px}

.bubble2 {background:url('/_img/bubble2.png') no-repeat;width:213px;height:100px;position:absolute;color:#fff;font-size:110%;}
.bubble2 .inner {position:relative;left:25px;top:33px}
.bubble2#guess {margin:140px 0 0 40px}

#clients {background:url('/_img/bg_clients.jpg') repeat-x #866084;}
#clients #container {background:url('/gfx/bg_content_clients.jpg') no-repeat;height:576px}
#clients .content {color:#000000;width:330px;text-align:justify}
#clients .content p {font-size:95%;margin:4px 0 8px 0}

#contact {background:url('/_img/bg_contact.jpg') repeat-x #005094;}
#contact #container {background:url('/gfx/bg_content_contact.jpg') no-repeat;height:576px}
#contact .content {color:#000000;width:330px}
#contact .content p {margin:2px 0 8px 0}

#popup {width:463px;height:412px;position:absolute;left:80px;top:-30px;color:#fff;}
.inner {position:relative;left:15px;top:133px;width:370px;height:300px;color:#000000}
.inner p {padding:2px 0 3px 0}
.demos {background:url('/_img/demo_bg.gif') no-repeat;width:463px;height:412px;}
.working {background:url('/_img/working_bg.gif') no-repeat;width:463px;height:412px;}
.enquiry {background:url('/_img/enquiries_bg.gif') no-repeat;width:463px;height:412px;}

#case_pop {background:url('/_img/case_study_bg.jpg') no-repeat;width:665px;height:538px;position:absolute;left:195px;top:90px;color:#fff; z-index:100;}
#case_pop.learn {background:url('/_img/case_study_bg2.jpg') no-repeat;}
#case_pop .inner {position:relative;left:15px;top:70px;width:400px;height:303px;color:#ffffff}
#case_pop .inner h2 {color:#ffffff;font-size:150%;text-indent:0;height:30px}
#case_pop .inner h3 {color:#ffffff;font-size:110%;padding:15px 0 0 0}
#case_pop.theatre {background:url('/_img/theatre_popup_bg.gif') no-repeat;width:665px;height:538px;position:absolute;left:195px;top:90px;color:#fff;}
#case_pop .inner {top:40px;}
#case_pop ul , #contact #popup ul {margin:10px 0 10px 20px;list-style:circle}
#case_pop ul li , #contact #popup ul li {padding:10px 0 4px 10px;}

#learning_pop {background:url('/_img/learning_pop1.jpg') no-repeat;width:665px;height:538px;position:absolute;left:195px;top:90px;color:#fff;z-index:10}
#learning_pop.primary {background:url('/_img/learning_pop1.jpg') no-repeat;}
#learning_pop.secondary {background:url('/_img/learning_pop2.jpg') no-repeat;}
#learning_pop.parents {background:url('/_img/learning_pop3.jpg') no-repeat;}
#learning_pop.project {background:url('/_img/learning_pop4.jpg') no-repeat;}
#learning_pop .inner {position:relative;left:15px;top:100px;width:400px;height:390px;color:#ffffff;}
#learning_pop .inner h2 {color:#ffffff;font-size:150%;text-indent:0;height:20px}
#learning_pop .inner h3 {color:#ffffff;font-size:110%;margin:18px 0 0 0}
#learning_pop ul {margin:10px 0 10px 20px;list-style:circle}
#learning_pop ul li {padding:10px 0 4px 10px;}



#popupNews {width:665px;height:538px;position:absolute;left:120px;top:80px;color:#fff;z-index:10}
.inner {position:relative;left:15px;top:60px;width:370px;height:300px;color:#000000}
.inner p {color:#ffffff;padding:2px 0 8px 0;text-align:justify}
.inner p.contactpopups {color:#000000;padding:2px 0 8px 0;text-align:justify}
.company {background:url('/_img/company_news_bg.jpg') no-repeat;width:665px;height:538px;}
.newprojects {background:url('/_img/new_projects_bg.jpg') no-repeat;width:665px;height:538px;}
.guess {background:url('/_img/guess_bg.jpg') no-repeat;width:665px;height:538px;}
#popupNews .inner h2 {color:#ffffff;font-size:150%;text-indent:0;height:10px;margin:0px;padding:10px 0 10px 0}
#popupNews .inner h3 {color:#ffffff;font-size:110%;padding:10px 0 0 0}

p.project_holder {margin:4px 0 15px 0;float:left}
p.project_holder img {margin-right:10px}

#contact #popup a {color:#aa0032}

.newslink {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}