/*Arup Designs version 2.0
author: Arup Sen
url: http://arupdesigns.co.uk
e-mail: arup@arupdesigns.co.uk
release date: December 2008
license: there isn't any. Use anything that you find useful and let me know if anything isn't working. Cool, thanks for looking. :)*/
/*  Typographical notes - going from px to em values
    1  parent font-size × required pixel value = em value
	1 ÷ 16 × 18 = 1.125em
	only 3 decimal places allowed*/
/*	Eric Meyer's zeroing out of elements--------------------------
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/	*/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/*------------End of Eric's zero elements-----------------*/

body{background:url(/*../ad_img/layout_guide.gif*/) no-repeat #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin:-44px 0px 10px 31px;
	font-size:100.01%;/*the .01 is for Safari*/
	position:relative;}


div h2, th{line-height:3.3em;color:#666;font-style:oblique;}
p,li,td{line-height:1.5em;}
p, #left-centre-col p.indent{text-indent:1em;}
p.first_para,#tagline,#left-centre-col p,#portfolio p{text-indent:0;}
#arup-photo,#random-banner,h1,#main-nav,#sub-nav,#tagline,#left-col,#centre-col,#right-col,#left-col-home,#centre-col-home,#right-col-home,#left-centre-col,#paginatediv {position:absolute;}
h1{font: bold 1.67em  "Helvetica Neue",Verdana,sans-serif;color: #6699CC;top:5.4em;}
#arup-photo,h1,#tagline,#sub-nav{left:0.01em;}
#arup-photo{top:19.3em;height:16.938em;width:16.938em;}
#wordpress-logo{position:relative;top:8em;}
#random-banner{left:20.35em;top:6.2em;width:39.688em;height:9.813em;}
#main-nav{top:2.8em;left:40.7em;letter-spacing:0.009em;}
#main-nav,#sub-nav{white-space:nowrap;}
#main-nav li, #sub-nav li{display:inline;}
#main-nav a, #sub-nav a, #right-col a{color:#333;font-weight:bold;text-decoration:none;}
#tagline{color:#666;top:9.6em;font-style:oblique;}
#tagline, #main-nav a{font-size:/*14pt*/1.175em;}
#sub-nav a{font-size:/*11pt*/0.96em;}
#sub-nav{top:16.3em;letter-spacing:-0.006em;}
#left-col, #centre-col, #right-col,#left-col-home,#centre-col-home,#right-col-home,.left-col,.centre-col,.right-col{top:19.3em;width:17em;}
#left-centre-col{top:19.3em;width:39.3em;}
#left-col, #left-centre-col, .left-col{left:0.01em;}
#right-col,.right-col{left:40.8em;}
#centre-col,.centre-col{left:20.4em;}
#sub-nav a:hover, #main-nav a:hover, #right-col a:hover{border-bottom:0.125em solid;padding-bottom:0.1em;color:#999;}


/*homepage paragraph elements*/
#left-col-home p,#centre-col-home p,#right-col-home p{color:#FFF;font-size:4em;text-align:center;position:relative;bottom:4em;text-indent:0;}
#left-col-home a,#centre-col-home a,#right-col-home a{text-decoration:none;}
#left-col-home{left:0.01em;}
#right-col-home{left:40.8em;}
#centre-col-home{left:20.4em;}

/*main-nav & sub-nav current page indicator - blue line underneath*/
#home #nav-home, #portfolio #nav-portfolio, #about #nav-about, #contact #nav-contact, #howitworks #nav-howitworks, #prices #nav-prices, #training #nav-training, #wordpress #nav-wordpress, #faq #nav-faq, #contract #nav-contract, #copyright #nav-copyright, #terms #nav-terms, #privacy #nav-privacy {border-bottom:0.125em solid #6699CC;padding-bottom:0.1em;}

/*em elements and li elements for the copyright and small print pages*/
em{font-style:oblique;}
li{list-style-type:square;}
ul,table{margin:1em 0;}

/*stuff on the wordpress page and training page*/
ul.wp{margin:0;}

/*contract page*/
#contract #right-col a{position:relative;right:2.6em;bottom:0.2em;}
#contract #right-col a:hover{border:none;}
#contract #left-centre-col{z-index:2;}

/*table on the prices page*/
table{width:39.1em;}
td{border-bottom:0.05em solid #999;padding-bottom:0.15em;width:52%;}

/*links on the faq page*/
#left-centre-col a{color:#FFF;}/*stops that blue dot appearing*/
#left-centre-col p.show-hide a{color:#999;text-decoration:none;font-weight:bold;outline:none;}
#left-centre-col p.show-hide{position:relative;left:20.4em;bottom:2.4em;margin-bottom:-2.4em;color:#999;}

/*the portfolio page*/
#portfolio .left-col, #portfolio .centre-col, #portfolio .right-col{padding-top:4em;position:absolute;}
#paginatediv{font-size:1em;width:28em;top:20em;left:-0.3em;}
.virtualpage a{font-size:0.8em;color:#999;font-weight:bold;line-height:3.5em;}
.virtualpage a:hover{color:#333;text-decoration:none;}
.pagination a{color:#333;font-weight:bold;text-decoration:none;margin:0 0.3em;}
.pagination a:hover{border-bottom:0.125em solid;padding-bottom:0.1em;color:#999;}
.pagination a.selected{border-bottom:0.125em solid #6699CC;padding-bottom:0.1em;color:#69C;outline:none;}
#portfolio cite{line-height:2.5em;font-style:oblique;}