/* Start of CMSMS style sheet 'Main HSMC Stylesheet' */
	
	
		
		
		/* 
		
			MAIN HSMC WEBSITE CSS FILE
			CREATED BY: SAM HAMPTON-SMITH
			DATE:		20/11/2008
			
			
		*/
		
		
		* {
			margin:			0;
			padding:		0;
		}
		
		body {
			background:		white url(styles/pagebg.gif) repeat top left;	
			font-family:	Arial, Helvetica, sans-serif;
			font-size:		65%;
			color:			#182842;
		}
		
		a {
			color:			#56ACBA;
			color:			#2e7783;
			font-weight:	bold;
			font-weight:	normal;
			text-decoration:none;
		}
		
		a:hover {
			text-decoration:underline;
		}
		
		#container {
			width:			847px;
			margin:			auto;
		}
		
	/* BEGIN HEADER AREA */		
		
		#header {
			position:		relative;	
			width:			819px;
			height:			377px;
			padding-left:	14px;
			padding-right:	14px;			
			background:		transparent url(styles/headerbg.png) no-repeat top left;
		}
		
		#quote {
			position:		absolute;
			top:			30px;
			right:			50px;
			font-size:		1.2em;
			color:			white;
			width:		450px;
		}

		q:before, q:after {
			content: ""; 
		}

		#beforequote {
			position:		absolute;
			top:			0px;
			left:			-0.5em;
			font-family:	arial, helv, sans-serif;
			line-height:	0.8em;
			font-size:		4em;
			color:		#56ACBA;
		}

		#afterquote {
			position:		absolute;
			top:			0px;
			font-family:	arial, helv, sans-serif;
			line-height:	0.8em;
			font-size:		4em;
			color:		#56ACBA;
			right:			-0.5em;
		}

		cite {
			display:		block;
			color:		#56ACBA;
			color:		#f9ab20;
			color:		#bcbcbc;
		}

		#logolink {
			position:		absolute;
			display:		block;
			top:			21px;
			left:			31px;
			width:			218px;
			height:			87px;
			text-decoration:none;
			text-indent:	-10000px;
			overflow:		hidden;
			background:		transparent url(styles/logo.gif) no-repeat top left;
		}
		
		#header h2 {
			position:		absolute;
			right:			10px;
			top:			174px;
			background:		#182842;
			color:			white;
			width:			275px;
			padding:		10px;
			padding-right:	40px;
			font-size:		3em;
			font-weight:	300;
			letter-spacing:	0.025em;
			text-align:		right;
		}
		
		#header h2 span {
			padding-bottom:	6px;
			background:		transparent url(styles/liferingo.gif) no-repeat center center;
			overflow:		hidden;
	
		}
		
		#header h2 span span {
			visibility:		hidden;
		}
		
		/* BEGIN USEFUL INFO */
			
		#contactdetails {
			position:		absolute;
			top:			127px;
			left:			28px;
			color:			#CBD5D2;
			width: 			500px;
			height: 		14px;
			font-size:		1.1em;
		}
		
		#contactdetails ul li {
			list-style:		none;
			display:		inline;
			padding-right:	10px;
			padding-left:	10px;
			border-right:	1px solid #CBD5D2;
		}	
		
		#contactdetails ul li.last {
			border:			none;
		}
		
		#contactdetails a {
			font-weight:	normal;
			text-decoration:none;
			color:			#CBD5D2;
		}
		
		#contactdetails a:hover {
			text-decoration:underline;
		}
		
		#breadcrumb {
			position:		absolute;
			top:			349px;
			left:			38px;
			text-transform:	uppercase;
			font-size:		1.2em;
			letterspacing:	0.065em;
		}
		
		/* BEGIN PRIMARY NAV */

		#primarynav {
			position:		absolute;
			top:			297px;
			left:			13px;
			height:			48px;
			width:			824px;
			background:		transparent url(styles/primarynavbg.gif) no-repeat bottom left;
		}
		
		#primarynav li {
			width:			114px;
			height:			31px;
			line-height:	31px;
			list-style:		none;
			float:			left;
			margin-right:	0px;
			margin-left:	3px;
		}
		
		#primarynav li a {
			display:		block;
			text-transform:	uppercase;
			font-weight:	normal;
			width:			114px;
			height:			31px;
			line-height:	36px;
			text-align:		center;
			color:			#1a2944;
			font-size:		1.2em;
			background:		transparent url(styles/primarynavoff.png) no-repeat top left;
		}
		
		#primarynav li a:hover, #primarynav li a.active {
			text-decoration:none;
			background:		transparent url(styles/primarynavon.png) no-repeat top left;
		}


	/* BEGIN CONTENT AREA */		
		
		#maincontent {
			width:			820px;
			padding-left:	13px;
			padding-right:	14px;
			background:		transparent url(styles/maincontentbg.png) repeat-y top left;
		}
		
		/* BEGIN CONTEXT NAV */
		
		#contextnav {
			float:			left;
			width:			250px;
			padding-bottom:	188px;
			background:		transparent url(styles/lifering.jpg) no-repeat bottom center;
			background:		transparent url(uploads/images/wine_small.jpg) no-repeat bottom center;
		}
		
		#contextnav h3 {
			font-size:		1.1em;
			font-weight:	300;
			margin-top:		14px;
			margin-bottom:	4px;
			color:			#182842;
			text-transform:	uppercase;
			text-indent:	38px;
			background:		transparent url(styles/downarrow.gif) no-repeat center left;
		}
		
		#contextnav ul li {
			list-style:		none;
			margin-right:	14px;
			margin-bottom:	3px;
			overfow:		hidden;
		}
		
		#contextnav ul li a {
			position:		relative;
			display:		block;
			padding-left:	24px;
			height:			28px;
			line-height:	30px;
			text-transform: uppercase;
			color:			#1a2944;
			font-size:		1.25em;
			background:		#98c4c8 url(styles/contextnavbg.gif) no-repeat center right;			
		}

		#contextnav ul li a.sectionnav {
			color:#ffffff;
			background-color:#1a2944;
		}

		#contextnav ul li a img, #contextnav ul li a span {
			position:		absolute;
			top:			0px;
			right:			5px;
			border:			none;
		}

		#contextnav ul li a.sectionnav:hover,#contextnav ul li a.sectionnav.active {
			background-color:#f9ab20;
			color:#1a2944;
		}
		
		#contextnav ul li a:hover, #contextnav ul li a.active {
			background-color:#1a2944;
			color:			white;
			text-decoration:none;
		}
		
		#featured1, #featured2, #featured3 {
			height:			99px;
			line-height:	1em;
		}
		
		#contextnav ul li#featured1 a, #contextnav ul li#featured2 a, #contextnav ul li#featured3 a {
			display:		block;
			height:			79px;
			padding:		10px;	
			padding-right:	61px;
			padding-left:	24px;
			background:		#cbd5d2 url(styles/contextfeatured.png) no-repeat center right;
			font-size:		1em;
			line-height:	1.4em;
			text-transform: none;
			font-weight:	normal;
		}
	
		#featured1 strong, #featured2 strong, #featured3 strong {
			text-transform:	uppercase;	
			font-size:		1.25em;
		}
		
		#contextnav ul li#featured1 a:hover, #contextnav ul li#featured2 a:hover, #contextnav ul li#featured3 a:hover {
			background-color:#1a2944;
			color:			white;
		}
		
		#contextnav ul li#featured2 a {
			background-color:#cbd5d2;
		}
		
		
		/* BEGIN PAGE CONTENT */
		
		#content {
			float:			left;
			width:			567px;
			border-left:	2px dashed #CBD5D2;
			background:		transparent url(styles/contentbg.gif) no-repeat bottom left;
		}

		#content h1 {
			margin-left:	14px;
			margin-bottom:	20px;
			margin-right:	19px;
			padding-bottom:	6px;
			border-bottom:	1px solid #182842;
			text-transform:	uppercase;
			font-size:		2.4em;
			font-weight:	300;
		}
		
		#content h2 {
			margin-left:	14px;
			margin-right:	19px;
			text-transform:	uppercase;
			line-height:	1.4em;
			font-size:		1.5em;
			font-weight:	300;
			color:			#56ACBA;
		}

		#content h3 {
			margin-left:	14px;
			margin-right:	19px;
			text-transform:	uppercase;
			line-height:	1.2em;
			font-size:		1.3em;
			font-weight:	300;
			color:			#182842;
		}

		#content h4 {
			margin-left:	14px;
			margin-right:	19px;
			line-height:	1.2em;
			font-size:		1.2em;
			font-weight:	800;
			color:		#56ACBA;
			color:		#182842;
		}

		#content hr {
			margin-left:	14px;
			margin-right:	19px;
			color:			#56ACBA;
		}
		
		#content p {
			margin-left:	14px;
			margin-bottom:	20px;
			margin-right:	19px;
			font-size:		1.2em;
			line-height:	1.4em;
			text-align:		justify;
			clear:		left;
		}
		
		#content img {
			margin-left:	14px;
		}

		#content table {
			margin-left:	14px;
			background:	#E8EFEE;
			font-size:		1.2em;
			margin-bottom: 10px;
		}

		#content table td {
			padding:		3px;
		}
		
		#content ul {
			background:		#E8EFEE;
			width:			333px;
			margin-bottom:	20px;
			padding-top:	8px;
			padding-bottom:	8px;
		}
		
		#content ul li {
			font-size:		1.2em;
			list-style:		none;
			margin-left:	14px;
			margin-bottom:	10px;
			padding-left:	3px;
			padding-right:	10px;
			border-left:	3px solid #56ACBA;
		}

		#content ul.fullsize {
			width:		572px;
		}

		#content img.no-border-ta {
			border:		none;
		}

		#content .floatright {
			float:		right;
			margin-right:19px;
			margin-left:14px;
		}

		#content .floatleft {
			float:		left;
			margin-left:14px;
			margin-right:14px;
		}

		#clientmap {
			float:			right;
			margin-right:	14px;
			margin-bottom:	20px;
		}
		
	
		#backtotop {
			clear:			left;
			text-align:		right;
			margin-right:	19px;
			font-size:		1em;
			padding-bottom:	10px;
		}
		
		#backtotop a {
			font-weight:	normal;			
		}


	/* BEGIN FOOTER AREA */


		#footer {
			position:		relative;
			height:			64px;
			background:		transparent url(styles/footerbg.png) no-repeat top left;
		}
		
		#footer p {
			position:		absolute;
			left:			38px;
			font-size:		1em;
			letterspacing:	0.065em;
			color:			white;
			top: 			24px;
		}

		#footer ul {
			position:		absolute;
			top:			24px;
			right:			28px;
		}
		
		#footer ul li {
			display:		inline;
			padding-left:	5px;
			padding-right:	8px;
			border-right:	1px solid white;
		}
		
		#footer ul li.last {
			border:			none;
		}
		
		#footer ul li a {
			font-size:		1em;
			font-weight:	normal;
			color:			white;
		}
		
		#attributation {
			float:			right;
			padding-bottom:	20px;
			margin-right:	33px;
			font-size:		0.9em;
			color:			#dee0de;
			font-weight:	normal;
		}

		#attributation:hover {
			color:			#1279aa;
		}
			

/* End of 'Main HSMC Stylesheet' */