body#homepage div#primary-content {
  margin: 0px 0px 0px 26px;
/*  width: 448px;*/
  float: left;
  clear:both;
  }
  
/* 8x6 */
body#homepage.narrow div#primary-content {
  margin: 0 0 0 26px;
  }
/* ---------------------- *//* Car Insurance Funnel */

div#car-insurance-funnel {
  background: #f7e219 url(../graphics/content/homepage/car-funnel/background-bottom.gif) no-repeat 0 100%;
  margin: 0 0 2px;
  padding: 0 0 24px;
  width: 448px;
  }

  
div#car-insurance-funnel ul {
  margin-left: 14px;
  padding-top: 10px;
  width: 263px;
  border-top: 1px solid #f4f061;
  float: left;
  }
  

div#short-term-insurance-funnel {
  background: #ffb315 url(../graphics/content/homepage/short-term-funnel/background-bottom.gif) no-repeat 0 100%;
  padding: 0 0 24px;
  width: 218px;
  }
  
  
div#short-term-insurance-funnel img {
  margin: 0 0 7px 24px;
  float: left;
  }
  
  

/* ---------------------- *//* Revised footer styles for non-js static text */

body#homepage div#footer-links {
	background: transparent url(../graphics/content/background-bottom.png) no-repeat 0 100%;
	}
	body#homepage div#footer-links span{
		font-family: Arial!important;
		font-size: 14px!important;
	}
	
 /* 8x6 */
body#homepage.narrow div#footer-links {
	background: transparent url(../graphics/content/background-bottom-narrow.png) no-repeat 0 100%;
	}
	
body#homepage div#footer-links p {
  	margin: 0 35px 15px;
  	font: normal 0.8em/1.6em verdana, arial, sans-serif;
  	color: #6b211b;
	}




* html, * html body {height: 100%;}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	display: none;
	}

#overlay[id] {position: fixed;}



/* 

--- NOTES FOR OTHER DESIGNERS ---

Please check the 'General' section of this stylesheet before creating any small custom styles.
The styles you want may already be in there.

Please put any Internet Explorer Six or below specific styles/hacks/fixes in 'ie6.css'.

Please put any Internet Explorer Seven or above specific styles/hacks/fixes in 'ie.css'.

Please put any Print specific styles/hacks/fixes in 'print.css'.

*/

/* -------------------------------------------------------------------------- *//* All */

* {
	margin: 0;
	padding: 0;
	}
	
acronym {
  cursor: help;
  }
	
/* -------------------------------------------------------------------------- *//* Body */
	
body {
	background: #a0c1ff url(../graphics/page-background.gif) repeat-x 0 0 fixed;
	font: normal 101%/101% verdana, arial, sans-serif;
	color: #7c0404;
	position: relative;
	}
  
/* -------------------------------------------------------------------------- *//* Outer Container */

div#outer-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  }
 
div#inner-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  background: transparent url(../graphics/content/backclouds.jpg) repeat-x 50% 0;
  }
/* -------------------------------------------------------------------------- *//* Header Wrapper */

div#header-wrapper {
  margin: 0 auto;
 /*  border: 1px solid red; */
  }
  
/* ----------------------------------------------- *//* Navigation Wrapper */

div#navigation-wrapper {
  margin: 0 auto;
  width: 904px;
}
  
/*Navigation*/

#navigation{

}
#navigation h3{
	font-size: 37px;
	color: #000066;
	margin: 17px 0px;
	font-family: gooddogregular, Arial;
	line-height: 40px;
	text-align: right;
	font-weight: normal;
	text-shadow: 1px 1px 0px #efefef;
}
#navigation h3 a{
	color: #000066;
	text-decoration: underline;
}
#navigation h3 a:hover{
	text-decoration: underline;
	color:#006699;
}
#navigation > ul{
	background: transparent url(../graphics/navigation/nav_background.png) no-repeat 0px 0px;
	float: left;
	min-height: 65px;
}
#navigation ul li{
	list-style-type: none;
	float: left;
	position: relative;
	min-height: 65px;
}
#navigation li a{
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: gooddogregular, Arial;
	display: block;
}
#navigation li a:hover{
	color: #fff200;
}
#navigation li a.active{
	color: #fff200;
}

/*Main Links*/
#navigation > ul li.blue-nav{
	width: 120px;
}
#navigation > ul li.yellow-nav{
	width: 95px;
}
#navigation > ul li.light-red-nav{
	width: 175px;
}
#navigation > ul li.pink-nav{
	width: 53px;
}
#navigation > ul li.purple-nav{
	width: 160px;
}
#navigation > ul li.orange-nav{
	width: 131px;
}
#navigation > ul li.green-nav{
	width: 170px;
}

#navigation > ul li a{
	padding: 27px 0px 11px 0px;
	text-align: center;
	width: 100%;
}


/*Sublinks*/
#navigation > ul li:hover ul{
	display: block;
}

#navigation ul ul{
	width: 430px;
	padding: 17px;
	-webkit-border-radius: 0px 10px 10px 10px;
	border-radius: 0px 10px 10px 10px;
	display: none;
	position: absolute;
	top: 65px;	
}

#navigation ul ul li{
	display: block;
	width: 100%;	
	min-height: 0px;
}
#navigation ul ul li a{
	font-size: 27px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 0px;	
}
#navigation ul ul li span{
	
}
#navigation ul ul li:first-child a{
	padding-top: 0px;
}

#navigation > ul li.blue-nav ul{
	
}
#navigation > ul li.yellow-nav ul{
	left: -20px;
	background: url(../graphics/navigation/nav_services_images.png) no-repeat 240px center #d69f00;
	width:400px;
	z-index:1000!important;
}
#navigation > ul li.light-red-nav ul{
	left: 11px;
	background: url(../graphics/navigation/nav_prizes_images.png) no-repeat 205px center #bc5853;
	width:300px;
	z-index:1000!important;	
	
}
#navigation > ul li.pink-nav ul{
	
}
#navigation > ul li.purple-nav ul{
	
}
#navigation > ul li.orange-nav ul{
	left: -11px;
	background: url(../graphics/navigation/nav_more_images.png) no-repeat 250px center #cc5800;
	width:330px;
	
}
#navigation > ul li.green-nav ul{
	
}


@font-face {
    font-family: 'gooddogregular';
    src: url('../fonts/gooddog.eot');
    src: url('../fonts/gooddog.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gooddog.woff2') format('woff2'),
         url('../fonts/gooddog.woff') format('woff'),
         url('../fonts/gooddog.ttf') format('truetype'),
         url('../fonts/gooddog.svg#gooddogregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

  
/* ----------------------------------------------- *//* Header */

div#header {
	background: transparent url(../graphics/content/background-top2.png) no-repeat 0px 50px;
	margin: 0 auto;
	width: 960px;
	height: 10px;
  }
  
/* 8x6 */
body.narrow div#header {
  background: transparent url(../graphics/content/background-top-narrow.png) no-repeat 0px 50px;
  width: 770px;
  height: 10px;
  
  
  }  
  
div#header h1, /* for homepage */
div#header a /* for internal pages */ {
/*  background: transparent url(../graphics/header/logo.png) no-repeat 0 0; */
  margin: 0px 0 0 30px;
  font: Bold 1.6em Arial, verdana, arial, sans-serif;
/*  text-indent: -10000px; */
  }
  
div#header p {
	margin: 10px 0 0 30px;
	font: Bold 1.1em verdana, arial, sans-serif;
	color:#006699;
  }
  

  
body#homepage div#header,
body#short-term div#header {
  padding: 58px 0 13px;
  margin-top: -60px;
  }
  
body#car div#header,
body#van div#header,
body#home div#header,
body#travel div#header,
body#pet div#header {
  padding: 86px 0 13px;
  }
  

  
/* -------------------------------------------------------------------------- *//* Content Wrapper */

div#content-wrapper {
  background: transparent url(../graphics/content/background.png) repeat-y 0 0;
  margin: 0 auto;
  padding: 0 0 6px;
  width: 960px;
  }

#content-wrapper h1 {
  font: Bold 1.5em Arial, verdana, arial, sans-serif;
  margin-bottom:10px;
  }
  
#content-wrapper h2 {
	font: Bold 1.19em Arial, verdana, arial, sans-serif;
	margin-bottom:10px;
	color:#006699;
  }

#content-wrapper p {
	padding: 0px;
	margin-bottom:10px;
	font: 0.76em Arial, verdana, arial, sans-serif;
	line-height:1.5em;
	
  }
  
    	
 /* 8x6 */
body.narrow div#content-wrapper {
  background: transparent url(../graphics/content/background-narrow.png) repeat-y 0 0;
  width: 770px;

  }
  
#bodi-left {
	float:left;
	width:540px;
	padding-right:50px;
	}
	
#bodi-left li {
	font:Bold 0.76em Arial, verdana, arial, sans-serif;
	margin:13px 0px 0px 0px;
	}
	
	
#bodi-right {
	background-image:url(../graphics/content/arkfarm-logo.png);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	width:300px;
	padding-bottom:0px;	
	}
	
#bodi-rightPonies {
	background-image:url(../graphics/content/arkfarm-Ponies-logo.png);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	width:300px;
	padding-bottom:15px;	
	}	

#bodi-right img {
	border:solid 3px #CCC;
	}

#bodi-rightContent {
	margin-top:285px;
	padding:0px;
	margin-bottom:0px;
	padding-bottom:0px;}
	
.fulllengthgallery {clear:both; margin:30px}
.fulllengthgallery img {margin-right:14px; margin-bottom:20px; border:solid 3px #CCC;}

.fulllengthgalleryMovL {float:left}
.fulllengthgalleryMovR {float:right}

#bodi-rightContent p {
	font: 0.88em verdana, arial, sans-serif;
	padding-left:0px;
	margin-left:0px;
	}
	
body.narrow  #bodi-rightContent {
	margin-top:220px;
	margin-bottom:0px;
	padding-bottom:0px;
	}

body.narrow  div#bodi-left {
	float:left;
	width:470px;
	padding-right:20px;
	}
	
body.narrow  #bodi-right {
	background-image:url(../graphics/content/arkfarm-logoSmall.png);
	background-repeat:no-repeat;
	height:200px;
	background-position:top;
	float:left;
	width:210px;
	padding:15px;
	}

#applicationImages {
	clear:both;
	/*height:90px;*/
	height: auto;
	padding:0 28px;
	margin-top:10px!important}
	
body.narrow  #applicationImages {
	clear:both;
	background-image:url(../graphics/content/applicationImagesSmall.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:74px;
	padding:0 25px;}

.calltoactionwrappa {
	clear:both;
	padding:0px 30px;
	width:900px;
	}
	
body.narrow  .calltoactionwrappa {
	clear:both;
	padding:0px 15px;
	width:740px;
	}

.calltoaction {
	margin:10px 0px;
	padding:10px 0px 10px 10px;
	background-color:#daeafa;
	font:bold 1.0em arial, verdana, sans-serif;
	color:#006699;
	}
	
body.narrow  #applicationImages {
	clear:both;
	background-image:url(../graphics/content/applicationImagesSmall.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:74px;
	padding:0 25px;}
	
.calltoaction a:link {color:#006699; text-decoration:underline !important}
.calltoaction a:visited {color:#666666; text-decoration:underline !important}
.calltoaction a:hover {color:#cc0000; text-decoration:underline !important}


body.narrow  #applicationImages {
	clear:both;
	background-image:url(../graphics/content/applicationImagesSmall.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:74px;
	padding:0 25px;}

div#content-wrapper ul {
  margin: 0 24px 0;
  }
  
div#content-wrapper ol {
  margin: 0 34px 0;
  }
  
  
div#content-wrapper a:hover,
div#content-wrapper a:focus {
	text-decoration: underline;
  }
  
div#primary-content div#breadcrumbs {
  background: #FFF url(../graphics/internal-page/content-background-topp.gif) no-repeat 0 0;
  padding: 15px 35px 10px;
  }
      
div#primary-content hr {
	background-color: #f48d1f;
	margin: 0 35px;
	border: none;
	}            
      

      
/* ---------------------- *//* Definition list */

dl {
	margin: 15px 35px;
	font-size: 0.8em;
	}
	
dt {
	margin-top: 15px;
	font-weight: bold;
	}
	
dd {
	margin-left: 10px;
	}      

div#primary-content ul ul {
  font-size: 1.25em;
  }
  
/* ----------------------------------------------- *//* Footer Links */

div#footer-links {
  background: transparent url(../graphics/content/background-bottom.png) no-repeat 0 100%;
  margin: 0 auto;
  padding: 0 0 35px;
  width: 960px;
  margin-bottom: 200px;
  padding-top: 27px;
  }
  
  
 /* 8x6 */
body.narrow div#footer-links {
  background: transparent url(../graphics/content/background-bottom-narrow.png) no-repeat 0 100%;
  width: 770px;
  }


div#footer-links ul {
  width: 880px;
  margin: 0 auto;
  padding: 7px 10px 10px;
  border: 1px solid #f48d1f;
  border-left: none;
  border-right: none;
  text-align: center;
  }

.footer-links-news{
	background: black;
	position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
}  
  
 /* 8x6 */
body.narrow div#footer-links ul {
  width: 720px;
  }
  
div#footer-links li {
  display: inline;
  padding: 0 5px;
  }
  
 /* 8x6 */
body.narrow div#footer-links li {
  display: inline;
  padding: 0 4px;
  }
  
div#footer-links a {
  font: bold 0.7em/0.1em verdana, arial, sans-serif;
  color: #b70000;
  text-decoration: none;
  }
  
 /* 8x6 */
body.narrow div#footer-links a {
  font: normal 0.7em/0.1em verdana, arial, sans-serif;
  }

div#footer-links a:hover, 
div#footer-links a:focus {
	color: #7c0404;
	text-decoration: underline;
	}
	

  
/* -------------------------------------------------------------------------- *//* Footer Wrapper */

div#footer-wrapper {
  height: 180px;
  width: 100%;
/* add in for bottom align  position: fixed;
  bottom: 0;*/
  }
  
div#footer-wrapper div {
  margin: 0 auto;
  width: 960px;
  }
  
body#homepage div#footer-wrapper div div#boy-window,
body#car div#footer-wrapper div div#boy-window,
body#short-term div#footer-wrapper div div#boy-window {
  background: transparent url(../graphics/animations/boy-window.gif) no-repeat 0 0;
  width: 11px;
  height: 21px;
  margin: 110px 0 0 17px;
  }
  
 /* 8x6 */

body#homepage.narrow div#footer-wrapper div div#boy-window,
body#car.narrow div#footer-wrapper div div#boy-window,
body#short-term.narrow div#footer-wrapper div div#boy-window,  
body#van div#footer-wrapper div div#boy-window,
body#home div#footer-wrapper div div#boy-window,
body#travel div#footer-wrapper div div#boy-window {
  display: none;
  }
  
body#homepage div#footer-wrapper{
  background: transparent url(../graphics/footers/car-footer2.png) no-repeat 50% -80px;
  position: fixed;
  left: 0px;
  bottom: 16px;
}
  
	div#footer-wrapperPonies {
  background: transparent url(../graphics/footers/ponies-footer.png) no-repeat 50% -80px;
  }
  
<!--body#homepage div#footer-wrapperPonies, body#car div#footer-wrapperPonies, body#short-term div#footer-wrapperPonies {-->
<!--  background: transparent url(../graphics/footers/ponies-footer.png) no-repeat 50% -80px;-->
<!--  }  -->
  

  
/* ----------------------------------------------- *//* Footer Links */

div#footer {
  margin: 0 auto;
  width: 960px;
  height: 232px;
  }
  
.hide {
  display: none;
  }
  
.small_input {
  margin: 0 10px 0 0;
  }


.bold { font-weight: bold }

/* ---------------------------------------------------------------------------------*//* Clearfix */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}



/* End hide from IE-mac */
#facebox .b { background:url(http://www.arkfarm.co.uk/graphics/b.gif);}
#facebox .tl { background:url(http://www.arkfarm.co.uk/graphics/tl.gif);}
#facebox .tr { background:url(http://www.arkfarm.co.uk/graphics/tr.gif);}
#facebox .bl { background:url(http://www.arkfarm.co.uk/graphics/bl.gif);}
#facebox .br { background:url(http://www.arkfarm.co.uk/graphics/br.gif);}
#facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 150; text-align: left;}
#facebox .popup { position: relative;}
#facebox table { margin: auto; border-collapse: collapse;}
#facebox .body { padding: 10px; background: #fff; width: 600px;}
#facebox .loading { text-align: center;}
#facebox .image { text-align: center;}
#facebox img { border: 0;}
#facebox .footer { border-top: 1px solid #DDDDDD;  padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0;}


/*for random quotes*/


#quote-box {background: #efefef; border:solid 1px #efefef; margin:15px 22px 0px 28px; padding:20px 30px 10px 30px; width:842px;}
#quote-content {color:#006699; font-size:14px; line-height:20px; font-style:normal; font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;}
#quote-author {clear:both; color:#666666; display:block; font-family:Arial, Helvetica, sans-serif; font-style:normal; padding-top:10px; font-size:12px; font-weight:bold}
p.quotes {margin-bottom:15px}

#reload-box {margin-top:10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:5px 10px 0px 10px;}
#reload-box a:link {color:#666666; text-decoration:none; font-style:italic}
#reload-box a:visited {color:#666666; text-decoration:none; font-style:italic}
#reload-box a:hover {color:#006699; text-decoration:underline; font-style:italic}

.nav-padding-top {padding-top:13px!important; line-height:22px}