/* ---------- Resets & Defaults ---------- */

body, html {height:100%; margin:0; padding:0;}

body {background: url(../img/aboutbodybg.jpg) 50% 300px no-repeat #fafafa; font:normal 62.5% Arial, sans-serif; color:#666;}

#mask {background:url(../img/loading.gif) 50% 50% no-repeat #000; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%}

ul, li {padding:0; margin:0;}
a {text-decoration:none; outline:none;}
a img {outline:none; border:none;}

ul, ol {list-style-type:none;}

h2 {text-indent:-9999em; margin-bottom:30px; margin-top:170px;}
h3 {text-indent:-9999em; margin-bottom:10px; margin-top:30px; border-top:1px dotted #ddd; padding-top:10px;}
h4 {margin:10px 0; font:bold 1.1em Arial, sans-serif;}

p {width:220px; font: normal 1.1em Arial, sans-serif; margin:0 0 10px 0;}

p.intro {width:440px; margin:-35px 0 20px 480px; font-size:11px; font-style:italic;}

p a {font: italic 1em Georgia, serif; color:#ec008c; display:block; background:url(../img/down-arrow.png) 0 50% no-repeat;}
p a:hover {background:url(../img/down-arrow.png) 0 70% no-repeat;}
p a span {text-decoration:underline; padding-left:11px;}

#container {width:940px; margin:auto; position:relative;}

/* ---------- Clear Fix ---------- */

.clearfix {
clear: both;
visibility: hidden;
}

/* ---------- Nav & Logo ---------- */

#fixedbanner_container {position:fixed; top:0; left:0; width:100%; height:80px; z-index:100;background:#fff;}
#fixedbanner {position:relative; width:960px; margin:auto; height:80px;}
#shadow {background:url(../img/shadow.png) 50% 0 no-repeat; width:960px; height:12px; margin:0 auto -2px auto;}

#logo {position:absolute; top:15px; left:0;}

#navigation {position:absolute; bottom:10px; right:0; height:24px; text-indent:-9999em; width:562px;}
#navigation li {float:left; margin-right:40px; position:relative;}
.last {margin:0 !important;}
#navigation li a {display:block; height:24px;}

#nav_about {background:url(../img/nav/nav_sprite.png) 0 0 no-repeat; width:50px;}
#nav_services {background:url(../img/nav/nav_sprite.png) -91px 0 no-repeat; width:72px;}
#nav_client-list {background:url(../img/nav/nav_sprite.png) -204px 0 no-repeat; width:91px;}
#nav_contact {background:url(../img/nav/nav_sprite.png) -337px 0 no-repeat; width:68px;}

#nav_about:hover {background:url(../img/nav/nav_sprite.png) 0 -24px no-repeat;}
#nav_services:hover {background:url(../img/nav/nav_sprite.png) -91px -24px no-repeat;}
#nav_client-list:hover {background:url(../img/nav/nav_sprite.png) -204px -24px no-repeat;}
#nav_contact:hover {background:url(../img/nav/nav_sprite.png) -337px -24px no-repeat;}

ul#nav_services-menu {/*position:fixed; top:80px; left:804px;*/ position:absolute; top:34px; width:150px; opacity:0.95; z-index:200; text-indent:0 !important; display:none;}
ul#nav_services-menu li a {width:136px; background:#fff; display:block; font-size:1.1em; padding:7px; height:auto; color:#999; border-top:1px solid #eee;}
ul#nav_services-menu li a:hover {width:136px; background:#ec008c; color:#fff; display:block; font-size:1.1em; padding:7px; height:auto;}

#nav_getaquote {background:url(../img/nav/getaquote.png) 0 0 no-repeat; width:121px;}
#nav_getaquote:hover {background:url(../img/nav/getaquote.png) 0 -24px no-repeat;}

#quote_note {position:absolute; top:-70px; right:0; display:none; width:109px; height:68px; background:url(../img/quote-note.png) 0 0 no-repeat;}


/* ---------- Nav Points ---------- */

/*.nav_point {height:170px;}*/


/* ---------- H2 & H3 ---------- */

#h2_about {height:125px; background:url(../img/h2_about.png) 0 0 no-repeat;}
#h2_services {height:56px; background:url(../img/h2_services.png) 0 0 no-repeat;}
#h2_client-list {height:56px; background:url(../img/h2_client-list.png) 0 0 no-repeat;}
#h2_contact {height:56px; background:url(../img/h2_contact.png) 0 0 no-repeat;}

#h3_threed-urban-modelling {height:25px; background:url(../img/h3_3d-urban-modelling.png) 0 10px no-repeat;}
#h3_threed-physical-modelling {height:24px; background:url(../img/h3_3d-physical-modelling.png) 0 10px no-repeat; margin-top:50px;}
#h3_public-consultation {height:23px; background:url(../img/h3_public-consultation.png) 0 10px no-repeat;}
#h3_presentation {height:23px; background:url(../img/h3_presentation.png) 0 10px no-repeat;}

/* ---------- Contact p/a ---------- */

p.contact {
	width: 100%;
}

#call_p, #email_p {
background:none;
display: inline-block;
font-size: 60px;
font-family: Arial, sans-serif;
font-style: normal;
color: grey;
font-weight: 600;
}

#call_p:hover {
background:none;
}

#email_p{
	border-bottom: 1px solid;
	margin-bottom:100px;
}

#email_p:hover {
	background:none;
	border-bottom: none;
}

.page_end {padding-bottom:50%; width:260px;}

/* ---------- Large Slideshows ---------- */

#threed-urban-modelling_container, #threed-physical-modelling_container {margin:auto; width:940px; position:relative;}

#threed-urban-modelling, #threed-physical-modelling {margin:auto; width:940px; z-index:-1}

#threed-urban-modelling_nav, #threed-physical-modelling_nav, #public-consultation_nav, #presentation_nav {margin:10px auto 20px auto; width:940px; height:20px; font-size:9px; text-align:center; z-index:20;}
#threed-urban-modelling_nav a, #threed-physical-modelling_nav a, #public-consultation_nav a, #presentation_nav a {padding:3px; background:url(../img/nav-anchor.png) 50% 50% no-repeat; color:#ccc; height:10px; width:10px; margin-right:10px; width:10px; overflow:hidden;}
#threed-urban-modelling_nav a.activeSlide, #threed-physical-modelling_nav a.activeSlide, #public-consultation_nav a.activeSlide, #presentation_nav a.activeSlide {background:url(../img/nav-anchor-active.png) 50% 50% no-repeat; color:#ec008c; width:10px; overflow:hidden;}

#threed-urban-modelling_prev, #threed-urban-modelling_next, #threed-physical-modelling_prev, #threed-physical-modelling_next, #public-consultation_prev, #public-consultation_next, #presentation_prev, #presentation_next {position:absolute; top:0; width:200px; height:450px; cursor:pointer; z-index:20; /*display:none;*/}
#threed-urban-modelling_prev, #threed-physical-modelling_prev, #public-consultation_prev, #presentation_prev {left:-5px; background:url(../img/prev.png) 0 215px no-repeat;}
#threed-urban-modelling_next, #threed-physical-modelling_next, #public-consultation_next, #presentation_next {right:-5px; background:url(../img/next.png) 100% 215px no-repeat;}

/* ---------- Small Slideshows ---------- */

#public-consultation_container, #presentation_container {margin:auto; width:460px; position:relative; text-align:center; float:left; border-bottom:1px dotted #ddd; padding-bottom:20px;}
#public-consultation_container {margin-right:20px;}

#public-consultation, #presentation {margin:auto; width:460px; z-index:-1}

#public-consultation_nav, #presentation_nav {width:460px; margin-bottom:5px;}

#public-consultation_prev, #public-consultation_next, #presentation_prev, #presentation_next {top:75px; height:220px;}
#public-consultation_prev, #presentation_prev {left:-5px; background:url(../img/prev.png) 0 100px no-repeat;}
#public-consultation_next, #presentation_next {right:-5px; background:url(../img/next.png) 100% 100px no-repeat;}

.small_col {text-align:left; width:220px; float:left; margin-right:20px;}

.small_col ul {font-size:1.1em; list-style-image:url(../img/bullet.gif); margin-left:20px; width:185px;}
.small_col li {margin-bottom:5px;}
.small_col ul li span {color:#ec008c;}

/* ---------- 3d Urban Modelling Applications ---------- */

.applications {text-align:left; width:220px; float:left; margin-right:20px;}
.applications img {background:#fff;}

/* ---------- Client List ---------- */

#client_logos li, #more_client_logos li {width:220px; height:120px; background:#fff; margin:0 20px 20px 0; float:left;}
#more_client_logos {display:none;}

#moreclients, #lessclients {background:#fafafa; display:block; width:220px; height:120px;}