html,
body {
  background:#000;
  font-family:'Droid Sans', sans-serif;
  font-size:12pt;
  margin:0;
  padding:0;
}

h1,h2,h3 {
  font-weight:normal;
  margin:20px 0 10px;
  padding:0;
}
h1 {
  font-size:28pt;
  margin:0 0 20pt;
}
h2 {
  font-size:20pt;
}
h3 {
  font-size:16pt;
}

p {
  line-height:18pt;
  margin:0 0 15px;
  padding:0;
}

a {
  color:#5babd7;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
img {
  border:0 none;
}
img.floatPicLeft {
  float:left;
  margin:0 15px 15px 0;
}
img.floatPicRight {
  float:right;
  margin:0 0 15px 15px;
}
img.floatPicCenter {
  display:block;
  margin:0 auto 15px;
}
#content img {
  border:3px solid #fede3c;
  box-shadow:0 2px 5px 0 #ccc;
  padding:1px;
}

input, textarea, option {
  border:1px solid #ccc;
  font-family:'Droid Sans', sans-serif;
  font-size:12pt;
  padding:3px;
}
input.submit {
  background:none repeat scroll 0 0 #000;
  border-color:#000;
  color:#fff;
  cursor:pointer;
  padding:5px;
}
input.submit:hover {
  color:#fede3c;
}

.clear {
  clear:both;
}

#header {
  border-top:60px solid #000;
  height:350px;
}
#header div.inner {
  height:415px;
  position:relative;
  top:-60px;
}
#header div.inner,
#footer div.inner {
  margin:0 auto;
  width:960px;
}
#header a {
  color:#fff;
}
#header a:hover {
  color:#fede3c;  
  text-decoration:none;
}

#header #logo {
  color:#fede3c;
  font-size:18pt;
  font-weight:bold;
  left:20px;
  position:absolute;
  text-align:center;
  text-shadow:0 5px 10px #000;
  top:10px;
}

#tagline,#phone {
  color:#fff;
  font-family:'Oswald',sans-serif;
  font-size:30pt;
  font-weight:bold;
  position:absolute;
  right:20px;
  text-align:right;
  text-shadow:0 5px 10px #000;
  top:135px;
}
#phone {
  color:#fede3c;
  font-size:24pt;
  top:70px;
}
#phone img {
  vertical-align:text-bottom;
}

#menu ul {
  font-size:16pt;
  list-style-type:none;
  margin:0;
  padding:22px 20px 13px;
  text-align:right;
}
#menu ul li {
  display:inline-block;
  margin-left:30px;
}
#menu ul li a {
  color:#fff;
  display:block;
}
#menu ul li.selected a,
#menu ul li a:hover {
  color:#fede3c;
}

#container {
  background:#005489 url(../images/iod-skip-hire-background.jpg) center 60px no-repeat;
}
#container.bg2 { background-image:url(../images/iod-skip-hire-background-2.jpg); }
#container.bg3 { background-image:url(../images/iod-skip-hire-background-3.jpg); }
#container.bg4 { background-image:url(../images/iod-skip-hire-background-4.jpg); }
#container.bg5 { background-image:url(../images/iod-skip-hire-background-5.jpg); }
#container.bg6 { background-image:url(../images/iod-skip-hire-background-6.jpg); }

#main {
  margin:0 auto;
  padding-bottom:50px;
  width:960px;
}

#content, #side-bar {
  float:left;
}
#content {
  background:#fff;
  box-shadow:0 0 30px #000;
  padding:20px;
  width:750px;
}
#content ul {
  overflow:hidden;
}

#side-bar img {
  margin:0 0 10px 20px;
}

#footer div.inner {
  font-family:'Oswald',sans-serif;
  font-size:10pt;
  padding:50px 20px 0;
}
#footer {
  background:url("../images/iod-skip-hire-logo-small.png") no-repeat center center #000;
  border-top:20px solid #fede3c;
  color:#fff;
  height:145px;
}
#footer a {
  color:#fff;
}
#footer a:hover {
  color:#fede3c;
}
#footer div.col {
  width:350px;
}
#footer div.col.left {
  float:left;
}
#footer div.col.right {
  float:right;
  text-align:right;
}