/* iFamily - ifamily.co.uk */
/* Designed by Richard Senior */
 
/* Copyright all rights reserved */
/* Last update: 6th May 2010 */
/* Palette
 
silver #7498a2
gold #e2ad81
rose #e2ad81
paleblue #e0f3f9
boldblue 50b3b8
dark brown #383838

blue: e2ad81
beige e2ad81
*/
 
body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1em; 
background: #F0F0F0 url(/a/i/header-bg.gif) top left repeat-x ;
}
a:link {color: #7498a2;}
a:visited {color: #7498a2;}
 
	
/* layout */
 
#wrap {
	margin: 0px auto;
	margin-top: -1px;
	width: 1000px;
	margin-bottom: 120px;
	background: #fff url(/a/i/wrap-header-bg.jpg) top left no-repeat ;
	}
	
h1 {
float:left;
	margin: 0px auto;
	margin-top: -1px;
	width: 1000px;
	}
 
#content {
	float: left;
	width: 980px;
	font-size: 95%;
	color: #292929;
	line-height: 1.5em;
	background: #fff;
	margin-left: 0px;	
	}
 
#content p strong {
	color: #e2ad81;
	}
	
#sidecol {
	float: left;
	width: 440px;
	color: #383838;
	height: 100%;
	margin-left: 40px;
	}
 
#sidebar {
	float: left;
	width: 440px;
	color: #383838;
	height: 100%;
	margin-left: 40px;
	}
 
#banner {
	margin: 0px 0 10px 10px;
	padding-top: 10px
	}
 
#footer {
clear: both;
color: #383838;
padding: 70px;
background: #f0f0f0 url(/a/i/footer-header-bg.jpg) top left no-repeat ;
	}
 
/* gutters */
 
#content .gutter {
	padding: 25px 30px 5px 20px ;
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 5px 5px 5px 20px ;
	margin: 0px auto;
	}
 
/* header */
 
#header {
padding: 0px 0 0 0;
font-size: 95%;
overflow: hidden;
	}
	
#header-inner {
width: 1000px;
margin: 0 auto;
height: 90px;
}
	
#header #ads {
float: right;
margin: 50px 40px 0 0;
}
					
#header #logo {
float: left;
margin: -7px 0 5px 40px;
}
#header #logo span {
display: block;
width: 200px;
height: 50px;
text-indent: -9999px;
background: url(/a/i/ifamily-logo.gif) no-repeat top left;
}
		
/* sidebars */
 
.box {
float: left; 
width:260px; 
height: 200px;
margin: 0 20px 20px 20px;
padding: 0 0 12px 0;
font-size: 85%;
line-height: 1.5em;
}

.box h3 {
	text-align: left;
	}

 
.mainimage {
margin-left: -10px;
}
	
.box img { 
	padding-bottom: 20px;
}
 
.box p, .box ul {
	margin: 0;
	padding: 0 0px;
	}
.box ul li, ul li  {
	margin: 10px 0 10px 0px;
	padding: 0 0 0 0px;
	list-style: none;
	background: url(/a/i/bullet.gif) no-repeat 0 3px;
	}
	
ul li  {
	background: url(/a/i/bullet.gif) no-repeat 0 -3px;
	padding: 0 0 10px 38px;
	}
#sidebar ul li {
       margin: 0;
       padding: 0 0 10px 0px;
}
 
#sidebar a:link {color: #7498a2;}
#sidebar a:visited {color: #7498a2;}
	
li.linkcat {
	list-style: none;	
}
 
/* footer */
 
#footer p {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	color: #999; 
	}
	
#footer a:link {
	color: #999;
	}
#footer a:visited {
	color: #999;
	}
	
h1, h2 {
	margin: 0 0 .2em 20px;
	padding: 0.6em 0 .6em 0;
	font-family: arial, verdana, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #8e8c8c;
	}
	
h1 {
	margin: 0 0 .2em 20px;
	padding: 0.6em 0 .6em 20px;
	}
	
 
h1 a:link {
	color: #8e8c8c;
   text-decoration: none;
	}
h1 a:visited {
	color: #e2ad81;
   text-decoration: none;
	}
	
#sidebar h3, #sidecol h3 {color: #999;}
 
 
/*  IE fixes */
 
#content, #sidebar {
	height: 1%;
	}
 
.feature { 
	display: inline-table; 
	}
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
.feature { 
	display: block; 
	}
#footer {
	height: 1%;
	}
/* End hide from IE/Mac */
 
 
/* main nav*/
 
#mainnav {
	
	width: 60em;
	margin: 20px 0 0 500px;
	padding: 10px 0 0 0;
	list-style: none;
	}
#mainnav li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	}
#mainnav li a {
	float: left;
	margin: 0;
	padding: 10px 1.1em;
	font-family: arial, verdana;
	font-size: 1.0em;
        font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #000;
	background: #fff;
	}
#mainnav li a:hover {
	color: #f00;
	background: #fff;
	}
body#home #mainnav li#mn1 a {
	color: #000;
	background: #fff;
	}
body#compare #mainnav li#mn2 a {
	color: #fff;
	background: #e2ad81;
	}
body#gifts #mainnav li#mn3 a {
	color: #fff;
	background: #e2ad81;
	}
body#about #mainnav li#mn4 a {
	color: #fff;
	background: #e2ad81;
	}
 
/* misc.
--------------------------------------------- */
 
a img {
	border: none;
	}
hr {
	display: none;
	}
	
/* blog post navigation controls
--------------------------------------------- */	
	
	.navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
		}
 
	.alignright {
		float: right;
		}
 
	.alignleft {
		float: left
		}
 
/* feature article intros
--------------------------------------------- */		
		
#feature {
	float: left;
	width: 440px;
	padding: 0px 0;
/* background: #F0F0F0 url(/a/i/feature-bg2.gif) no-repeat top left; */
	margin: 10px 0px;
	display: inline;  /* fixes IE/Win double margin bug */
	}
#feature dl {
	float: left;
	width: 440px;
	margin: 10px 0px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	}
#feature dt {
	float: right;
	width: 340px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 140%;
	color: #627081;
	}
#feature dd {
	margin: 0 0 0 98px;
	padding: 0 0 0 0;
	line-height: 1.5em;
	color: #333;
	}
#feature dl dd.img {
	margin: 0;
	}
#feature dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #F0F0F0;
	}
 
/* YOU CAN QUOTE ME ON THAT */
 
#content blockquote {
	width: 580px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: georgia, serif;
	font-size: 150%;
	letter-spacing: -1px;
	line-height: 1em;
	color: #545454;
	background: #eee url(/a/i/quote-top.gif) no-repeat top left;
	clear: both;
	}
	
	
#content #quote {
	margin: 0 10px 0 0;
	padding: 20px 10px 10px 20px;
	background: url(/a/i/fi_bottom.gif) no-repeat right bottom;
	}
	
#content #author {
	margin: 0;
	padding: 0 0 10px 0;
	color: #999;
	font-size: 60%;
	background: url(/a/i/quote-bottom580.gif) no-repeat bottom;
	}
	
#content blockquote strong, #sidebar blockquote strong {
	color: #06c;
	font-weight: normal;
	}
 
#content blockquote em, #sidebar blockquote em {
	color: #79b500;
	font-weight: normal;
	font-style: normal;
	}
/* Adverts */
 
#adverts {
margin-left: -12px;
 
}
 
dl.feature {
	margin: 15px 0;
	padding: 15px 0;
/*	border-top: 1px dotted #ccc; */
	border-bottom: 1px dotted #ccc; 
	}
dl.feature:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	color: #301818;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	}
dl.feature dd {
	margin-left: 169px;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	}
	
	
/*** Slideshow - set the width and height to match your images **/

#slideshow {position:relative; height:267px; margin:0px 0 10px 10px; padding-top: 10px; width: 980px; overflow: hidden;background-color: #fff;}
#slideshow DIV {position:absolute;top:10;left:10;z-index:8;opacity:0.0;height: 267px;}
#slideshow DIV.active {z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 267px;display: block;border: 0;margin-bottom: 0px;}
 #slideshow p {margin: -19px 0 0 480;  background:black;opacity:.2;color:white;	width:480px;padding:4px;font-size:1em;}