@charset "utf-8";
/*-----------------------------------------------------
Chris Harrison - Ren Media style sheet

version:     2.0
author:      Chris Harrison
email:       c.harrison1988@gmail.com
client:      Ren Media
date:        14/11/2009
-----------------------------------------------------*/
/* RESET CSS
-----------------------------------------------------*/
* { margin: 0; padding: 0; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; font-weight: lighter }
a img,:link img,:visited img { border:none }
address { font-style:normal }
input, select, th, td { font-size:1em }
li li, li p, td p, blockquote p { font-size:1em }
/* Firefox border fix:                              */
a:active, a:focus {outline: 0;}
/*
-----------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-size: 16px;
	background: #fefefe url(../img/main_bg.jpg) no-repeat;
}
.accessible {
	position: absolute;
	left: -10000em;
}
h1, h2 {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -0.02em;
}
#head {
	clear: left;
	position: relative;
	width: 909px;
	padding-top: 40px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
}
	#head #head-logo {
		position: absolute;
		right: 0;
	}
	#head #head-phone {
		font-size: 22px;
		color: #282828;
		position: absolute;
		left: 0;
		bottom: 0;
	}
#title {
	position: absolute;
	left: -10000em;
}
#navigation {
	position: relative;
	float: left;
	width: 100%;
	height: 65px;
	background: url(../img/nav_bg.png) repeat-x;
	margin-bottom: 41px;
}
	#navigation ul {
		position: relative;
		width: 929px;
		margin-left: auto;
		margin-right: auto;
	}
		#navigation .drop-menu {
			margin: 0;
			padding: 0;
			height: auto;
			width: 306px;
			
			position: absolute;
			top: 48px;
			left: -10000em;
			padding-top: 20px;
			background: url(../img/drop-menu-top.png) top left no-repeat;
			z-index: 500;
		}
			#navigation .drop-menu .last-child {
				background: url(../img/drop-menu-bottom.png) bottom left;
				padding-bottom: 20px;
			}
			#navigation .drop-menu li {
				width: auto;
				height: auto;
				margin: 0;
				padding: 0;
				float: none;
				clear: both;
			}
			#navigation .drop-menu li a {
				display: block;
				margin: 0;
				padding: 0;
				text-indent: 0;
				height: auto;
				width: auto;
				
				padding-left: 12px; padding-right: 12px;
				padding-top: 10px; padding-bottom: 10px;
				color: #d0d0d0;
				background: #525252;
				border-bottom: 1px solid #6c6b6b;
			}
				#navigation .drop-menu li a:hover {
					background: #363636;
				}
		#navigation li {
			margin-top: 12px;
			float: left;
			height: 41px;
			margin-right: 41px;
		}
			#navigation li a {
				display: block;
				text-indent: -10000em;
				height: 41px;
			}
				#navigation .home a {
					width: 80px;
					background: url(../img/nav/home.png) no-repeat left;
				}
					#navigation .home a:hover {
						background: url(../img/nav/home.png) no-repeat right;
					}
						#selectHome #navigation .home a {
							background: url(../img/nav/home.png) no-repeat right;
						}
				#navigation .about a {
					width: 110px;
					background: url(../img/nav/about.png) no-repeat left;
				}
					#navigation .about a:hover {
						background: url(../img/nav/about.png) no-repeat right;
					}
						#selectAbout #navigation .about a {
							background: url(../img/nav/about.png) no-repeat right;
						}
				#navigation .projects a {
					width: 116px;
					background: url(../img/nav/projects.png) no-repeat left;
				}
					#navigation .projects a:hover {
						background: url(../img/nav/projects.png) no-repeat right;
					}
						#selectProjects #navigation .projects a {
							background: url(../img/nav/projects.png) no-repeat right;
						}
				#navigation .services a {
					width: 108px;
					background: url(../img/nav/services.png) no-repeat left;
				}
					#navigation .services a:hover {
						background: url(../img/nav/services.png) no-repeat right;
					}
						#selectServices #navigation .services a {
							background: url(../img/nav/services.png) no-repeat right;
						}
				#navigation .news a {
					width: 73px;
					background: url(../img/nav/news.png) no-repeat left;
				}
					#navigation .news a:hover {
						background: url(../img/nav/news.png) no-repeat right;
					}
						#selectNews #navigation .news a {
							background: url(../img/nav/news.png) no-repeat right;
						}
				#navigation .clients a {
					width: 90px;
					background: url(../img/nav/clients.png) no-repeat left;
				}
					#navigation .clients a:hover {
						background: url(../img/nav/clients.png) no-repeat right;
					}
						#selectClients #navigation .clients a {
							background: url(../img/nav/clients.png) no-repeat right;
						}
				/*Make the last LI have no right margin*/
				#navigation .contact {
					margin-right: 0;
					margin-left: 2px;
				}
				#navigation .contact a {
					width: 104px;
					background: url(../img/nav/contact.png) no-repeat left;
				}
					#navigation .contact a:hover {
						background: url(../img/nav/contact.png) no-repeat right;
					}
						#selectContact #navigation .contact a {
							background: url(../img/nav/contact.png) no-repeat right;
						}
#page-content {
	clear: left;
	width: 909px;
	margin-left: auto;
	margin-right: auto;
}
#selectHome #page-content {
	padding-top: 41px;
}
	#banner {
		position: relative;
		width: 909px;
		height: 392px;
		background: url(../img/home_banner.jpg) no-repeat;
	}
		#banner #banner-content {
			position: absolute;
			left: 46px;
			top: -42px;
			width: 262px;
			height: 447px;
			padding: 0;
			padding-top: 50px;
			padding-left: 22px;
			padding-right: 44px;
			overflow-y: auto;
			color: #ffffff;
			background: url(../img/home_banner_content.png) no-repeat;
		}
		#banner h1 {
			padding-top: 15px;
		}
		#banner p {
			margin-top: 1em;
			margin-bottom: 1em;
			font-size: 15px;
			letter-spacing: -0.01em;
			line-height: 1.25em;
		}
	#banner-social-logos {
		float: right;
		margin-top: 18px;
	}
		#banner-social-logos li {
			float: left;
			width: 45px;
			height: 46px;
			margin-right: 7px;
			text-indent: -10000em;
		}
			#banner-social-logos li a {
				display: block;
				width: 100%;
				height: 100%;
			}
				#banner-social-logos .facebook a {
					background: url(../img/social_logos/facebook.png) left top no-repeat;
				}
					#banner-social-logos .facebook a:hover {
						background: url(../img/social_logos/facebook.png) left bottom no-repeat;
					}
				#banner-social-logos .twitter a {
					background: url(../img/social_logos/twitter.png) left top no-repeat;
				}
					#banner-social-logos .twitter a:hover {
						background: url(../img/social_logos/twitter.png) left bottom no-repeat;
					}
				#banner-social-logos .linkedin a {
					background: url(../img/social_logos/linkedin.png) left top no-repeat;
				}
					#banner-social-logos .linkedin a:hover {
						background: url(../img/social_logos/linkedin.png) left bottom no-repeat;
					}
				#banner-social-logos .flickr a {
					background: url(../img/social_logos/flickr.png) left top no-repeat;
				}
					#banner-social-logos .flickr a:hover {
						background: url(../img/social_logos/flickr.png) left bottom no-repeat;
					}
				#banner-social-logos .youtube a {
					background: url(../img/social_logos/youtube.png) left top no-repeat;
				}
					#banner-social-logos .youtube a:hover {
						background: url(../img/social_logos/youtube.png) left bottom no-repeat;
					}
				#banner-social-logos .youtube {
					margin-right: 0;
				}
				
				#banner-social-logos .buzz a {
					background: url(../img/social_logos/buzz.png) left top no-repeat;
				}
					#banner-social-logos .buzz a:hover {
						background: url(../img/social_logos/buzz.png) left bottom no-repeat;
					}
	#latest-row {
		position: relative;
		clear: left;
		float: left;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 18px;
		color: #dbe5ef;
		font-size: 14px;
		background: url(../img/latest-row.png) no-repeat top left;
	}
		#latest-ren {
			float: left;
			width: 524px;
			height: 100%;
			padding-left: 16px; padding-right: 16px;
			margin-bottom: 30px;
		}
			#latest-ren .rss a {
				position: absolute;
				right: 365px;
				bottom: 15px;
				display: block;
				width: 23px;
				height: 23px;
				text-indent: -10000em;
				background: url(../img/rss.png) no-repeat top left;
			}
			#latest-ren-ticker h3 a {
				font-weight: bold;
				color: #e1ecfc;
			}
			#latest-ren-ticker h3 a:hover {
				text-decoration: underline;
			}
			#latest-ren-ticker p {
				padding-bottom: 10px;
			}
		#latest-email {
			float: right;
			width: 301px;
			padding-left: 14px; padding-right: 16px;
		}
			#latest-email .email-message {
				font-size: 12px;
				margin-bottom: 4px;
			}
			#latest-email .email-box {
				float: left;
				padding: 7px;
				margin-right: 10px;
			}
			#latest-email .email-submit {
				float: left;
				padding: 5px;
			}
	#tweet-content {
		font-size: 13px;
		line-height: 20px;
	}
		#tweet-content .tweet_list li {
			margin-bottom: 15px;
		}
		#tweet-content a {
			color: #e1e4e7;
			text-decoration: underline;
			padding: 1px;
		}
			#tweet-content a:hover {
				color: #4763c6;
				background: #e1e4e7;
				text-decoration: none;
			}
	#selectHome #content1 {
		position: relative;
		float: left;
		clear: left;
		width: 100%;
		margin-top: 50px;
		padding-bottom: 20px;
		color: #e1e4e7;
		background: url(../img/home-content1.png) no-repeat top left;
	}
	#selectHome #content1 h2 {
		color: #ffffff;
		margin-top: 33px;
		margin-bottom: 6px;
		font-size: 31px;
	}
		#selectHome #content1-a {
			float: left;
			width: 542px;
			padding-left: 20px; padding-right: 20px;
			font-size: 15px;
			margin-bottom: 25px;
		}
			#selectHome #content1-a .rss a {
				position: absolute;
				right: 345px;
				bottom: 15px;
				display: block;
				width: 23px;
				height: 23px;
				text-indent: -10000em;
				background: url(../img/rss.png) no-repeat top left;
			}
		#selectHome #content1-b {
			float: right;
			width: 266px;
			padding-left: 20px; padding-right: 20px;
		}
	#selectHome #content2 {
		float: left;
		clear: left;
		width: 879px;
		margin-top: 40px;
		padding: 15px;
		background: #92281b;
		color: #e1e4e7;
	}
		#selectHome #content2 h2 {
			float: left;
			color: #ffffff;
			font-size: 22px;
		}
		#selectHome #content2 .rss {
			margin-top: 4px;
			float: right;
		}
			#selectHome #content2 .rss a {
				display: block;
				width: 23px;
				height: 23px;
				text-indent: -10000em;
				background: url(../img/rss.png) no-repeat top left;
			}
	#selectHome #ren-ticker {
	}
		#selectHome #ren-ticker h3 a {
			font-weight: bold;
			font-size: 16px;
			color: #e1ecfc;
		}
			#selectHome #ren-ticker h3 a:hover {
				text-decoration: underline;
			}
		#selectHome #ren-ticker p {
			padding-bottom: 10px;
		}
	#selectHome #china-ticker {
		float: left;
		margin-left: 15px;
		margin-top: 6px;
		width: 670px;
	}
		#selectHome #china-ticker a {
			color: #ffddd6;
			font-weight: bold;
		}
			#selectHome #china-ticker a:hover {
				text-decoration: underline;
			}
	#selectAbout #top {
		float: left;
		width: 909px;
		margin-bottom: 30px;
		padding-left: 28px; padding-right: 28px;
		padding-top: 50px;
		padding-bottom: 60px;
		background: url(../img/about-top.png) no-repeat top left;
	}
		#selectAbout #top h1 {
			width: 380px;
			color: #ffffff;
			font-size: 50px;
		}
		#selectAbout #top #video {
			float: right;
			width: 400px;
			height: 300px;
			margin-right: 55px;
		}
		#selectAbout #top #top-content {
			margin-top: 20px;
			width: 380px;
			color: #ffe9e9;
		}
		#selectAbout #top #top-content p {
			margin-bottom: 0.6em;
		}
		#selectAbout #top a {
			color: #ffe9e9;
			text-decoration: underline;
			padding: 2px;
		}
			#selectAbout #top a:hover {
				color: #62241b;
				background: #ffe9e9;
				text-decoration: none;
			}
	#selectAbout #content1 {
		float: left;
		clear: left;
		width: 100%;
		height: 419px;
		margin-bottom: 30px;
		padding-top: 35px;
		padding-bottom: 25px;
		background: url(../img/about-content1.png) no-repeat top left;
	}
		#selectAbout #content1-a {
			position: relative;
			float: left;
			width: 499px;
			height: 435px;
			padding-left: 28px; padding-right: 28px;
			color: #f0f9ff;
			overflow-y: auto;
		}
			#selectAbout #content1-a h2 {
				color: #ffffff;
			}
			#selectAbout #content1-a p {
				margin-bottom: 1em;
			}
			#selectAbout #content1-a a {
				color: #f0f9ff;
				text-decoration: underline;
				padding: 2px;
			}
				#selectAbout #content1-a a:hover {
					color: #3f78a5;
					background: #ffffff;
					text-decoration: none;
				}
			#selectAbout #content1-a #team-message {
				margin-top: 25px;
				padding-top: 8px;
				border-top: 1px solid #b2cfff;
			}
			#selectAbout #content1-a h3 {
				font-weight: bold;
				font-size: 1.1em;
				color: #e8f5fe;
				margin-bottom: 1.6em;
			}
		#selectAbout #content1-b {
			float: right;
			width: 306px;
			padding-left: 25px;
			color: #f0f9ff;
		}
			.polaroid {
				display: block;
				float: left;
				width: 120px;
				height: 118px;
				margin-right: 20px;
				margin-bottom: 15px;
				padding-left: 12px;
				padding-top: 12px;
				background: url(../img/polaroid.png) no-repeat top left;
			}
				.polaroid:hover {
					background: url(../img/polaroid.png) no-repeat top right;
				}
					.polaroidSelected {
						display: block;
						float: left;
						width: 120px;
						height: 118px;
						margin-right: 20px;
						margin-bottom: 15px;
						padding-left: 12px;
						padding-top: 12px;
						background: url(../img/polaroid.png) no-repeat top right;
					}
	#selectAbout #content2 {
		float: left;
		clear: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 20px;
		background: url(../img/about-content2.gif) no-repeat top left;
	}
		#selectAbout #content2 p {
			margin-bottom: 0.4em;
		}
		#selectAbout #content2 img {
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}
		#selectAbout #content2-a {
			float: left;
			width: 403px;
			padding-left: 20px; padding-right: 20px;
			padding-top: 20px;
			color: #e4e3e3;
		}
		#selectAbout #content2-b {
			float: right;
			width: 403px;
			padding-left: 20px; padding-right: 20px;
			padding-top: 20px;
			color: #fbe8e8;
		}
	#selectAbout #latest-row {
	}
	#selectProjects #page-content, #selectServices #page-content {
		position: relative;
		padding-top: 31px;
	}
	#selectProjects #navigation, #selectServices #navigation {
		margin-bottom: 10px;
	}
	#quote {
		position: absolute;
		right: 16px;
		top: -15px;
		width: 134px;
		height: 135px;
		cursor: pointer;
	}
		#quote a {
			display: block;
			width: 134px;
			height: 135px;
			text-indent: -10000em;
			cursor: pointer;
		}
		#selectProjects #quote {
			background: url(../img/quote-blue.png);
		}
		#selectServices #quote {
			background: url(../img/quote-yellow.png);
		}
	#selectProjects #top {
		width: 855px;
		height: 420px;
		padding-top: 30px;
		padding-left: 27px; padding-right: 27px;
		background: url(../img/projects-top.png) no-repeat;
	}
		#selectProjects #top h1 {
			color: #ffffff;
			font-size: 45px;
			margin-bottom: 15px;
		}
		#selectProjects #top #project-content {
			float: left;
			width: 100%;
		}
			#selectProjects #top #project-description-parent {
				float: left;
				width: 350px;
				color: #ffe3ea;
			}
				#selectProjects #top #project-description-child {
					height: 245px;
					padding-right: 15px;
					overflow-y: auto;
				}
			#selectProjects #top #project-image {
				float: right;
				width: 479px;
				height: 311px;
				background: #5181b8;
			}
			#selectProjects #top #project-website a {
				display: block;
				background: url(../img/website.png) center left no-repeat;
				color: #ffe3ea;
				padding-top: 5px; padding-bottom: 5px;
				padding-left: 33px;
				margin-bottom: 7px;
			}
			#selectProjects #top #project-info a {
				display: block;
				background: url(../img/pdf.png) center left no-repeat;
				color: #ffe3ea;
				padding-top: 5px; padding-bottom: 5px;
				padding-left: 33px;
			}
				#selectProjects #top a:hover {
					text-decoration: underline;
				}
	#selectProjects #project-select-area {
		float: left;
		clear: left;
		margin-top: 30px;
	}
		.project-select-container, .project-select-container-third, .project-select-container-first, .project-select-container-third-first {
			float: left;
			margin-bottom: 40px;
		}
			.project-select-container, .project-select-container-first {
				margin-right: 31px;
			}
			.project-select {
				display: block;
				width: 254px;
				height: 165px;
				padding-left: 14px; padding-right: 14px;
				padding-top: 16px; padding-bottom: 16px;
				background: #3785bd;
			}
				.project-select:hover {
					background: #eec045;
				}
				.project-select-container-first .project-select, .project-select-container-third-first .project-select {
					display: block;
					width: 254px;
					height: 165px;
					padding-left: 14px; padding-right: 14px;
					padding-top: 16px; padding-bottom: 16px;
					background: #eec045;
				}
			#selectProjects .project-text {
				position: absolute;
				left: -10000em;
			}
	#selectServices {	
	}
		#selectServices #top {
			height: 199px;
			padding-top: 45px;
			padding-bottom: 20px;
			padding-left: 27px; padding-right: 27px;
			color: #eef3ff;
			background: url(../img/services-top.png);
		}
			#selectServices #top h1 {
				font-size: 55px;
				margin-bottom: 18px;
			}
		#selectServices #content1 {
			float: left;
			width: 855px;
			background: #9cbee3;
			padding-left: 27px; padding-right: 27px;
			padding-top: 30px;
			padding-bottom: 35px;
			margin-bottom: 30px;
		}
			#selectServices .service-box {
				float: left;
				width: 348px;
				margin-right: 60px;
				margin-bottom: 35px;
				color: #212121;
				line-height: 1.45em;
			}
				#selectServices .service-box h2 {
					font-size: 18px;
					font-weight: bold;
					margin-bottom: 10px;
				}
				#selectServices .service-box a {
					color: #212121;
					padding: 2px;
					text-decoration: underline;
				}
					#selectServices .service-box a:hover {
						color: #aed0eb;
						background: #2c2c2c;
						text-decoration: none;
					}
				#selectServices .more-info {
					margin-top: 1.3em;
					margin-bottom: 25px;
				}
					#selectServices .more-info a {
						color: #414b57;
						font-size: 15px;
						display: block;
						width: 10em;
						text-decoration: none;
						padding-left: 30px;
						padding-top: 4px;
						background: url(../img/more-info.png) center left no-repeat;
					}
						#selectServices .more-info a:hover {
							background: url(../img/more-info.png) no-repeat;
							background-position: -975px center;
							color: #000000;
						}
			#selectServices #service-extra-info {
				clear: left;
				padding: 20px;
				line-height: 1.5em;
				color: #e1eaf2;
				background: #35638f;
			}
				#selectServices #service-extra-info h2 {
					font-weight: bold;
					font-size: 19px;
					margin-bottom: 10px;
				}
				#selectServices #service-extra-info a {
					color: #e1eaf2;
					padding: 2px;
					text-decoration: underline;
				}
					#selectServices #service-extra-info a:hover {
						color: #22346b;
						background: #bdd7f2;
						text-decoration: none;
					}
	#selectClients {	
	}
		#selectClients #top {
			height: 199px;
			padding-top: 45px;
			padding-bottom: 20px;
			padding-left: 27px; padding-right: 27px;
			color: #eef3ff;
			background: url(../img/clients-top.png);
		}
			#selectClients #top h1 {
				font-size: 55px;
				margin-bottom: 18px;
			}
		#selectClients #content1 {
			float: left;
			width: 855px;
			background: #9cbee3;
			padding-left: 27px; padding-right: 27px;
			padding-top: 30px;
			padding-bottom: 35px;
			margin-bottom: 30px;
		}
			#selectClients #content1-a {
				position: relative;
				float: left;
				width: 825px;
				margin-bottom: 30px;
				background: #ffffff;
				height: 143px;
				padding: 15px;
				border: 1px solid #778ea7;
			}
				#selectClients #content1-a div.scrollableArea img {
					margin-right: 45px;
					float: left;
				}
			#selectClients #content1-b {
				clear: left;
				float: left;
				width: 100%;
			}
				#selectClients #case-study {
					float: left;
					width: 535px;
					color: #212121;
					line-height: 1.3em;
				}
					#selectClients #case-study h2 {
						font-weight: bold;
						font-size: 40px;
						color: #2a2a2a;
					}
					#selectClients #case-study h3 {
						font-weight: bold;
						font-size: 19px;
						margin-top: 20px;
						margin-bottom: 7px;
					}
					#selectClients #case-study img {
						padding: 7px;
						margin-bottom: 7px;
						background: #ffffff;
						border: 1px solid #636262;
					}
					#selectClients #case-study p {
						margin-bottom: 0.6em;
					}
					#selectClients #case-study a {
						text-decoration: underline;
						padding: 2px;
						color: #103660;
					}
						#selectClients #case-study a:hover {
							color: #9ecfdf;
							background: #212121;
							text-decoration: none;
						}
				#selectClients #visit-clients {
					float: right;
					width: 250px;
					padding: 20px;
					line-height: 1.5em;
					color: #000000;
					background: #6999c7;
				}
					#selectClients #visit-clients h2 {
						color: #212121;
						font-weight: bold;
						font-size: 25px;
						margin-bottom: 15px;
						line-height: 1.3em;
					}
					#selectClients #visit-clients h3 {
						color: #212121;
						font-weight: bold;
						font-size: 18px;
						margin-top: 20px; margin-bottom: 5px;
						line-height: 1.3em;
					}
					#selectClients #visit-clients a {
						color: #103660;
						padding: 2px;
						text-decoration: underline;
					}
						#selectClients #visit-clients a:hover {
							color: #70a0ce;
							background: #0e2d50;
							text-decoration: none;
						}
	#selectNews #top {
		width: 882px;
		margin-bottom: 30px;
		padding-top: 24px;
		padding-bottom: 24px;
		padding-left: 27px;
		background: url(../img/news-top.png) no-repeat;
	}
		.share-main {
			float: left;
			margin-top: -7px;
			margin-bottom: 20px;
			padding-bottom: 10px;
			background: url(../img/dots.gif) repeat-x bottom left;
			width: 100%;
		}
			.share-buttons {
				float: left;
			}
				.share-buttons li {
					float: left;
					margin-right: 15px;
					}
		#news-content {
			clear: left;
		}
		.share-addthis {
			margin-top: 10px;
		}
			#selectNews #content1-b .share-addthis a {
				border: 0;
				background: none;
				padding: 5px;
			}
		#selectNews h1 {
			font-size: 50px;
			color: #ffffff;
		}
		#selectNews #content1 {
			float: left;
			width: 909px;
			background: url(../img/news-content1.jpg);
		}
			#selectNews #content1-a {
			float: left;
				font-size: 16px;
				color: #ebf8ff;
				width: 272px;
				padding: 20px;
				padding-top: 30px;
			}
				#selectNews #content1-a .level1 {
					margin-top: 10px;
					margin-bottom: 20px;
				}
					#selectNews #content1-a .level1 li a {
						color: #ebf8ff;
						padding-left: 13px;
						background: url(../img/news-arrow-right.png) no-repeat center left;
					}
				#selectNews #content1-a .level2 {
					margin-left: 15px;
					margin-bottom: 10px;
				}
				#selectNews #content1-a .level3 {
					margin-left: 15px;
					margin-bottom: 10px;
				}
					#selectNews #content1-a .level3 li a {
						padding-left: 0;
						background: none;
					}
				#selectNews #content1-a .level3 a {
					text-decoration: underline;
					color: #ebf8ff;
					padding: 2px;
				}
					#selectNews #content1-a .level3 a:hover {
					text-decoration: none;
					color: #154a72;
					background: #b8dffd;
					}
				#selectNews #content1-a li {
					margin-bottom: 5px;
				}
				#selectNews #content1-a h2 {
					font-size: 16px;
					font-weight: normal;
					width: 201px;
					padding-right: 16px;
					background: url(../img/news-arrow.png) no-repeat top left;
					padding-left: 5px;
					padding-top: 5px; padding-bottom: 5px;
				}
			#selectNews #content1-b {
				float: left;
				width: 507px;
				color: #1f1f1f;
				margin-left: 26px;
				margin-top: 23px;
				margin-bottom: 23px;
				padding: 20px;
				background: #e3f9ff;
			}
				#selectNews #content1-b h2 {
					font-size: 35px;
					margin-bottom: 0;
					padding-bottom: 0;
				}
				#selectNews #content1-b p {
					margin-bottom: 0.6em;
					line-height: 1.3em;
				}
				#selectNews #content1-b p a {
					color: #2f5b99;
					text-decoration: underline;
					padding: 2px;
				}
					#selectNews #content1-b p a:hover {
						color: #ffffff;
						background: #2f5b99;
						text-decoration: none;
					}
				#selectNews #content1-b .publish {
					font-size: 14px;
					color: #4f4f4f;
				}
					#selectNews #content1-b .publish a {
						color: #4f4f4f;
						text-decoration: underline;
					}
						#selectNews #content1-b .publish a:hover {
							text-decoration: none;
							color: #000000;
							background: none;
						}
		#selectNews #news-comments {
			margin-top: 20px;
			margin-bottom: 30px;
		}
			#selectNews #news-comments h3 {
				font-weight: bold;
				font-size: 19px;
			}
			#selectNews #news-comments #comment-add {
				float: right;
				margin-top: -15px;
				width: 127px;
				height: 29px;
				padding: 0;
			}
				#selectNews #news-comments #comment-add a {
					display: block;
					width: 100%;
					height: 100%;
					padding: 0;
					text-indent: -10000em;
					background: url(../img/add-comment.png) top left no-repeat;
				}
					#selectNews #news-comments #comment-add a:hover {
						background-position: top right;
					}
			#selectNews .news-comment {
				clear: both;
				border-top: 1px solid #636363;
				padding-top: 7px;
				padding-bottom: 12px;
				font-size: 14px;
			}
			#selectNews .comment-name {
				font-weight: bold;
				color: #3c3c3c;
			}
			#selectNews .comment-date {
				color: #4f4f4f;
			}
	#selectContact {
		width: 700px;
	}
		#selectContact h1 {
			width: 700px;
			height: 105px;
			text-indent: -10000em;
			background: url(../img/contact-header.png) no-repeat;
		}
		#selectContact #contact-content {
			clear: left;
			float: left;
			width: 646px;
			padding: 27px;
			background: #ffffff;
		}
			#selectContact #contact-content form {
				float: left;
				width: 350px;
				line-height: 1.5em;
				font-size: 16px;
				border-right: 1px solid #aeaeae;
			}
			#selectContact #contact-content label {
				display: block;
				margin-bottom: 4px;
				padding-top: 2px;
			}
			#selectContact #contact-content .inputText {
				width: 300px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid #686767;
				font-size: 16px;
			}
				#selectContact #contact-content .inputTextError {
				width: 300px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid #9f0f0f;
				font-size: 16px;
				}
			#selectContact #contact-content .textarea {
				font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				font-weight: 400;
				width: 300px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid #686767;
				font-size: 16px;
			}
				#selectContact #contact-content .textareaError {
				font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				font-weight: 400;
				width: 300px;
				padding: 5px;
				margin-bottom: 15px;
				border: 1px solid #9f0f0f;
				font-size: 16px;
				}
			#selectContact #contact-content #contact-submit {
				float: left;
				clear: left;
			}
			#selectContact #contact-content .button {
				display: block;
				float: left;
				padding: 10px;
				padding-left: 15px; padding-right: 15px;
				font-size: 16px;
			}
			#selectContact #contact-content .error {
				font-style: italic;
				padding-left: 27px;
				margin-left: 20px;
				background: url(../img/warning-icon.png) no-repeat;
			}
			#selectContact #contact-content #success {
				float: left;
				width: 11.5em;
				font-size: 14px;
				margin-top: 1px;
				margin-left: 12px;
				padding: 10px;
				padding-left: 34px;
				color: #242424;
				border: 1px solid #a7c88f;
				background: #e3ffcf url(../img/success-tick.png) no-repeat;
			}
		#selectContact #contact-tradition {
			float: left;
			line-height: 1.4em;
			margin-left: 20px;
		}
			#selectContact #contact-tradition h2 {
				font-size: 17px;
				color: #343434;
				
			}
			#selectContact #contact-tradition p {
				margin-bottom: 15px;
			}
			#selectContact #contact-tradition .renmedia {
			margin: 0;
			padding: 0;
		}
#quote-content {
	padding: 27px;
	padding-right: 273px;
	margin-bottom: 25px;
	background: #ffffff;
	float: left;
	clear: left;
	width: 400px;
}
	#facebox #quote-content {
		overflow-y: auto;
		height: 400px;
	}
			#quote-content label {
				display: block;
				margin-bottom: 4px;
				padding-top: 2px;
			}
			#quote-content .inputText {
				width: 400px;
				padding: 8px;
				margin-bottom: 15px;
				border: 1px solid #686767;
				font-size: 16px;
			}
				#quote-content .inputTextError {
				width: 400px;
				padding: 8px;
				margin-bottom: 15px;
				border: 1px solid #9f0f0f;
				font-size: 16px;
				}
			#quote-content .textarea {
				font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				font-weight: 400;
				width: 400px;
				padding: 8px;
				margin-bottom: 15px;
				border: 1px solid #686767;
				font-size: 16px;
			}
				#quote-content .textareaError {
					font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
					font-weight: 400;
					width: 400px;
					padding: 8px;
					margin-bottom: 15px;
					border: 1px solid #9f0f0f;
					font-size: 16px;
				}
			#quote-content .select {
				width: 400px;
				padding: 8px;
				margin-bottom: 15px;
				border: 1px solid #686767;
			}
			#quote-content #contact-submit {
				float: left;
				clear: left;
			}
			#quote-content .button {
				display: block;
				float: left;
				padding: 10px;
				padding-left: 15px; padding-right: 15px;
				font-size: 16px;
			}
			#quote-content .error {
				font-style: italic;
				padding-left: 27px;
				margin-left: 20px;
				background: url(../img/warning-icon.png) no-repeat;
			}
			#quote-content #success {
				float: left;
				display: block;
				width: 16em;
				font-size: 14px;
				margin-top: 1px;
				margin-left: 12px;
				padding-top: 13px;
				padding-bottom: 14px;
				padding-left: 34px;
				color: #242424;
				border: 1px solid #a7c88f;
				background: #e3ffcf url(../img/success-tick.png) no-repeat;
			}
#selectOther {
	width: 700px;
}
	#selectOther h1 {
		margin-bottom: 0;
		width: 675px;
		height: 85px;
		color: #ffffff;
		font-size: 50px;
		padding-left: 25px;
		padding-top: 20px;
		background: url(../img/other-header.png) repeat-x;
	}
	#selectOther .h1-small {
		font-size: 20px;
		padding-top: 5px;
		height: 30px;
		padding-right: 25px;
		width: 650px;
		text-align: right;
		background-position: left center;
	}
	#selectOther .smallOther {
		font-size: 30px;
	}
	#selectOther #other-content {
		padding: 20px;
		padding-bottom: 40px;
		background: #ffffff;
		line-height: 1.3em;
	}
	#facebox #selectOther #other-content {
		height: 400px;
		overflow-y: auto;
	}
		#selectOther #other-content h2 {
			margin-top: 25px;
			margin-bottom: 5px;
			font-size: 21px;
			font-weight: bold;
			color: #212121
		}
		#selectOther #other-content p {
			margin-bottom: 1.2em;
		}
		#selectOther #other-content a {
			padding: 2px;
			color: #1e5084;
			text-decoration: underline;
		}
			#selectOther #other-content a:hover {
				color: #ffffff;
				background: #1e7bc9;
				text-decoration: none;
			}
#facebox #page-view-head {
	position: absolute;
	left: -10000em;
}
#facebox #page-view-foot {
	position: absolute;
	left: -10000em;
}
#footer {
	width: 100%;
	float: left;
	clear: left;
	color: #daa7a6;
	line-height: 1.5em;
	font-size: 0.87em;
	margin-top: 50px;
	padding-bottom: 200px;
	background: url(../img/footer_bg.png) repeat-x;
}
	#footer-content-wrap {
		width: 909px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer-content {
		padding-top: 114px;
		float: left;
		width: 909px;
		background: url(../img/footer_img.png) top right no-repeat;
	}
		#footer #footer-copyright {
			float: left;
			padding-left: 135px;
			padding-right: 35px;
			border-right: 1px solid #daa7a6;
			background: url(../img/footer_logo.png) no-repeat;
		}
		#footer #footer-list {
			margin-left: -1px;
			float: left;
			padding-left: 35px;
			border-left: 1px solid #daa7a6;
		}
	#footer li {
		margin-bottom: 8px;
	}
	#footer a {
		padding: 4px;
		color: #daa7a6;
	}
		#footer a:hover {
			color: #810502;
			background: #daa7a6;
		}