/*
Theme Name: HN Marketing
Theme URI: http://hn-marketing.co.uk
Description: HN Marketing theme
Version: 1.0
Author: Riot Creative
Author URL: http://riotcreative.co.uk
Tags: HN-Marketing, Riot Creative
*/

/* === GLOBAL === */
* {margin:0;padding:0;}

body {
  background:#1a6cb4; 
  margin: 0; 
  padding: 0;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11pt;
  color:#000000;
  text-align:center;
  }

a:link, a:visited, a:active {
	color: #1a6cb4;
	text-decoration: none;
  }

a:hover {
	text-decoration: underline;
}

h1 {
  font-weight:bold;
  font-size:22pt;
  padding:0 0 15px 0;
  margin:0 0 10px 0;
  color:#898989;
  }

h2 {
  font-size:15pt;
  font-weight:bold;
  padding:30px 0 10px 0;
  margin:0;
  color:#898989;
  }

h3 {
  font-size:13pt;
  font-weight:bold;
  padding:0 0 15px 0;
  margin:0;
  color:#898989;
  }

p {
  padding-bottom:15px;
  }

ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  }

input {
  font-family:Verdana, Geneva, sans-serif;
  }

small {
  color:#898989;
  }

/* === HEADER === */

#wrapper {
  position:relative;
  width:960px;
  background-color:#ffffff;
  margin:0 auto;
  text-align:left;
  }

#header {
  height:295px;
  overflow:hidden;
  position:relative;
  }

#header_img {
  height:295px;
  overflow:hidden;
  position:absolute;
  background-color:#000000;
  }

#header_img img {
  width:962px;
  }

#logo {
  position:relative;
  top:30px;
  }

#logo img {
  border:0;
  }

#strapline {
  background:url("images/black_bg.png") repeat scroll 0 0 transparent;
  color:#FFFFFF;
  height:113px;
  left:147px;
  position:absolute;
  top:-354px;
  width:783px;
  }

#strapline h1 {
  color:#FFFFFF;
  font-size:27pt;
  margin-bottom:0;
  overflow:hidden;
  padding-bottom:12px;
  padding-left:20px;
  padding-top:12px;
  padding-right:30px;
  }

#nav {
  position:relative;
  height:30px;
  overflow:hidden;
  background-color:#d34404;
  padding:0 30px;
  }

#nav a {
  color:#ffffff;
  }

#nav ul {}

#nav li {
  float:left;
  position:relative;
  list-style:none;
  padding-right:30px;
  top:6px;
  }

.current_page_item {
  font-weight:bold;
  text-decoration:underline;
  color:#ffffff;
  }

#breadcrumb {
  font-size:9pt;
  position:relative;
  color:#898989;
  }

#breadcrumb a {
  color:#898989;
  }

/* === MAIN === */

#main {
  padding:30px;
  position:relative;
  }

#content {
  position:relative;
  float:left;
  width:690px;
  }

.clear {
  position:relative;
  clear:both;
  }

#content ul {
  list-style:disc outside none;
  margin-left:17px;
  margin-bottom:15px;
  color:#898989;
  }

#content a {
  color:#1a6cb4;
  text-decoration:underline;
  }

.quote {
  border:1px solid #1a6cb4;
  color:#1a6cb4;
  font-size:13pt;
  margin-bottom:15px;
  padding:10px;
  }

.quote span {
  color:#898989;
  display:block;
  font-size:9pt;
  padding-top:5px;
  text-align:right;
  font-style:italic;
  }

.orange {
  color:#d34404;
  }

blockquote {
  border:1px solid #898989;
  color:#898989;
  margin:15px 60px;
  padding:10px;
  }

.boxout {
  border:1px solid #1a6cb4;
  padding:15px;
  }

.boxout h2 {padding:0 0 10px;color:#1a6cb4;}

.boxout p {padding:0;}

.boxout a {padding-top:5px;}

.form {
  border:1px solid #1a6cb4;
  padding:15px;
  }

.value {
  float:left;
  padding-right:5px;
  padding-top:3px;
  }

.input {
  float:left;
  padding-right:5px;
  padding-top:2px;
  }

.submit {}

.submit input {}

.input input {
  height:20px;
  width:446px;
  }

.form submit {}

#content img {
  border:0;
  }

#content a {
  border:0;
  }

#content h2 a {
  text-decoration:none;
  }
.postdata {
  color:#898989;
  font-size:9pt;
  position:relative;
  top:-19px;
  }

#d4 {
   height:135px;
   width:690px;
   overflow:hidden;
   background:url("http://www.hn-marketing.co.uk/wp-content/themes/hnml/images/diagram4double.jpg") no-repeat scroll 0 0 transparent;
   }

 #d3 {
   height:111px;
   width:690px;
   overflow:hidden;
   background:url("http://www.hn-marketing.co.uk/wp-content/themes/hnml/images/diagram3double.jpg") no-repeat scroll 0 0 transparent;
   }
   
 #d2 {
   height:110px;
   width:690px;
   overflow:hidden;
   background:url("http://www.hn-marketing.co.uk/wp-content/themes/hnml/images/diagram2double.jpg") no-repeat scroll 0 0 transparent;
   }

 #d1 {
   height:139px;
   width:690px;
   overflow:hidden;
   background:url("http://www.hn-marketing.co.uk/wp-content/themes/hnml/images/diagram1double.jpg") no-repeat scroll 0 0 transparent;
   }

#services{
    color: #888888;
    text-align:center;}
#services > a{
     color: #888888;
    text-decoration:none;}
#services > a:hover{
    text-decoration:underline;
    color: #1A6CB4;}

/* === SIDEBAR === */

#sidebar {
  position:relative;
  float:right;
  width:180px;
  }

#subpages {
  color:#1a6cb4;
  }

#subpages a {
  color:#1a6cb4;
  }

#twitter {
  margin-top:30px;
  color:#000000;
  }

#twitter a {
  color:#1a6cb4;
  }

#subpages li {
  border-left:1px solid #1a6cb4;
  margin-bottom:10px;
  padding-left:5px;
  }

#call {
  margin-top:30px;}

#call a {}

#call img {
  border:0;
  }

/* === FOOTER === */

#footer {
  position:relative;
  padding:30px;
  border-top:1px solid #898989;
  font-size:9pt;
  text-align:center;
  color:#898989;
  }