/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1em;
}
ol, ul {
  margin-left:1em;
}
ol li, ul li {
  padding-left:0.5em;
  margin-bottom:0.5em;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  line-height: 1.5em;
  margin-bottom:1em;
}
a {
  text-decoration:none;
  color:#fff;
}
a:hover {
  text-decoration:underline;
}
li.red {
  list-style: circle url(../images/red-bullet.png);
}
li.blue {
  list-style: circle url(../images/blue-bullet.png);
}
li.yellow {
  list-style: circle url(../images/yellow-bullet.png);
}
.red {
  color:#ff0000;
}
.blue {
  color:#19ffff;
}
.yellow {
  color:#ff7700;
}
body {
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  background-color:#000;
  color:#fff;
  width:60em;
  margin:1em auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #fff;
  position:relative;
}
/* Main css */
div#header {
  height:13em;
  padding:2em;
  border-bottom: 1px solid #fff;
}
ul#services {
  margin:0 auto;
  list-style:none;
  float:left;
  width:90%;
  height:2em;
  font-size:0.8em;
}
ul#services li {
  float:left;
  margin-left:3em;
}

ul#navigation {
  list-style:none;
  float:left;
  font-size:1.2em;
  width:70%;
  margin-top:4em;
}
ul#navigation li {
  float:left;
  width:5em;
  margin-right:1em;
}
ul#navigation li a {
  text-align:center;
  padding-top:3.5em;
  height:1.5em;
  display:block;
}

ul#navigation li a:hover {
  border-bottom:0.2em solid #eee;
  text-decoration:none;
}

ul#navigation li a.home:hover {
  background:url(../images/home.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.services:hover {
  background:url(../images/services.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.about:hover {
  background:url(../images/about.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.why:hover {
  background:url(../images/why.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.contact:hover {
  background:url(../images/contact.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.home.selected {
  background:url(../images/home.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.services.selected {
  background:url(../images/services.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.about.selected {
  background:url(../images/about.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.why.selected {
  background:url(../images/why.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.contact.selected {
  background:url(../images/contact.png) 50% 0 no-repeat transparent;
}
ul#navigation li a.sendmail.selected {
  background:url(../images/contact.png) 50% 0 no-repeat transparent;
}

div#logo a {
  height:150px;
  width:190px;
  background:url(../images/logo.png) 0 0 no-repeat transparent;
  float:right;
  margin-top:1.5em;
}
div#logo h1 {
  display:none;
}

div#container {
  position:relative;
  margin:2em;
  min-height:30em;
}
div#container.services div {
  border: 0.1em solid #eee;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding:1em 2em;
  margin-top:2em;
  background:url(../images/map.png) 95% 65% no-repeat transparent;
}
div#container.services div p {
  width:70%;
}
div#container.investigating-personal-injury {
  background:url(../images/bg-investigating-personal-injury.png) top right no-repeat transparent;
}
div#container.managing-sickness-absence {
  background:url(../images/bg-managing-sickness-absence.png) top right no-repeat transparent;
}
div#container.general-investigations {
  background:url(../images/bg-general-investigations.png) top right no-repeat transparent;
}
div#container.about-us {
  background:url(../images/bg-about-us.png) top right no-repeat transparent;
}
div#container.why-aaztec {
  background:url(../images/bg-why-aaztec.png) top right no-repeat transparent;
}
div#container.why-aaztec img {
  margin:2em 0 0em 6em;
}
div#container.contact-us {
  background:url(../images/bg-contact-us.png) top right no-repeat transparent;
}
div#container.contact-us div.column {
  width:45%;
}
div#container.contact-us form div {
  width:inherit;
}
div#container.contact-us > div {
  margin-right:2.2%;
  padding-right:2.2%;
}
div#container.about-us img {
  position:absolute;
  right:20px;
  height:125px;
}

div#container h1 {
  font-size:2em;
  margin:1em 0;
}

div#container h2 {
  font-size:1.5em;
  margin:1.5em 0 1em 0;
}

div#container h3 {
  font-size:1.2em;
  margin:0.5em 0;
}

div#footer {
  position:relative;
  width:inherit;
  bottom:0;
  height:15em;
  color:#000;
  background: #fff;
  text-align:center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div#footer p {
  color:#fff;
}
div#footer div {
  height:14em;
  background: #fff url(../images/footer.png) 50% 50% no-repeat;
  margin-bottom:2em;
}
div#footer div p {
  display:none;
}
div#footer p#cake {
  margin-bottom:1em;
}
div#footer p#cake a:hover {
  text-decoration:none;
}
div#footer p#cake a:hover {
  color:orange;
}

div#footer a img {
  vertical-align:middle;
}

.left {
  float:left;
}
div#splash {
  height:31em;
  width:60em;
}

div#splash div {
  height:31em;
  width:20em;
}
div#splash div a {
  display:block;
  height:30em;
  width:19em;
}
div#splash div#one {
  background: #fff url(../images/one.png) 0 0 no-repeat;
}
div#splash div#two {
  background: #fff url(../images/two.png) 0 0 no-repeat;
}
div#splash div#three {
  background: #fff url(../images/three.png) 0 0 no-repeat;
}
div#splash div#one {
  background: #fff url(../images/one.png) 0 0 no-repeat;
}
div#splash div#two {
  background: #fff url(../images/two.png) 0 0 no-repeat;
}
div#splash div#one a:hover {
  border:0.5em solid #7E0101;
}
div#splash div#two a:hover {
  border:0.5em solid #0B7C7E;
}
div#splash div#three a:hover {
  border:0.5em solid #7F3C01;
}

.clear {
  clear:both;
  height:0 !important;
}

form label {
  display:block;
  text-align:right;
  width:9em;
  margin-right:1em;
  float:left;
}
form input {
  float:left;
}
form input[type="submit"] {
  width:6em;
  height:3em;
  border:1px solid #ddd;
  float:right;
  margin-right:2.5em;
}
form input, form input[type="textarea"] {
  height:2em;
  width:19em;
}

abbr {
  color:#f00;
}
div.send p {
  color:red;
  float:right;
  margin-right:2em;
}

.caps {
  text-transform:uppercase;
}
.bold {
  font-weight:700;
}