body{color:black;font:62.5% Tahoma, Verdana,Arial,Hetvetica,sans-serif;line-height:1.5em;background:#e5e5e5;color:black;}
hmtl,ul,li,q,h1,h2,h3,h4,h5,h6,p,form,a,div,img,span,fieldset{margin:0;padding:0;border:0;font-size:1em;}
input,select{font-size:1em;}
.cl{clear:both;margin:0;padding:0;}.dn{display:none;}.vh{visibility:hidden;}
.all{text-align:left;}.alr{text-align:right;}.alc{text-align:center;}
.tdn{text-decoration:none;}.aw{width:auto;}

/** YAM **/
#yammayap{float:left;width:268px;font-size:1.2em;text-align:right;padding:0;}
#yammayap a{background:url(../images/yammayap.gif) no-repeat right;padding: 2px 30px 2px 0;color:#6d92ab;text-decoration:none;margin:0;}
#yammayap a:hover{background:url(../images/yammayap-on.gif) no-repeat right;color:#003366;text-decoration:underline;}

#message{margin:0;padding:5px 0;}
p.err{color:#003366;padding:0;margin:0;font-size:1em;}
#errorsList{padding:5px 0;margin:0;font-size:1em;margin-left:20px;}

/** Footer **/
#fbot{width:970px;padding:5px 0;margin:0px auto;color:#6d92ab;}
#copy{font-size:1.2em;padding:0;float:left;width:700px;}
#copy a{color:#6d92ab;background:inherit;text-decoration:none;padding:0;margin:0 5px;}
#copy a:hover,#copy a.on{color:#003366;background:inherit;text-decoration:underline;}

/** Standard Stuff **/
h1{font-size:1.4em;line-height:1em;color:#013366;padding:5px 0;}
h2{font-size:1.2em;line-height:1em;color:#003366;padding:5px 0;}

p{color:#999999;font-size:1.3em;line-height:1.8em;padding:5px 0;}
#left ul{color:#999999;line-height:1.8em;padding:5px 0;margin-left:20px;}
#left ul li{font-size:1.2em;}
#intro p{color:#666666;font-size:1.2em;}

ul{color:#666666;padding:10px 0;font-size:1.2em;}
li a{font-size:1.2em;color:#999999;text-decoration:none;}
li a:hover, li a.t{color:#666666;text-decoration:underline;}

/* Generic Page */
.ctr{width:968px;margin:0px auto;border:#333333 1px solid;background:white url(../images/bg.gif) no-repeat bottom;padding-bottom:25px;}
#pageho{padding-bottom:0;}

/* Common */
#nav{float:left;padding:0;margin:0;}
#nav ul{float:left;list-style:none;padding:0;margin:0;}
#nav li{float:left;background:url(../images/nav/bg.gif) repeat-y;}
#nav li a{float:left;height:40px;width:106px;border-left:1px solid white;border-right:1px solid #dedede;padding:0;text-decoration:none;background-repeat:no-repeat;background-position:center 15px;}
#nav li span{display:none;}
#nav #ho a{background-image:url(../images/nav/home.gif);width:104px;}
#nav #ho a.t,#nav #ho a:hover{background-image:url(../images/nav/home-on.gif);}
#nav #se a{background-image:url(../images/nav/services.gif);}
#nav #se a.t,#nav #se a:hover{background-image:url(../images/nav/services-on.gif);}
#nav #pr a{background-image:url(../images/nav/projects.gif);}
#nav #pr a.t,#nav #pr a:hover{background-image:url(../images/nav/projects-on.gif);}
#nav #ab a{background-image:url(../images/nav/about.gif);}
#nav #ab a.t,#nav #ab a:hover{background-image:url(../images/nav/about-on.gif);}
#nav #co a{background-image:url(../images/nav/contact.gif);}
#nav #co a.t,#nav #co a:hover{background-image:url(../images/nav/contact-on.gif);}

#top{display:block;background:url(../images/nav/bg.gif) repeat-x;width:968px;float:left;}
#top #strap{float:right;margin-right:25px;}
#top #strap h1{font-size:1.3em;color:#999999;font-weight:normal;padding:10px 0;font-weight:normal;}
#logo{height:97px;clear:both;background:url(../images/logo.gif) no-repeat;}
#logo a{float:right;margin:30px 170px;height:30px;width:222px;background:url(../images/but_sendenquiry.gif) no-repeat;}
#logo a span{display:none;}


#header{float:left;width:970px;height:115px;}
#pagese #header{background:url(../images/services/header.jpg);}
#pagepr #header{background:url(../images/projects/header.jpg);}
#pageab #header{background:url(../images/about/header.jpg);}
#pageco #header{background:url(../images/contact/header.jpg);}

/* Left menu */
#leftmenu{float:left;width:243px;padding:70px 40px 10px 40px;}
#leftmenu ul{list-style:none;}
#leftmenu li{background:url(../images/li.gif) no-repeat left center;padding:7px 5px 7px 15px;}
#leftmenu a{width:178px;}
#leftmenu span{width:158px;float:left;padding:7px 10px;}


ul.tabs{list-style:none;}
ul.tabs li{float:left;}
ul.tabs li a{font-size:1em;text-decoration:none;color:white;padding:10px 15px;float:left;background:#7ca3be url(../images/home/tab.gif) repeat-x bottom left;}
ul.tabs li a:hover{color:black;text-decoration:none;}
ul.tabs li a.t{background:white;color:#666666;}

#content #header{width:645px;height:41px;}
#content #main{width:645px;float:left;}
#content #main #left{width:485px;float:left;padding:10px 10px 10px 0;}
#content #main #left .bold{color:#003366;}
#content #main #left .bold a{color:#003366;}
#content #main #left .bold a:hover{color:black;}

#content #main #smallright{width:135px;float:left;padding:10px 10px 0px 5px;}
#content #main #smallright a{color:#999999;}
#content #main #smallright a:hover{color:black;}

#content #leftmenu #header{float:left;height:70px;background-repeat:no-repeat;background-position:top left;}

/* Home */
#pageho #logo{clear:both;background:url(../images/home/logo-home.gif) no-repeat;}
#pageho #content{background:#004c80 url(../images/home/home.jpg) no-repeat top left;float:left;padding-top:226px;width:968px;}
#pageho #intro{background:#004c80;padding:15px;float:left;width:520px;}
#pageho #intro h1{background:url(../images/home/title.gif) no-repeat center center;width:332px;height:19px;margin:0;padding:10px 0;}
#pageho #intro h1 span{display:none;}
#pageho #intro p{color:#6d92ab;font-size:1.4em;}
#pageho #intro .hi{color:white;background:transparent;}
#pageho #intro .hi a{color:white;background:transparent;}
#pageho #intro .hi a:hover{color:#6d92ab;}

#pageho #links{width:400px;float:left;padding:15px 0 15px 18px;}
#pageho #links .box{width:215px;padding:10px 5px 10px 165px;}
#pageho #links .box ul{list-style:none;margin:0;padding:5px 0;}
#pageho #links .box li{background:url(../images/li.gif) no-repeat left 13px;width:90px;float:left;padding:10px 0px 0px 15px;}
#pageho #links .box a{float:left;}
#pageho #links .box .pad{width:1px;height:95px;float:left;}
#pageho #links #projects{background:white url(../images/home/projects.jpg) no-repeat 10px 10px;}
#pageho #links #services{background:white url(../images/home/services.jpg) no-repeat 10px 10px;}
#pageho #links #services li{width:185px;}

/* About */
#pageab #leftmenu{background:url(../images/title-about.gif) no-repeat top left;}
#pageab #header{background-image:url(../images/header-about.gif);}
#pageab #main{background:url(../images/about.jpg) no-repeat top left;padding-top:239px;}

/* Services */
#pagese #hub{list-style:none;margin:0;padding:0;float:left;width:968px;}
#pagese #hub li{float:left;}
#pagese #hub li a{font-size:1em;color:#666666;line-height:1.8em;float:left;display:block;width:282px;padding:231px 20px 10px 20px;}
#pagese #hub li a:hover{background-color:#e5e5e5;text-decoration:none;}
#pagese #hub li a span{display:block;color:#003366;padding:5px 0;}
#pagese a#sse{background:url(../images/services/hub-structural-engineering.jpg) no-repeat;}
#pagese a#sce{background: url(../images/services/hub-civil-engineering.jpg) no-repeat;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
#pagese a#sss{background:url(../images/services/hub-structural-surveys.jpg) no-repeat;}

/* Services  */
#pagese .spad{height:228px;width:1px;float:left;margin:0;padding:0;}
#pagese #leftmenu{background:url(../images/title-services.gif) no-repeat top left;}
#pagese .subce #header{background-image:url(../images/services/title-civil-engineering.jpg);}
#pagese .subce #main{background:url(../images/services/civil-engineering.jpg) no-repeat top left;padding-top:239px;}
#pagese .subse #header{background-image:url(../images/services/title-structural-engineering.jpg);}
#pagese .subse #main{background:url(../images/services/structural-engineering.jpg) no-repeat top left;padding-top:239px;}
#pagese .subss #header{background-image:url(../images/services/title-structural-surveys.jpg);}
#pagese .subss #main{background:url(../images/services/structural-surveys.jpg) no-repeat top left;padding-top:239px;}


/* Projects */
#pagepr #leftmenu{background:url(../images/title-projects.gif) no-repeat top left;}
#pagepr #flashcontent{width:645px;float:left;}
#pagepr #projects{list-style:none;margin:0;padding:0;width:645px;}
#pagepr #projects #flashcontent{width:645px;}
#pagepr #projects li{float:left;}
#pagepr #projects li a.thumb{display:block;float:left;width:40px;height:400px;}
#pagepr #projects li span{display:none;}
#pagepr #projects #pr-re{background:url(../images/projects/pr-residential.jpg) no-repeat;}
#pagepr #projects #pr-co{background:url(../images/projects/pr-commercial.jpg) no-repeat;}
#pagepr #projects #pr-in{background:url(../images/projects/pr-industrial.jpg) no-repeat;}
#pagepr #projects #pr-ed{background:url(../images/projects/pr-education.jpg) no-repeat;}
#pagepr #projects #pr-le{background:url(../images/projects/pr-leisure.jpg) no-repeat;}
#pagepr #projects #pr-rf{background:url(../images/projects/pr-refurbishment.jpg) no-repeat;}

/* Contact */
#pageco #leftmenu{background:url(../images/title-contact.gif) no-repeat top left;}
#pageco #header{background-image:url(../images/header-location.gif);}
#pageco #leftmenu span{float:left;width:80px;color:#003366;margin:0;padding:0;}
#pageco #leftmenu p a{color:#999999;}
#pageco #leftmenu p a:hover{color:#003366;}
#pageco #map{height:406px;width:392px;float:left;background:url(../images/map.gif) no-repeat;}
#pageco .pad{width:1px;float:left;height:386px;}
#pageco #form{width:217px;border-left:1px solid white;background:#f1f1f1;float:left;padding:10px 15px 10px 20px;font-size:1.2em;color:#666666;}
#pageco label{display:block;padding:5px 2px;}
#pageco input{width:198px;}
#pageco #submit{width:auto;float:right;margin:10px 15px;}
#pageco textarea{height:100px;width:200px;}

#pagesm #leftmenu{background:url(../images/title-sitemap.gif) no-repeat top left;}
#pagepp #leftmenu{background:url(../images/title-privacy.gif) no-repeat top left;}
#pagepp #main{padding:15px;width:615px;}
#pagesm #main{padding:15px;width:615px;}
#pagesm #main ul{margin-left:20px;}
#pagepp #main a{color:#003366;}
#pagepp #main a:hover{color:black;}
#pagesm #main li{padding:2px 5px;}
#pagesm #main li.sub{margin-left:20px;}

#pagepr #intro{background:#335c85;width:615px;float:left;padding:0 0px 0 30px;font-size:1.4em;}
#pagepr #intro p{color:white;background:transparent;margin:0;padding:12px 0 0 0;line-height:1.4em;}
#pagepr #intro p span{color:white;background:transparent;}
#pagepr #intro p span.section{color:#6d97c1;}
#pagepr #intro .pad{width:1px;float:left;height:51px;}

#pagepr #thumbnails{border-left:1px solid #e5e5e5;float:left;width:644px;}
#pagepr #thumbnails ul{list-style:none;padding:0;margin:0;float:left;width:644px;}
#pagepr #thumbnails li{float:left;padding:5px 0px 5px 5px;}
#pagepr #thumbnails a{float:left;border:5px solid white;}
#pagepr #thumbnails a img{float:left;margin:0;padding:0;}
#pagepr #thumbnails a.off{border:5px solid white;}
#pagepr #thumbnails a.on,#pagepr #thumbnails a:hover{border:5px solid #003366;}