/*
Title:      	Para-Sols stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	16th May 2010
*/



/* WRAPPERS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #005a84;
	margin: 0 auto;
	background: url(../jpg/bg-tile.jpg) repeat top left;
	}
	
p {
	margin: 0 0 1em; 
	padding: 0
	}
	
ol {
	font-size: 90%;
	color: #467c95;
	line-height: 1.2em;
	}	
	
ol li {
	padding: 0 0 8px 0;
	}		

h1 {
 	text-align: left;
	font-size: 22px;
	color: #003045;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}

h2 {
	text-align: left;
	font-size: 16px;
	color: #003045;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}
	
h3 {
	text-align: left;
	font-size: 14px;
	color: #003045;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}

h4 {
  	text-align: left;
	font-size: 12px;
	color: #003045;
	font-weight: normal;
	font-family: "Georgia", serif, Times, Times New Roman;
	line-height: 1.3em;
	}
			
.clear {
 	clear: both;
 	}
	
.spacer {
 	clear: both;
	height: 30px;
	padding: 0;
	margin: 0;
 	}	
		
.divline {
	height: 1px;
	margin: 15px 0 15px 0;
	width: 100%;
	border-bottom: 1px dotted #cacaca;
	}
	
.img {
	padding: 0;
	margin: 0;
	border: 3px solid #e0e0e0;
	}	
	


	
	
	
/* GENERAL COMPONENTS */		

.normaltxt {
	text-align: justify;
	color: #005a84;
	font-size: 105%;
	line-height: 1.3em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#00af9d;
	text-decoration:none;
	}
	
.normaltxt a:active, .normaltxt a:hover {
	color:#00af9d;
	text-decoration:underline;
	}
	
.legalsubtitle {
	text-align: left;
	font-size: 110%;
	color: #003045;
	line-height: 1.7em;
	}	
	
.subtitle {
	text-align: left;
	font-size: 115%;
	color: #003045;
	font-weight: bold;
	line-height: 1.7em;
	}	
	
.question {
	font-family: "Georgia", serif, Times, Times New Roman;
	font-style: italic;
	text-align: left;
	font-size: 150%;
	color: #003045;
	line-height: 1.3em;
	}	
		
.largertxt {
	text-align: left;
	font-size: 120%;
	color: #005a84;
	line-height: 1.3em;
	}	
	
.largertxt a:link, .largertxt a:visited {
	color:#00af9d;
	text-decoration:none;
	}
	
.largertxt a:active, .largertxt a:hover {
	color:#00af9d;
	text-decoration:underline;
	}	
	
.quotenametxt {
	text-align: left;
	font-size: 90%;
	color: #80a7b9;
	line-height: 1.9em;
	}	
				
.smallertxt {
	text-align: justify;
	font-size: 90%;
	color: #467c95;
	line-height: 1.2em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#00af9d;
	text-decoration:none;
	}
	
.smallertxt a:active, .smallertxt a:hover {
	color:#00af9d;
	text-decoration:underline;
	}		
	
.thanxtxt {
	text-align: left;
	font-size: 130%;
	color: #fe0000;
	line-height: 1.3em;
	}	
	
.bulletlist {
	margin: 0 0 10px 0;
	padding: 5px 0 0 5px;
	list-style: none;
	color: #094460;
	width: 90%;
	}
	
.bulletlist ul {
	list-style: none;
	margin: 0;
	border: 0;
	}
	
.bulletlist li {
	color: #094460;
	line-height: 1.3em;
	padding: 0 0 8px 11px;
	font-size: 105%;
	background-image: url(../gif/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}	
	
.bulletlist a:link, .bulletlist  a:visited {
	color: #00af9d;
	text-decoration: none;
	}

.bulletlist a:active, .bulletlist a:hover  {
	color: #00af9d;
	text-decoration: underline;
	}	
	
.lhquotes {
	text-align: left;
	height: 45px;
	color: #3e3e3e;
	font-size: 115%;
	line-height: 1.3em;
	font-style: italic;
	text-align: left;
	padding: 5px 50px 5px 40px;
	background: url(../gif/lh-quote-bar.gif) no-repeat top left;
	font-family: "Georgia", serif, Times, Times New Roman;
	border-bottom: 1px dotted #dcddde;
	}	
	
.rhquotes {
	text-align: left;
	height: 45px;
	color: #696969;
	font-size: 115%;
	line-height: 1.3em;
	font-style: italic;
	text-align: right;
	padding: 5px 40px 5px 50px;
	background: url(../gif/rh-quote-bar.gif) no-repeat top right;
	font-family: "Georgia", serif, Times, Times New Roman;
	border-bottom: 1px dotted #dcddde;
	}		
	





/* GENERAL COMPONENTS */

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../gif/white-tile.gif) top left repeat;
	border-bottom: 3px solid #e0e0e0;
	}
	
#logoholder {
	width: 900px;	
	margin: 0 auto;
	padding: 0;	
	}
	
.logoleft {
	width: 290px;
	height: 130px;
	margin: 0;
	float: left;
	padding: 0;
	}		
	
.logoright {
	width: 205px;
	height: 130px;
	margin: 0;
	float: right;
	padding: 0;
	background: url(../jpg/tel.jpg) top right no-repeat;
	}	
	
	
	
	
	
	
/* MAIN NAV COMPONENTS */	

#mainnavcontainer {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	height: 45px;
	background: url(../jpg/mainnav/_bg.jpg) top left repeat-x;
	}	
	
#mainnavleft {
	width: 596px;
	margin: 0;
	float: left;
	padding: 0;
	}		
	
#mainnavright {
	width: 65px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
#mainnav {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#mainnav li {
    float: left;
	padding: 0;
	margin: 0;
	}	
	
#mainnav a * {
    display: none;
	}

#mainnav a, #mainnav a .hover {
    height: 45px;
	/*position: relative;*/
    display: block;
	}
	
#mainnav a.home {
    background: url(../jpg/mainnav/home.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 63px;
	}
#mainnav .highlight a.home:hover, #mainnav a.home .hover {
    background: url(../jpg/mainnav/home.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 63px;
	}		
#mainnav .selected a.home {
    background: url(../jpg/mainnav/home.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 63px;
	}	
	
#mainnav a.careers {
    background: url(../jpg/mainnav/careers.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 70px;
	}
#mainnav .highlight a.careers:hover, #mainnav a.careers .hover {
    background: url(../jpg/mainnav/careers.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 70px;
	}		
#mainnav .selected a.careers {
    background: url(../jpg/mainnav/careers.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 70px;
	}		
	
#mainnav a.benefits {
    background: url(../jpg/mainnav/benefits.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 74px;
	}
#mainnav .highlight a.benefits:hover, #mainnav a.benefits .hover {
    background: url(../jpg/mainnav/benefits.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 74px;
	}		
#mainnav .selected a.benefits {
    background: url(../jpg/mainnav/benefits.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 74px;
	}
	
#mainnav a.about-us {
    background: url(../jpg/mainnav/about-us.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 78px;
	}
#mainnav .highlight a.about-us:hover, #mainnav a.about-us .hover {
    background: url(../jpg/mainnav/about-us.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 78px;
	}		
#mainnav .selected a.about-us {
    background: url(../jpg/mainnav/about-us.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 78px;
	}
	
#mainnav a.faqs {
    background: url(../jpg/mainnav/faqs.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 50px;
	}
#mainnav .highlight a.faqs:hover, #mainnav a.faqs .hover {
    background: url(../jpg/mainnav/faqs.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 50px;
	}		
#mainnav .selected a.faqs {
    background: url(../jpg/mainnav/faqs.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 50px;
	}
	
#mainnav a.ps {
    background: url(../jpg/mainnav/ps.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 42px;
	}
#mainnav .highlight a.ps:hover, #mainnav a.ps .hover {
    background: url(../jpg/mainnav/ps.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 42px;
	}		
#mainnav .selected a.ps {
    background: url(../jpg/mainnav/ps.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 42px;
	}
	
#mainnav a.contact-us {
    background: url(../jpg/mainnav/contact-us.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 91px;
	}
#mainnav .highlight a.contact-us:hover, #mainnav a.contact-us .hover {
    background: url(../jpg/mainnav/contact-us.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 91px;
	}		
#mainnav .selected a.contact-us {
    background: url(../jpg/mainnav/contact-us.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 91px;
	}
	
#mainnav a.blog {
    background: url(../jpg/mainnav/blog.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 48px;
	}
#mainnav .highlight a.blog:hover, #mainnav a.blog .hover {
    background: url(../jpg/mainnav/blog.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 48px;
	}		
#mainnav .selected a.blog {
    background: url(../jpg/mainnav/blog.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 48px;
	}
	
#mainnav a.solutions {
    background: url(../jpg/mainnav/solutions.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 80px;
	}
#mainnav .highlight a.solutions:hover, #mainnav a.solutions .hover {
    background: url(../jpg/mainnav/solutions.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 80px;
	}		
#mainnav .selected a.solutions {
    background: url(../jpg/mainnav/solutions.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 80px;
	}	
			
#social {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#social li {
    float: left;
	padding: 0;
	margin: 0;
	}	
	
#social a * {
    display: none;
	}

#social a, #social a .hover {
    height: 45px;
	/*position: relative;*/
    display: block;
	}
	
#social a.linkedin {
    background: url(../jpg/mainnav/linkedin.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 26px;
	}
#social .highlight a.linkedin:hover, #social a.linkedin .hover {
    background: url(../jpg/mainnav/linkedin.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 26px;
	}		
#social .selected a.linkedin {
    background: url(../jpg/mainnav/linkedin.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 26px;
	}
	
#social a.twitter {
    background: url(../jpg/mainnav/twitter.jpg) 0 0 no-repeat;
	background-position: 0 0;
    width: 39px;
	}
#social .highlight a.twitter:hover, #social a.twitter .hover {
    background: url(../jpg/mainnav/twitter.jpg) 0 0 no-repeat;
	background-position: 0 -45px;
    width: 39px;
	}		
#social .selected a.twitter {
    background: url(../jpg/mainnav/twitter.jpg) 0 0 no-repeat;
	background-position: 0 -90px;
    width: 39px;
	}		
	


	
	
/* BODY COMPONENTS */	

#topwrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}	
	
#hometopleft {
	width: 290px;
	height: 245px;
	margin: 0;
	float: left;
	padding: 0;
	background: url(../jpg/how-we-make-your-life-easier.jpg) 0 0 no-repeat;
	}		
	
#hometopright {
	width: 610px;
	height: 245px;
	margin: 0;
	float: right;
	padding: 0;
	}
	
#sitetopleft {
	width: 290px;
	height: 130px;
	margin: 0;
	float: left;
	padding: 0;
	}		
	
#sitetopright {
	width: 610px;
	height: 130px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
#bodywrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}	
			
#bodyleft {
	width: 255px;
	margin: 0;
	float: left;
	padding: 30px 20px 30px 15px;
	background: url(../gif/lh-top-grad.gif) top right no-repeat;
	}		
	
#bodyright {
	width: 570px;
	margin: 0;
	float: right;
	padding: 30px 15px 30px 25px;
	background: url(../gif/rh-top-grad.gif) top left no-repeat;
	}
	
#latestnews {
	width: 570px;
	height: 30px;
	margin: 0 auto;
	padding: 0 15px 0 315px;
	border-bottom: 1px solid #c6c6c6;
	}	
	
#nonews {
	width: 900px;
	height: 5px;
	margin: 0 auto;
	border-bottom: 1px solid #c6c6c6;
	}	
	
.latestnewstable {
	margin: 0;
	}		
	
.latestnewscol1 {
	width: 80px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}	
	
.latestnewscol2 {
	width: 490px;
	padding: 9px 0 0 0;
	margin: 0;
	vertical-align: top;
	font-size: 90%;
	}	
	
.linkscell1 {
	height: 88px;
	padding: 0;
	margin: 0;
	width: 188px;
	border-bottom: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	}	
	
.linkscell3 {
	height: 88px;
	padding: 0;
	margin: 0;
	width: 188px;
	border-right: 1px dotted #cacaca;
	}		
	
.linkscell2 {
	height: 88px;
	padding: 0;
	margin: 0;
	width: 188px;
	border-bottom: 1px dotted #cacaca;
	}	
	
.linkscell2 {
	height: 88px;
	padding: 0;
	margin: 0;
	width: 188px;
	}	
	
.contacttableholder {
	width: 540px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	background: url(../gif/form-bg.gif) repeat top left;
	border: 5px solid #e9f6f5;
	}
	
.mailingtableleft {
	width: 180px;
	text-align:left;
	padding: 3px 15px 3px 0;
	font-size: 105%;
	color: #003045;
	font-size: 100%;
	line-height: 1.3em;
	vertical-align: top;
	}
	
.mailingtableright {
	width: 345px;
	text-align: left;
	padding: 3px 0 3px 0;
	font-size: 105%;	
	vertical-align: top;
	}			
		
.formfields {
	color: #0c364b;
	width: 335px;
	padding: 3px;
	font-size: 100%;
	background: url(../gif/formbg.gif) 0 0 no-repeat;
	border: 1px solid #b2d2d1;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.dropdown {
	width: 200px;
	font-size: 100%;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		

	
	


	
/* TITLES LARGE COMPONENTS */		
	
.titles-large-home {
	display: block;
	width: 570px;
	height: 110px;
	margin: 0;
	background: url(../png/titles-large/home.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-large-outsourced-planning {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/outsourced-planning.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-large-benefits {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/benefits.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-large-about-us {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/about-us.png) 0px 0px no-repeat;
	text-indent: -999em;
	}			
		
.titles-large-faqs {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/faqs.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		

.titles-large-ps {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/ps.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-large-contact-us {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/contact-us.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-large-accreditations {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/accreditations.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-large-blog {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/blog.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-large-careers {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/careers.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-large-solutions {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/solutions.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-large-free-consultation {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/free-consultation.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-large-terms-and-conditions {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/terms-and-conditions.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
		
.titles-large-privacy-policy {
	display: block;
	width: 570px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/privacy-policy.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	

	
	
/* TITLES SMALL COMPONENTS */		
	
.titles-small-questions {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/questions.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-small-answers {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/answers.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-small-quick-message-form {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/quick-message-form.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-small-location-map {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/location-map.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-small-address-and-contact-info {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/address-and-contact-info.png) 0px 0px no-repeat;
	text-indent: -999em;
	}
	
.titles-small-about-cathi {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/about-cathi.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-small-links {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/links.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.titles-small-qualifications {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/qualifications.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.titles-small-testimonials {
	display: block;
	width: 255px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/testimonials.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	

		
		
	
/* COPYRIGHT COMPONENTS */	

#footerwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/footer-grad.jpg) top left repeat-x;
	}

#footerholder {
	width: 870px;
	margin: 0 auto;
	padding: 20px 15px 30px 15px;
	background: url(../jpg/watermark.jpg) top right no-repeat;
	}
		
.footerright {
	width: 145px;
	margin: 0;
	float: left;
	padding: 15px 0 0 0;
	}	
	
.footerleft {
	width: 570px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
.footertxt {
	color: #aae1db;
	font-size: 85%;
	line-height: 1.3em;
	}	

.footertxt a:link, .footertxt a:visited {
	color: #ffffff;
	text-decoration:none;
	}

.footertxt a:active, .footertxt a:hover  {
	color:#ffffff;
	text-decoration:underline;
	}