@charset "utf-8";
/*
Theme Name: Futurity Media Template
Theme URI: http://www.futuritymedia.com
Description: Custom theme for Futurity Media, by Eclipse Creative
Author: Eclipse Creative
Author URI: www.eclipse-creative.co.uk
Version: 0.1
*/
/*
	Reset
****************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* 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, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {

}

/* 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;
}

body{font-family: Georgia, "Times New Roman", Times, serif; font-size:62.5%; color:#000; background-color:#595548;}

h1{font-family: Georgia, "Times New Roman", Times, serif; font-size:4.3em; font-weight:normal; color:#9C9489; margin-bottom:8px;}
	#header h1{margin-bottom:0;}
h2{font-family: Georgia, "Times New Roman", Times, serif; font-size:3em; color:#9C9589; font-weight:normal; margin-bottom:10px;}
	#rightCol h2{font-size:2.4em;}
h3, #main legend{font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:2em; color:rgb(255,120,0); margin-bottom:11px;}
h4{font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.9em; color:#9b9b9b; margin-bottom:12px; font-style:italic;}
h5, #footer legend{font-size:1.9em; font-style:italic; color:#fff; font-weight:normal; margin-bottom:5px;}
h6{font-size:1.2em; font-weight:normal; margin-bottom:8px;}

p{font-size:1.4em; margin-bottom:15px; line-height:1.4em; letter-spacing:0.02em; font-family: Georgia, "Times New Roman", Times, serif;}

img.border-btm {border-bottom: 1px solid #ccc;}

ul, ol{padding-left:25px; margin-bottom:15px;}
li{font-size:1.4em; line-height:1.4em; margin-bottom:8px; font-family: Georgia, "Times New Roman", Times, serif;}

address{font-size:1.1em;}

a{color:rgb(255,120,0); text-decoration:none;}
a:visited{color:rgb(255,120,0);}
a:hover{text-decoration:underline;}

a img{border:none;}

blockquote{padding:15px; font-size:0.8em;}
blockquote span{display:block; font-weight:bold; margin:8px 0;}

input{padding:3px; font-size:1.2em; margin:3px 0; border:none;}

/*
	Page structure
****************************/
#top {background: #a5a190; display: block; height: 89px; padding-top: 18px;}
.container{width:960px; margin:0 auto; position:relative;}
.col{display:inline; float:left;}
#page{width:100%; height:100%; background-color:#FFF;} /*Global container, containing all page elements*/
#header, #main, #footer{width:100%; height:auto; position:relative;}
#header{height:35px; margin-bottom:25px; padding:0; background: url(i/nav-bkg.png) scroll repeat-x 0 0; z-index:2}
#main{padding:0 0 10px 0; z-index:1}
	#main #leftCol{width:540px; margin:0 10px;}
	#main.homepage{padding-top:0;}
	#main.homepage #leftCol, #footer-left{width:670px;}
		#main #homeLeftCol{width:430px;}
		#main #homeMiddleCol{width:209px; float:right; padding-left:10px;}
	#main #rightCol{width:300px; float:right; padding-left:36px; margin-right:14px;}
		#main.homepage #rightCol{margin-top:40px; width:219px;}
		
#footer{background-color:#595548; color:#fff; padding:15px 0;}
	#footer .container{width:940px;}
	#footer .col{padding:10px 10px 10px 0; margin-right:20px; height:115px;}
	

/*
	Header
****************************/
	/* Nav 
	***********/
	.nav{display:block; height:35px; padding:0; position:relative; margin:0 10px; width: 615px; float: left;}
	.nav li{display:inline; float:left; margin:0; text-align:center; position:relative; width:91px;}
	.nav a, .nav a:visited{
	display:block; padding:0 5px; color:#FFF; text-decoration:none; font-weight:normal; 
	height:35px; line-height:35px; border-right:1px solid #dddbd6; width:80px;}
	.nav:first-child{border-left:1px solid #dddbd6;} /* first border right */
	
	.nav li:hover ul a, .nav li:hover ul a:visited{background:#fff; color:rgb(255,120,0);}
	
	.nav li.current_page_item a, .nav li.current_page_item a:visited, 
	.nav li.current_page_parent a, .nav li.current_page_parent a:visited{
		background:rgb(255,120,0); color:#fff;
	}
		
	#top-contact {border: none; width: auto; float: right; padding: 11px 0 0;}
		#top-contact a {width: auto; display: inline; float: left;color: white; font-size: 12px;}
		#futurity-email {padding-left: 15px;}

	
	/* SUB NAV */
	.nav ul{display:none; position:absolute; left:-1px;  background-color:#FFF; margin:0; width:220px; padding:0; border-color:#dddbd6; border-style:solid; border-width:0 1px 1px 1px; padding-left:15px;}
	.nav ul li{display:block; font-size:0.8em; margin:0; padding:0; text-align:left; position:relative; width:100%; color:#9c9489;}
	.nav ul a, .nav ul a:visited{width:100%; padding:0; border:none; display:block; color:#9c9489; font-size:1.35em; background:#fff;}
	.nav li ul li.page_item a, .nav li ul li.page_item a:visited {color: #9c9489;}
	.nav li.current_page_item a:hover {color: #fff !important;}
	.nav li ul li.page_item a:hover {color: rgb(255,120,0) !important;}
	
	/* -Hover- */
	.nav a:hover, .nav ul a:hover{color:rgb(255,120,0) !important; background:#fff;} /* CHange link colours */
	
	.nav li.current_page_item a:hover, 
	.nav li.current_page_parent a:hover{color:rgb(255,120,0);}
	
	.nav li:hover ul, .nav ul:hover{display:block;}/* on top nav hover, show sub links*/
	/* Hide advice sub pages */
	.page-item-32 ul{display:none !important;}
	


/*
	Main
****************************/

	/*
		Breadcrumb
	***********/
	.breadcrumb{margin:15px auto 30px;}
	.breadcrumb p{margin:0 10px;}
	
	/* Logo
	***********/
	#logo {display:block; width:250px; height:77px; position:relative; background:url(i/logo3.png) no-repeat scroll 0 0; text-indent:-9999em; z-index:100; outline:none; margin-left: 10px;}
	
	#banner{display:block; margin:20px 0 5px 0; padding:0; height:100px; width:660px; border:1px solid #d7021e; overflow:hidden;}
	#banner-nav{display:block; margin:0 0 20px 0; padding:0; height:25px; width:661px; text-align:right;}
		#banner-nav a, #banner-nav a:visited{display:inline; padding:0 8px 2px; font-size:16px; background:#ea1616; color:#fff; margin-left:3px;}
		#banner-nav a:hover, #banner-nav a.activeSlide{background:#ba0202;}
	/* Homepage Latest Blog */
	#latest-blog-post h3{color:rgb(255,120,0); font-weight:bold;}
	#post-date{padding-bottom:5px; border-bottom:1px solid #b6b6b6; font-family:arial, sans-serif; font-size:1.1em; font-style:normal;}
	
	/* Posts */
	.post-title{color:rgb(255,120,0); font-weight:bold;}
	.post-date{padding-bottom:5px; border-bottom:1px solid #b6b6b6; font-family:arial, sans-serif; font-size:1.1em; font-style:normal;}
	
	/* Search */
	#main input, textarea{border:1px solid #CCCCCC;}
	#main #searchform{margin-bottom:25px;}
	
	/* 404 take me links */
	#main .takeMeLinks{padding-left:20px;}
	#main .takeMeLinks li{margin-bottom:5px; list-style:outside disc; color:rgb(255,120,0);}
	
	/* comments */
	.waiting{color:#FF3333;}
	.comment{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #666;}
	#comment{font-size:1.2em; font-family:Georgia,"Times New Roman",Times,serif; padding:3px;}/* textarea for comment */
	
	/* Right col
	*************/
	#rightCol ul{padding-left:0; position:relative;}
	#rightCol li{list-style:none; margin-bottom:0; font-size:1.2em;}
	
	#rightCol ul.services li{color:rgb(255,120,0); list-style:inside disc;}
	#rightCol ul.services li.head{font-weight:bold; list-style-type:none; list-style-position:outside; color:#000;}
	#rightCol ul.services li span{color:#000;}
	
/*
	Footer
****************************/
#footer a, #footer a:visited{color:#fff; font-style:italic;}
#footer a:hover{color:#fff;}

#footer p{font-size:1.1em;}
#footer p.contactDetails{float:left; display:inline; margin-left:15px;}
#footer address{float:left; display:inline; line-height:1.4em;}

#footer li{margin-bottom:0;}

.takeMeLinks{padding-left:0; margin:0; display:inline; float:left; width:65px;}
.takeMeLinks li{list-style-position:outside; list-style:none;}

#footer #searchsubmit{width:40px; font-size:1.4em; background:none; color:#fff; cursor:pointer; border:none; padding:1px 3px; text-align:left; font-style:italic;}

#foot-col-a {width: 200px;}
#footer-left #foot-col-c {margin-right: 0; border: none;}
#footer #foot-col-d {display:inline;float:left;padding-left:20px;width:230px; margin-right: 0;}

#footer-left {padding-right: 10px; border-right: 1px dashed white; display: inline; float: left;}

/*
	Custom Classes
****************************/
.clear{clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

.clearLeft{clear:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.borderRight{border-right:1px dashed #968d81;}
.borderLeft{border-left:1px dashed #968d81;}
.orange{color:rgb(255,120,0);}
.marginRight12{margin-right:8px;}
.smallOrange{font-size:2em; color:rgb(255,120,0); margin-bottom:11px;}
.paddLeft{padding-left:120px;}
.tipTitle{margin-bottom:0;}
.floatRight{float:right;}

#footer .col.no-pad-right{padding-right:0;}

#footer .borderLeft, #footer .borderRight{border-color:#fff;}

/*
	Share Box
**************************/
.share {display: block; width: 476px; padding: 20px; background-color: #e0ddd1; border: 1px solid #e7e7e7; margin: 30px 0; font-family:”HelveticaNeue-Light”,”Helvetica Neue Light”,”Helvetica Neue”,Helvetica,arial,sans-serif;}
.author-image {margin-right: 30px; display: inline; float: left;}
.author-bio {display: inline; float: left; padding-top: 12px; margin-bottom: 0;}
	.author-bio h4 {font-size: 12px; line-height: 16px;font-family:”HelveticaNeue-Light”,”Helvetica Neue Light”,”Helvetica Neue”,Helvetica,arial,sans-serif; font-style: normal;}
	.author-bio h4 span {color: #FF7800; font-size: 13px;}
.post-info {display: inline; float: right;padding-top: 12px; margin-bottom: 10px; width: 230px;}
	.post-info p {font-family:”HelveticaNeue-Light”,”Helvetica Neue Light”,”Helvetica Neue”,Helvetica,arial,sans-serif; font-style: normal; font-size: 12px; color: #777; margin-bottom: 0; line-height: 16px; text-align: right;}
	.post-info span {color: #FF7800;}
.post-info p.tags {width: 150px; float: right;}
.social p {font-family:”HelveticaNeue-Light”,”Helvetica Neue Light”,”Helvetica Neue”,Helvetica,arial,sans-serif; color: #777; font-size: 12px;}

.sociable p {margin-bottom: 4px;}
.sociable ul {display:inline;margin:0 !important;padding:0 !important;}
.sociable ul li {background:transparent none repeat scroll 0 0;display:inline !important;list-style-type:none;margin:0;padding:1px;margin-left: 7px;}
.sociable ul li.sociablefirst {margin-left: 0;}
.sociable img {border:0 none;float:none;height:32px;margin:0;padding:0;width:32px;}

/*
	Test Area
***************************
.nav li.current_page_item, .nav li:hover{background:url(i/nav/right-nav.png) right center no-repeat scroll;}
.nav li a:hover, .nav li.current_page_item a, .nav li.current_page_item a:visited, .nav li:hover a{background:url(i/nav/left-nav.png) left center no-repeat scroll;}*/

#our-clients td {border: 1px solid #eee; vertical-align: middle;}