/*
- - - - - - - - - -
Alan Wood & Partners style sheet v1
www.clever4.net / info@clever4.net
Last update: 9th February 2010 / 16:55 GMT
Last updated by: Gareth Allen
# 1 =HTML Overrides
# 2 =Typography
# 3 =Structure
# 4 =Navigation
# 5 =Global
# 6 =Contact Forms
# 7 =Footer
# 8 =Google Maps
# 9 =Error Messages
# 10 =Admin Area
- - - - - - - - - -
*/

/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* ==== Generic Catch all margin/padding ==== */
* { margin:0; padding:0; }

/* 1 =HTML Overrides
- - - - - - - - - - - - - - - - - - - - */
body { font-family: Verdana, Arial, sans-serif;	font-size:1em; color:#333; }

/* 2 =Typography
- - - - - - - - - - - - - - - - - - - - */
h1, h2, h3 { font-family: Georgia, Arial, Verdana, sans-serif; font-weight:bold; font-style:italic; color:black; }
h1 { font-size: 95%; margin: 0; padding: 0 0 15px 0; }
h2 { font-size: 90%; margin: 0; padding: 0 0 15px 0; }
h3 { font-size: 75%; margin: 0; padding: 10px 0 10px 0; }
p {	color: #1E2D3B;	font-size: 70%;	line-height: 1.6em;	margin: 0 0 10px 0; padding:0; font-weight:normal; }
p strong { font-weight:bold; }
a {	color: #84929F;	text-decoration:none; border-bottom:1px solid #84929F; }
a:link { color: #84929F; text-decoration:none; }
a:visited { color: #84929F; text-decoration:none; }
a:hover { color: #84929F; text-decoration:none; border-bottom:1px dotted #84929F; }
a:active { color: #84929F; text-decoration:none; }
ul { font-size: 70%; margin: 0 0 10px 15px; padding:0; }
input, textarea { font-family: Verdana, Arial, sans-serif; font-size: 100%; color: #1E2D3B; line-height: 1.6em; }
abbr { border-bottom:1px dotted #84929F; }

/* 3 =Structure
- - - - - - - - - - - - - - - - - - - - */
body { text-align: center; background: #DDE0E5 url('/images/background.jpg') top left repeat-x; padding:0 0 20px 0; }
div#container {	width: 800px; background: white url('/images/structural-engineering-theme.jpg') top left no-repeat; margin: 0 auto 0 auto; text-align: left; display: table; }
div#content { width: 800px; }
div#main { text-align:justify; width: 630px; float: right; display:inline; margin: 200px 30px 0 0; padding: 0 0 30px 0; }
div#sub { width: 125px;	float: left; display:inline; margin: 0; padding: 0;	}
/* Alan Wood Logo */
div#sub img { margin:20px 0 0 10px; background-color:transparent; }
div#sub a.alan-wood-home { border:none; text-decoration:none; }
div#sub a.alan-wood-home:link { border:none; text-decoration:none; }
div#sub a.alan-wood-home:visited { border:none; text-decoration:none; }
div#sub a.alan-wood-home:hover { border:none; text-decoration:none; }
div#sub a.alan-wood-home:active { border:none; text-decoration:none; }
/* Themes */
div#container { background: white url('/images/alan-wood-theme.jpg') top left no-repeat; }
body.civil-engineering div#container { background: white url('/images/civil-engineering-theme.jpg') top left no-repeat; }
body.structural-engineering div#container { background: white url('/images/structural-engineering-theme.jpg') top left no-repeat; }
body.building-surveying div#container { background: white url('/images/building-surveying-theme.jpg') top left no-repeat; }
body.project-management div#container { background: white url('/images/project-management-theme.jpg') top left no-repeat; }

/* 4 =Navigation
- - - - - - - - - - - - - - - - - - - - */
ul.navigation { list-style: none; font-size: 75%; margin:100px 0 20px 5px; line-height: 1.6em; }
ul.navigation li { padding: 10px 0 10px 0; border-bottom:1px solid #EFEFEF; }
ul.navigation li.last { border-bottom: none; }
ul.navigation li.selected { color: #84929F; background: url("/images/nav-selected.gif") 0px 17px no-repeat; padding: 10px 0 10px 15px; }
ul.navigation li a { display:block; color: #1E2D3B; text-decoration:none; border:none; margin: 0; padding: 0 0 0 15px; }
ul.navigation li a:link { color: #1E2D3B; }
ul.navigation li a:visited { color: #1E2D3B; }
ul.navigation li a:hover { color: #84929F; text-decoration: none; border:none; background: url("/images/nav-hover.gif") 0px 7px no-repeat; }
ul.navigation li a:active { color: #1E2D3B; }
/* Sub Navigation - Level II */
ul.navigation li ul { list-style-type:none; font-size:100%; margin:0 0 -10px 15px; }
ul.navigation li.selected ul { margin:0 0 -10px 0; }
ul.navigation li ul li.last { border-bottom: none; }

/* 5 =Global
- - - - - - - - - - - - - - - - - - - - */
div.panel { width:300px; height:200px; float:left; display:inline; margin:10px 0 10px 20px; text-align:left; background-color:#ccc; }
div.first { margin:10px 0 10px 0; }
div.panel h2 { color:white; margin:15px 20px 10px 20px; padding:0; }
div.panel h2 a { color:white; border-bottom:none; }
div.panel h2 a:link { color:#333; }
div.panel h2 a:visited { color:#333; }
div.panel h2 a:hover { color:#333; border-bottom:1px dotted #333; }
div.panel h2 a:active { color:#333; }
div.panel ul { margin:5px 0 0 35px; color:#333; }
div.panel ul li { margin:0; padding:0; line-height:1.2em; }
div.panel p { width:260px; margin:15px 20px 0 20px; }
div.panel p a { color:#333; border-bottom:1px dotted #333; }
div.panel p a:link { color:#333; }
div.panel p a:visited { color:#333; }
div.panel p a:hover { border-bottom:1px solid #333; }
div.panel p a:active { color:#333; }
div#civil-engineering { background:#E0E3E7 url('/images/civil-engineering-panel.jpg') top left no-repeat; }
div#structural-engineering { background:#E0E3E7 url('/images/structural-engineering-panel.jpg') top left no-repeat; }
div#building-surveying { background:#E0E3E7 url('/images/building-surveying-panel.jpg') top left no-repeat; }
div#project-management { background:#E0E3E7 url('/images/project-management-panel.jpg') top left no-repeat; }
img.pic { float: left; border:1px solid #84929F; margin: 4px 18px 5px 0; }
img.picalt { clear:both; float: right; border:1px solid #84929F; margin: 4px 0 5px 18px; }

/* Teams */
div.office-info { display: table; margin: 10px 0 0 0; width: 630px; }
div#last-office { margin: 10px 0 15px 0; }
div.office-info h2, div.office-info p { margin: 0 0 0 115px; }
div.office-info img.office { float: left; clear: both; border: 1px solid #84929F; }
div.office-info p { width:500px; }
div.office-info p.team-structure { width:220px; float: left; margin: 0 0 0 15px; }
div.office-info p#structures { width:260px; }
/* Clients */
div.client-list { width: 280px; float: left; }
div.client-list ul { list-style-type:none; margin:0 0 10px 0; }
/* Landing Pages */
ul#services { float:left; font-size:100%; list-style-type:none; margin: 0 0 15px 0; padding: 0 0 0 30px; text-align:left; }
ul#services li { width: 270px; float:left; margin: 0 20px 15px 0; }
ul#services li img { float: left; margin: 0 10px 0 0; }
ul#services li h2 { font-size:70%; margin:5px 0 0 0; }
ul#services li h2 a { text-decoration: none; border-bottom:1px dotted #84929F; }
ul#services li h2 a:link { border-bottom:1px dotted #84929F; }
ul#services li h2 a:visted { border-bottom:1px dotted #84929F; } 
ul#services li h2 a:hover { text-decoration: none; border-bottom:1px solid #84929F; }
ul#services li h2 a:active { border-bottom:1px dotted #84929F; }
/* Sitemap */
ul.sitemap-list { font-size:70%; list-style-type:upper-roman; margin:0 0 0 40px; }
ul.sitemap-list li { margin:0 0 20px 0; }
ul.sitemap-list li ul { list-style-type:square; font-size:100%; margin:10px 0 0 15px; }
ul.sitemap-list li ul li { margin:0 0 20px 0;  }
ul.sitemap-list li ul li ul { list-style-type:disc; font-size:100%; margin:10px 0 0 15px; }
ul.sitemap-list li ul li ul li { margin:0 0 10px 0; }

ul.sitemap-list p { font-size:100%; list-style-type:none; margin:5px 0 0 0; }
/* Contact Us */
div.vcard { width:145px; float:left; display:inline; margin:0 12px 20px 0; }
h2.alan-wood-info { clear:both; }
div.vcard h3 { font-size: 70%; }
div.vcard p { font-size: 55%; }
div.vcard-last { margin:0; }
div#directions { width:315px; float:left; display:inline; }
div.map { border: 1px solid #84929F; width: 300px; height: 200px; float: right; margin: 0 0 5px 10px; padding:0; }
p.company-info { clear:both; }
/* Project Spotlights */
div.spotlight {	background: #F1F2F4; padding:10px 15px 5px 15px; width:245px; margin:0 0 15px 0; }
div.spotlight h2 { margin:0; padding:0; color: #84929F; }
div.spotlight h3 { margin:8px 0 3px 0; font-size: 90%; font-weight: normal; color: #84929F; }

/* 6 =Contact Forms
- - - - - - - - - - - - - - - - - - - - */
fieldset { width:615px; float: left; display:inline; background: #F7F8F9; border: 1px solid #E7EAED; margin: 0 0 20px 0; padding: 10px 10px 0 10px;	}
fieldset h2 { padding: 0 0 10px 0; }
fieldset div.column { float: left; display:inline; width: 190px; margin:0 20px 0 0; }
fieldset div.last-column { margin:0; }
fieldset:hover { background: #F0F2F4; }
fieldset input, fieldset textarea { width:190px; }
fieldset textarea { height: 60px; }
fieldset textarea.question { height: 120px; }
legend { color: #1E2D3B; font-size: 70%; padding: 0 3px; }
fieldset input.submit { font-size: 70%; margin: 0 0 10px 0; width:60px; }

/* 7 =Footer
- - - - - - - - - - - - - - - - - - - - */
div#footer { width: 800px; clear: both; margin:0;  padding:0; }
div#footer-content { width: 800px; float:left; display:inline; background: url('/images/background-bottom.gif') top right no-repeat; }
div#footer img { float:left; display:inline; margin:0 0 0 5px; }
div#footer img a { text-decoration:none; border:none; }
div#footer img a:link { text-decoration:none; border:none; }
div#footer img a:visited { text-decoration:none; border:none; }
div#footer img a:hover { text-decoration:none; border:none; }
div#footer img a:active { text-decoration:none; border:none; }
div#footer ul { clear:none; float:right; display:inline; list-style: none; font-size: 55%; padding: 0; margin: 30px 30px 15px 0; }
div#footer ul li { float: left; display:inline; padding:0 5px 0 5px; background:transparent url('/images/footer-nav.gif') center right no-repeat; }
div#footer ul li.selected span { padding: 0 5px 0 0; }
div#footer ul li.last { background:none; }
div#footer ul li a { color: #84929F; text-decoration: none; margin: 0 5px 0 0; }
div#footer ul li a:link { color: #84929F; }
div#footer ul li a:visited { color: #84929F; }
div#footer ul li a:hover { color: #84929F; }
div#footer ul li a:active { color: #84929F; }

/* 8 =Google Maps
- - - - - - - - - - - - - - - - - - - - */
div.gmnoprint div div div { float:left;	display:inline; height:60px!important; margin:0; padding:0; overflow:hidden!important; }
div.gmap-selected-marker { float:left; display:inline; font-size:0.8em; }
div.gmap-selected-marker p { width:auto; padding:0; }

/* 9 =Error Messages
- - - - - - - - - - - - - - - - - - - - */
h2#errorheading { color: red; }
ol#errorlist { color: red; font-size: 70%; margin: 0 0 10px 25px; padding:0; }

/* 10 =Admin Area
- - - - - - - - - - - - - - - - - - - - */
/* See /css/alanwood_admin.css */