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


body{
font: 11px "Lucida Grande", tahoma, arial, verdana, sans-serif;
padding: 0;
margin: 0;
color: #666;
}

.clear{
clear: both;
}

.small-title{
color: #55BE91;
font-weight: bold;
}

.small{
font-size: 10px;
}

.warning{
color: #ff0000;
}

.link-title{
color: #55BE91;
font-weight: bold;
background: url(images/arrow.gif) no-repeat;
padding: 0 0 0 12px;
}

.line{
border-bottom: 1px dashed #ccc;
}

.bold{
font-weight: bold;
}

.right{
float: right;
}

.main, .main a{
color: #1d3e5e;
text-decoration: none;
}

.intro-para{
font-weight: bold;
}

.bodypic{
border: 8px solid #edeff7;
margin: 0 0 10px 0;
}

/* MAIN TITLE ABOVE COLOURS SO THEY OVERWRITE ON COL TITLES */

.col-left p.main-title{
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding: 0 0 16px 0;
color: #1d3e5e;
}

.col-left p.sub-title{
font-size: 13px;
font-weight: bold;
color: #1d3e5e;
padding-top: 20px;
}

.architects, .architects a, #col-right ul li.industry1 a, ul.MenuBarHorizontal ul li.industry1 a, .industry1, .col-left p.industry1{
color: #d24435;
text-decoration: none;
}

.building-owners, .building-owners a, #col-right ul li.industry2 a, ul.MenuBarHorizontal ul li.industry2 a, .industry2, .col-left p.industry2{
color: #ba82c0;
text-decoration: none;
}

.healthcare, .healthcare a, #col-right ul li.industry3 a, ul.MenuBarHorizontal ul li.industry3 a, .industry3, .col-left p.industry3{
color: #6ebdf6;
text-decoration: none;
}

.retail, .retail a, #col-right ul li.industry4 a, ul.MenuBarHorizontal ul li.industry4 a, .industry4, .col-left p.industry4{
color: #e19b20;
text-decoration: none;
}

.library, .library a, #col-right ul li.industry5 a, ul.MenuBarHorizontal ul li.industry5 a, .industry5, .col-left p.industry5{
color: #5f3c8e;
text-decoration: none;
}

.renewables, .renewables a, #col-right ul li.industry6 a, ul.MenuBarHorizontal ul li.industry6 a, .industry6, .col-left p.industry6{
color: #72b662;
text-decoration: none;
}

.architects a:hover, .building-owners a:hover, .healthcare a:hover, .retail a:hover, .library a:hover, .renewables a:hover{
text-decoration: underline;
}

/* HOME MENU */

ul.MenuBarHorizontal
{
	margin: auto;
	padding: 0;
	list-style-type: none;
	width: 820px;
	cursor: default;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}

ul.MenuBarHorizontal li.top-menu-cad-services{
width: 150px;
}

ul.MenuBarHorizontal li.top-menu-software{
width: 210px;
}

ul.MenuBarHorizontal li.top-menu-surveying{
width: 135px;
}

ul.MenuBarHorizontal li.top-menu-space-planning{
width: 160px;
}

ul.MenuBarHorizontal li.top-menu-scanning{
width: 165px;
}

ul.MenuBarHorizontal a
{
	display: block;
	height: 27px;
	cursor: pointer;
	padding: 9px 5px 0 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

ul.MenuBarHorizontal .calltoaction a, ul.MenuBarHorizontal .findoutmore a{
color: #55BE91;
text-decoration: none;
padding: 0;
display: inline;
font-weight: normal;
}

ul.MenuBarHorizontal .calltoaction a:hover, ul.MenuBarHorizontal .findoutmore a:hover{
text-decoration: underline;
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

/* MAIN CSS */

#container{
width: 950px;
margin: auto;
background: url(images/shadow.jpg) repeat-y;
padding: 0 12px;

}

#head{
height: 80px;
background: url(images/top-bg.jpg) repeat-x;
}

#support-login{
text-align: right;
padding: 0 0 10px 0;
}

#support-login a{
color: #fff;
font-size: 9px;
}

#menu{
background: url(images/menu-bg.jpg) repeat-x;
height: 36px;
padding: 0 0 0 20px;
}

.preview{
height: 250px;
clear: both;
padding: 0 460px 0 94px;
color: #1d3e5e;
}

.preview-home{
height: 250px;
clear: both;
padding: 0 94px 0 94px;
color: #1d3e5e;
text-align: center;
}

.preview-home .preview-txt{
width: 610px;
padding-top: 120px;
margin: auto;
line-height: 20px;
}

.preview-txt a{
color: #55BE91;
text-decoration: none;
}

.preview-txt a:hover{
text-decoration: underline;
}

#preview-home{
background: url(images/preview-home.jpg) no-repeat;
}

#preview-cadservices{
background: url(images/preview-cadservices.jpg) no-repeat;
}

#preview-software-training{
background: url(images/preview-software-training.jpg) no-repeat;
}

#preview-surveying{
background: url(images/preview-surveying.jpg) no-repeat;
}

#preview-space-planning{
background: url(images/preview-space-planning.jpg) no-repeat;
}

#preview-scanning{
background: url(images/preview-scanning.jpg) no-repeat;
}

#preview-architects{
background: url(images/preview-architects.jpg) no-repeat;
}

#preview-building-owners{
background: url(images/preview-building-owners.jpg) no-repeat;
}

#preview-healthcare{
background: url(images/preview-healthcare.jpg) no-repeat;
}

#preview-retail{
background: url(images/preview-retail.jpg) no-repeat;
}

#preview-library{
background: url(images/preview-library.jpg) no-repeat;
}

#preview-renewables{
background: url(images/preview-renewables.jpg) no-repeat;
}

.preview-col1{
float: left;
}

.preview-col2{
float: right;
width: 130px;
}

.phone-icon{
background: url(images/phone.gif) no-repeat 0 3px;
padding: 0 0 20px 22px;
}

.email-icon{
background: url(images/email.gif) no-repeat 2px 3px;
padding: 0 0 20px 25px;
}

.menu1dd{
height: 250px;
background: url(images/preview-retail-planning.jpg) no-repeat;
clear: both;
padding: 0 476px 0 94px;
position: absolute;
width: 380px;
left: -75px;
cursor: auto;
color: #1d3e5e;
}

.menu2dd{
height: 250px;
background: url(images/preview-cadservices.jpg) no-repeat;
clear: both;
padding: 0 476px 0 94px;
position: absolute;
width: 380px;
left: -235px;
cursor: auto;
color: #1d3e5e;
}

.menu3dd{
height: 250px;
background: url(images/preview-software-dev.jpg) no-repeat;
clear: both;
padding: 0 476px 0 94px;
position: absolute;
width: 380px;
left: -385px;
cursor: auto;
color: #1d3e5e;
}

.menu4dd{
height: 250px;
background: url(images/preview-surveying.jpg) no-repeat;
clear: both;
padding: 0 476px 0 94px;
position: absolute;
width: 380px;
left: -595px;
cursor: auto;
color: #1d3e5e;
}

.menu5dd{
height: 250px;
background: url(images/preview-scanning.jpg) no-repeat;
clear: both;
padding: 0 476px 0 94px;
position: absolute;
width: 380px;
left: -730px;
cursor: auto;
color: #1d3e5e;
}

#menu ul li div p, .preview p{
line-height: 17px;
}

.calltoaction{
color: #55BE91;
font-size: 12px;
}

.calltoaction a{
text-decoration: none;
color: #55BE91;
}

.calltoaction a:hover{
text-decoration: underline;
}

.preview-title{
padding: 30px 0 5px 0;
font-size: 20px;
}

.preview-txt{
	color: #666;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}

.preview-txt p{
margin: 0;
padding: 0;
}

#logo{
padding: 29px 0 0 74px;
float: left;
}

#search{
padding: 10px 74px 0 0;
float: right;
}

#search form{
padding: 0;
margin: 0;
}

#search .searchbox{
border: none;
height: 18px;
width: 124px;
background: url(images/search-bg.jpg) no-repeat;
padding: 1px 0 0 10px;
margin: 0;
color: #999;
}

#search .searchbtn{
padding: 0;
margin: 0;
}

#content-bg{
background: url(images/content-bg.jpg) repeat-x;
}

#content-bg-renewables{
background: url(images/content-bg-renewables.jpg) repeat-x;
}

#content-holder{
width: 850px;
margin: auto;
}

#content{
clear: both;
padding: 30px;
width: 790px;
min-height: 250px;
}

.col-holder{
float: left;
width: 586px;
border-bottom: 1px dashed #ccc;
padding: 0 0 10px 0;
}

.col-holder-bottom{
float: left;
width: 586px;
}

#top-cadservices{
float: left;
width: 586px;
background: url(images/intro-cadservices.jpg) no-repeat;
height: 135px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

#top-softwaretraining{
float: left;
width: 586px;
background: url(images/intro-software-training.jpg) no-repeat;
height: 135px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

#top-surveying{
float: left;
width: 586px;
background: url(images/intro-surveying.jpg) no-repeat;
height: 135px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

#top-space-planning{
float: left;
width: 586px;
background: url(images/intro-space-planning.jpg) no-repeat;
height: 135px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

#top-scanning{
float: left;
width: 586px;
background: url(images/intro-scanning.jpg) no-repeat;
height: 135px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

.col-title-holder{
float: left;
width: 586px;
}

.col-left{
width: 273px;
padding: 0 20px 0 0;
float: left;
}

.col-left a{
color: #184664;
text-decoration: none;
}

.col-left a:hover{
text-decoration: underline;
}

.col-left p{
margin: 0;
padding: 0 0 10px 0;
line-height: 15px;
}

.col-left ul{
padding: 0 0 15px 0;
margin: 0;
list-style: none;
width: 95%;
}

.col-left ul li{
background: url(images/bullet.gif) no-repeat 3px 9px;
padding: 4px 0 4px 17px;
border-bottom: 1px solid #ccc;
color: #55BE91;
}

.col-left ul li{
line-height: 15px;
}

#col-right{
width: 180px;
float: right;
}

#col-right ul{
list-style: none;
padding: 6px 0 0 0;
margin: 0;
}

#col-right ul.col-right-sector{
font-weight: bold;
}

.section-seperator{
border-bottom: 1px solid #ccc;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
}

#hero-holder{
float: left;
padding: 0 0 10px 0;
width: 100%;
}

.hero-intro-title{
font-size: 11px;
font-weight: bold;
padding: 15px 0 0 0;
border-top: 1px dashed #ccc;
}

.hero-box{
width: 205px;
height: 120px;
line-height: 15px;
float: left;
margin: 0 10px 0 0;
}

.hero-box-right{
width: 205px;
height: 120px;
line-height: 15px;
float: right;
}

.hero-architects{
border-top: 3px solid #d24435;
}

.hero-building-owners{
border-top: 3px solid #ba82c0;
}

.hero-healthcare{
border-top: 3px solid #6ebdf6;
}

.hero-retail{
border-top: 3px solid #e19b20;
}

.hero-library{
border-top: 3px solid #5f3c8e;
}

.hero-txt{
padding: 10px 10px 0 0;
}

.hero-txt p{
margin: 10px 0 0 0;
}

.sector-main-title{
font-size: 11px;
font-weight: bold;
padding: 0 0 10px 0;
}

#sector-main-holder{
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
float: left;
padding: 20px 0 10px 0;
width: 100%;
}

#col-right ul li{
padding: 0 0 3px 0;
}

#col-right ul li a{
text-decoration: none;
color: #184664;
padding: 0 0 0 10px;
}

#col-right ul li a:hover{
text-decoration: underline;
}

#col-right ul li.subtitle{
font-weight: bold;
color: #184664;
padding-left: 10px;
}

#col-right ul.col-right-sector li.sector-architects a:hover{
background: url(images/arrow-architects2.gif) no-repeat 0 3px;
color: #d24435;
}

#col-right ul.col-right-sector li.sector-building-owners a:hover{
background: url(images/arrow-building-owners2.gif) no-repeat 0 3px;
color: #ba82c0;
}

#col-right ul.col-right-sector li.sector-healthcare a:hover{
background: url(images/arrow-healthcare2.gif) no-repeat 0 3px;
color: #6ebdf6;
}

#col-right ul.col-right-sector li.sector-retail a:hover{
background: url(images/arrow-retail2.gif) no-repeat 0 3px;
color: #e19b20;
}

#col-right ul.col-right-sector li.sector-library a:hover{
background: url(images/arrow-library2.gif) no-repeat 0 3px;
color: #5f3c8e;
}

#col-right ul.col-right-sector li.sector-renewables a:hover{
background: url(images/arrow-renewables2.gif) no-repeat 0 3px;
color: #72b662;
}

/* --------------- */

#col-right ul.col-right-section li.section1{
background: url(images/arrow-architects2.gif) no-repeat 0 3px;
color: #184664;
}

#col-right ul.col-right-section li.section2{
background: url(images/arrow-building-owners2.gif) no-repeat 0 3px;
color: #184664;
}

#col-right ul.col-right-section li.section3{
background: url(images/arrow-healthcare2.gif) no-repeat 0 3px;
color: #184664;
}

#col-right ul.col-right-section li.section4{
background: url(images/arrow-retail2.gif) no-repeat 0 3px;
color: #184664;
}

#col-right ul.col-right-section li.section5{
background: url(images/arrow-library2.gif) no-repeat 0 3px;
color: #184664;
}

#col-right ul.col-right-section li.section6{
background: url(images/arrow-renewables2.gif) no-repeat 0 3px;
color: #72b662;
}

#col-right ul.col-right-section li.active a{
color: #55BE91;
text-decoration: underline;
}

/* --------------- */

ul.MenuBarHorizontal ul li.section1 a{
background: url(images/arrow-architects2.gif) no-repeat 10px 11px;
}

ul.MenuBarHorizontal ul li.section2 a{
background: url(images/arrow-building-owners2.gif) no-repeat 10px 11px;
}

ul.MenuBarHorizontal ul li.section3 a{
background: url(images/arrow-healthcare2.gif) no-repeat 10px 11px;
}

ul.MenuBarHorizontal ul li.section4 a{
background: url(images/arrow-retail2.gif) no-repeat 10px 11px;
}

ul.MenuBarHorizontal ul li.section5 a{
background: url(images/arrow-library2.gif) no-repeat 10px 11px;
}

ul.MenuBarHorizontal ul li.section6 a{
background: url(images/arrow-renewables2.gif) no-repeat 10px 11px;
}

/* --------------- */

#industry-intro{
padding: 10px;
clear: both;
}

#industry-intro a{
color: #666;
text-decoration: none;
}

#industry-intro a:hover{
color: #444;
text-decoration: underline;
}

.industry-box{
/*width: 162px;*/
width: 133px;
line-height: 15px;
border-bottom: 1px dashed #ccc;
padding-top: 25px;
}

.industry-box-small{
/*width: 162px;*/
width: 133px;
line-height: 15px;
border-bottom: 1px dashed #ccc;
}

.industry-box-txt{
padding: 10px 0 10px 4px;
height: 95px;
}

.industry-box-txt-small{
padding: 10px 0 10px 4px;
}

.industry-box p a, .hero-box p a, .hero-box-right p a{
color: #666;
text-decoration: none;
}

.industry-box-title{
font-weight: bold;
font-size: 11px;
line-height: 14px;
}

#box-architects{
float: left;
margin: 0 11px 0 0;
border-top: 3px solid #d24435;
background: url(images/industry1.jpg) no-repeat;
}

#box-architects-small{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #d24435;
}

.arrow-architects{
background: url(images/arrow-architects.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}

p.arrow-architects a:hover{
color: #d24435;
text-decoration: underline;
}

#architect-hero-services{
background-image: url(images/hero-architects-services.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#architect-hero-surveys{
background-image: url(images/hero-architects-surveys.jpg);
background-repeat: no-repeat;
background-position: 85% 100%;
}

#architect-hero-3d{
background-image: url(images/hero-architects-3d.jpg);
background-repeat: no-repeat;
background-position: 85% 96%;
}

#architect-hero-development{
background-image: url(images/hero-architects-development.jpg);
background-repeat: no-repeat;
background-position: 85% 92%;
}

#architect-hero4{
background-image: url(images/industry-box-building.jpg);
background-repeat: no-repeat;
background-position: 85% 90%;
}

#building-hero-surveys{
background-image: url(images/hero-architects-surveys.jpg);
background-repeat: no-repeat;
background-position: 85% 100%;
}

#building-hero-drawing{
background-image: url(images/hero-architects-services.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#building-hero-visualisation{
background-image: url(images/hero-building-visualisation.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#building-hero-spacestation{
background-image: url(images/hero-building-spacestation.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#healthcare-hero-150loading{
background-image: url(images/hero-healthcare-150loading.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#healthcare-hero-csheets{
background-image: url(images/hero-healthcare-csheets.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#healthcare-hero-datasheets{
background-image: url(images/hero-healthcare-datasheets.jpg);
background-repeat: no-repeat;
background-position: 90% 90%;
}

#healthcare-hero-equip{
background-image: url(images/hero-healthcare-equip.jpg);
background-repeat: no-repeat;
background-position: 90% 100%;
}

#retail-hero-surveys{
background-image: url(images/hero-architects-surveys.jpg);
background-repeat: no-repeat;
background-position: 85% 100%;
}

#retail-hero-storeplanning{
background-image: url(images/hero-retail-storeplanning.jpg);
background-repeat: no-repeat;
background-position: 85% 100%;
}

#retail-hero-footfall{
background-image: url(images/hero-retail-footfall.jpg);
background-repeat: no-repeat;
background-position: 85% 100%;
}

#retail-hero-planograms{
background-image: url(images/hero-retail-planograms.jpg);
background-repeat: no-repeat;
background-position: 85% 90%;
}

#library-hero-document{
background-image: url(images/hero-library-document.jpg);
background-repeat: no-repeat;
background-position: 85% 90%;
}

#library-hero-large{
background-image: url(images/hero-library-large.jpg);
background-repeat: no-repeat;
background-position: 85% 90%;
}

#library-hero-book{
background-image: url(images/hero-library-book.jpg);
background-repeat: no-repeat;
background-position: 85% 100%;
}

#library-hero-microfilm{
background-image: url(images/hero-library-microfilm.jpg);
background-repeat: no-repeat;
background-position: 85% 90%;
}

#box-healthcare{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #6ebdf6;
background: url(images/industry3.jpg) no-repeat;
}

#box-healthcare-small{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #6ebdf6;
}

.arrow-healthcare{
background: url(images/arrow-healthcare.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}

p.arrow-healthcare a:hover{
color: #6ebdf6;
text-decoration: underline;
}

#box-retail{
float: left;
margin: 0 11px 0 0;
border-top: 3px solid #e19b20;
background: url(images/industry4.jpg) no-repeat;
}

#box-retail-small{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #e19b20;
}

#box-renewables{
float: right;
border-top: 3px solid #72b662;
background: url(images/industry6.jpg) no-repeat;
}

#box-renewables-small{
float: right;
border-top: 3px solid #72b662;
}

.arrow-renewables{
background: url(images/arrow-renewables.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}

.arrow-retail{
background: url(images/arrow-retail.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}

p.arrow-retail a:hover{
color: #e19b20;
text-decoration: underline;
}

#box-building-owners{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #ba82c0;
background: url(images/industry2.jpg) no-repeat;
}

#box-building-owners-small{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #ba82c0;
}

.arrow-building-owners{
background: url(images/arrow-building-owners.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}

p.arrow-building-owners a:hover{
color: #ba82c0;
text-decoration: underline;
}

#box-library{
float: left;
margin-right: 10px;
border-top: 3px solid #5f3c8e;
background: url(images/industry5.jpg) no-repeat;
}

#box-library-small{
float: left;
margin: 0 10px 0 0;
border-top: 3px solid #5f3c8e;
}

.arrow-library{
background: url(images/arrow-library.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}
p.arrow-library a:hover{
color: #5f3c8e;
text-decoration: underline;
}


#footer-holder{
/*border: 1px solid #ccc;*/
/*background: #f6f7fb url(images/cadlogo.gif) no-repeat 4% 93%;*/
background: #f6f7fb url(images/footer-logos.gif) no-repeat 24px 93%;
width: 850px;
margin: 15px 0 0 0;
border-bottom: 1px dashed #ccc;
}

#footer-holder ul{
list-style: none;
padding: 0 0 5px 0;
margin: 0;
}

#footer-holder ul a{
color: #666;
text-decoration: none;
}

#footer-holder ul a:hover{
text-decoration: underline;
}

#footer-holder ul li{
padding: 0 0 4px 0;
}

#footer-title{
padding: 10px 10px 10px 30px;
color: #55BE91;
font-weight: bold;
border-bottom: 1px dashed #ccc;
background: #edeff7;
}

.footer-col1{
border-right: 1px dashed #ccc;
width: 175px;
min-height: 230px;
float: left;
margin: 15px 10px 20px 0;
padding: 0 0 0 30px;
}

.footer-col2{
width: 160px;
float: left;
margin: 15px 0 20px 30px;
}

#footer-extras{
font-size: 10px;
width: 790px;
padding: 15px 92px 0 92px;
background: url(images/shadow-bottom.jpg) no-repeat;
height: 45px;
margin: auto;
color: #999;
}

#footer-extras p{
margin: 0;
padding: 0 0 8px 0;
}

#footer-extras a{
color: #999;
text-decoration: none;
}

#footer-extras a:hover{
color: #666;
text-decoration: underline;
}