@charset "UTF-8";



/* ---------------------------------------------------------------------


STEVEN HAIGH IFA HUDDERSFIELD

SCREEN - Core Stylesheet

web				: http://www.soloandjones.com
filename		: global.css
version			: 1.0

author			: Solo & Jones Design
web				: http://www.soloandjonesdesign.com
copyright		: (c) 2010 Solo & Jones Design


----------------------------------------------------------------------*/



/*----------------------------------------------------------------------
	P A G E   L A Y O U T   S T R U C T U R E
----------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
}

body#home 			a#homeLink,
body#aboutus 		a#aboutusLink,
body#investments 	a#investmentsLink,
body#pensions		a#pensionsLink,
body#mortgages		a#mortgagesLink,
body#protection 	a#protectionLink,
body#tax			a#taxLink,
body#links 			a#linksLink,
body#contactus 		a#contactusLink {
	text-decoration: none;
	background: url(images/bg-nav-active.png) no-repeat 50% 100%;
	color: #f79431;

}

#wrapper {
	width: 960px;
	padding: 0px 0px 34px 0px;
	margin: 0px auto;
	min-height: 100%;
	overflow: hidden;
}

html, body {
	height: 100%;

}



/*----------------------------------------------------------------------
	H E A D E R   A N D   L O G O
----------------------------------------------------------------------*/

#header {
	padding:0px 0px 0px 0px;
	float: left;
	width: 958px;
	background-image: url(images/stevenhaighbanner.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#header h1 {
	width:300px;
	height:132px;
	margin:20px 0px 0px 20px;
	padding:0;
	display:block;
	font-size:10px;
	line-height:10px;
	background-image: url(images/positivesolutionslogo.gif);
}

#header h1 a {
	width:300px;
	height:132px;
	margin:0px;
	padding:0px;
	display:block;
	outline: none;
}

#header h1 a span,
#header h2 {
	display:none;
}

#header h3 {
	width:300px;
	height:132px;
	margin:20px 0px 0px 20px;
	padding:0;
	display:block;
	font-size:10px;
	line-height:10px;
	background-image: url(images/positivesolutionslogo.gif);
}

#title {
	width:280px;
	height:132px;
	margin:70px 0px 37px 37px;
	padding:0;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #f79431;
	line-height:0.9em;
}

#title span {
	font-size: 0.5em;
}

.title2 {
	width:280px;
	margin:0px;
	padding:6px 0px 0px 0px;
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height:1.1em;
}

.title3 {
	width:280px;
	margin:0px;
	padding:12px 0px 0px 0px;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height:1em;
}

#line {
	float: left;
	margin-top: 18px;
}





/*----------------------------------------------------------------------
	M A I N   N A V I G A T I O N
----------------------------------------------------------------------*/


#menubar {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	height: 59px;
}

.nav {

	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	height:1%;
	list-style:none;
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;

}

.nav li {
	float: left;
	display: inline;
	padding:7px 0px 0px 0px;
	margin: 0px;
}

.nav li:first-child {
	padding-left: 26px;
}

.nav li a {
	float:left;                 
	padding: 12px 10px 14px 10px;
	text-decoration: underline;
	color: #ffffff;
	outline: none;
}

.nav li a:hover {
	outline: none;
	color: #f79431;
	text-decoration: none;
}


/*----------------------------------------------------------------------
	M A I N   A R E A   C O N T E N T
----------------------------------------------------------------------*/

#content {
	float: left;
	width: 900px;
	padding: 45px 0px 0px 0px;
	margin: 0px;
	height: auto;
}

#left-column {
	float: left;
	width: 300px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -720px;
}


.brochure-box {
	background-image: url(images/brochure-back.jpg);
	width: 280px;
	height: 89px;
	background-repeat: no-repeat;
	padding: 0px 0px 7px 0px;
}

.brochure-box p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 0.9;
	color: #333333;
	padding: 12px 0px 0px 14px;
}

.brochure-box p span {
	font-weight: normal;
}




.download a {
	float: left;
	font-size: 0.7em;
	color: #333333;
	background-image: url(images/bg-subnav.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 17px;
	padding: 0px 0px 0px 25px;
	margin: 6px 0px 0px 15px;
	outline: none;
}

.download a:hover {
	background-image: url(images/bg-subnav-active.gif);
	background-repeat: no-repeat;
	color: #666;
	outline: none;
	
}




.newsletter-box {
	background-image: url(images/newsletter-back.jpg);
	width: 280px;
	height: 89px;
	background-repeat: no-repeat;
	padding: 0px 0px 7px 0px;
}

.newsletter-box p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 0.9;
	color: #333333;
	padding: 12px 0px 0px 14px;
}

.newsletter-box p span {
	font-weight: normal;
}

.login-box {
	background-image: url(images/login-back.jpg);
	width: 280px;
	height: 89px;
	background-repeat: no-repeat;
}

.login-box p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 0.9;
	color: #333333;
	padding: 12px 0px 0px 14px;
}

.login-box p span {
	font-weight: normal;
}

.address {
	width: 270px;
	padding: 24px 0px 0px 14px;
	margin: 0px;
	color: #424242;
}

.address span {
	font-weight: bold;
}

.address a:link { text-decoration: underline; outline: none; color:#333333; }
.address a:hover { text-decoration: underline; outline: none; color:#f79431; }
.address a:visited { text-decoration: underline; outline: none; color:#333333; }



#right-column {
	float: right;
	width: 159px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

.personaltext {
	float: left;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 10px 20px 10px;
	margin: 0px 10px 10px 0px;
	width: 137px;
	line-height: 1.2;
	color: #333;
	background-color: #EEE;
	border: 1px solid #ccc;
}



a img {
	border:0;
}

#text {
	width: 400px;
	float: left;
	margin-left: 340px;
}

#infoportfolio {
	float: left;
	width: 100%;
	border: 0px;
}

#infocontent {
	float: left;
	width: 430px;
	padding: 0px;
}

#info a.email:link { text-decoration: underline; outline: none; color:#021724; }
#info a.email:hover { text-decoration: underline; outline: none; color:#40b8ea; }
#info a.email:visited { text-decoration: underline; outline: none; color:#021724; }


.inner a.email:link { text-decoration: underline; outline: none; color:#fff; }
.inner a.email:hover { text-decoration: underline; outline: none; color:#1289bf; }
.inner a.email:visited { text-decoration: underline; outline: none; color:#fff; }


a.email:link { text-decoration: underline; outline: none; color:#021724; }
a.email:hover { color: #40b8ea; outline: none; }
a.email:visited { color: #40b8ea; outline: none; }


#content {
	float: left;
	width: 960px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 50px 0px;
}




.bullets {
	font-size: 1em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	height:1%;
	float: left;
	list-style-type: circle;
	list-style-position: inside;
	line-height: 1.5em;
	padding: 0px 0px 15px 10px;
	margin-left: 10px;
	

}

.bullets li {
	float: left;
	padding:0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
}

.points {
	float: left;
	font-size: 0.9em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: circle;
	list-style-position: inside;
	line-height: 1.4em;
	padding: 0px 0px 30px 10px;
}

.points li {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.linkheaders {
	font-size: 1.1em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 30px 0px 0px 0px;
}


.smallprint {
	font-size: 0.8em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	height:1%;
	float: left;
	list-style-type: circle;
	list-style-position: outside;
	line-height: 1.5em;
	padding: 0px 0px 0px 10px;
	margin-left: 10px;
	

}

.smallprint li {
	float: left;
	padding:0px 0px 15px 0px;
	margin: 0px;
	width: 100%;
}



/*----------------------------------------------------------------------
	 F O O T E R
----------------------------------------------------------------------*/

#footer {
	float: left;
	padding: 20px 24px 10px 24px;
	margin: 0px;
	width: 960px;
	background-color: #CCCCCC;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(images/footer.gif);
	margin: 0px;
	width: 912px;
	font-size: 0.8em;
}

p.footertitle {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px;
	margin: 0;
}

p.important {
	padding: 10px 0px 10px 0px;
}
p.important a:link { color:#666; }
p.important a:hover { color:#f79431; }







.info {
	float: left;
	width: 936px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
}




.infoMenu {
	overflow:hidden;
	font-size: 0.6em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif; 
	height:1%;
	margin:0 10px;
	padding:0;
	list-style:none;
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.infoMenu li {
	float: left;
	display: inline;
	padding:0 0 0 1px;
	margin: 0px;
	background:url(images/sep-nav.gif) no-repeat 0 50%;
}

.infoMenu li:first-child {
	background:none;
	padding-left: 0px;
}

.infoMenu li a {
	float:left;                 
	padding: 10px;
	margin-left: 0px;
	text-decoration: underline;
	color: #333333;
	outline: none;
}

.infoMenu li a:hover {
	outline: none;
	color: #021724;
	text-decoration: none;
}


a img {
	border:0;
}


/*----------------------------------------------------------------------
	T E X T
----------------------------------------------------------------------*/

p {
	color: #333333;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

h3 {
	color:#333333;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:1.3em;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	letter-spacing: -0.2px;
}

h4 {
	color: #f79431;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 10px 0px;
	line-height: 1em;
}

h5 {
	color: #f79431;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	line-height: 1em;
}