/* 
	
	Pink 			: #ED145A
	
	Background colours
	---------------------------------
	
	Background gray			: #5F6062
	Foreground brown		: #38362B
	
	Text colours
	---------------------------------
	Gray					: #95A3AB
	Normal					: #fff
	
*/

@import "reset.css"; /* Reset all */

body {
	background: #5F6062;	
	color: white; font-family: Arial; }

a { color: #ED145A; }

#container {
	/* Layout */
	margin: 0 auto; padding: 19px; width: 630px;
	/* Styling */
	background: #38362B;
	
	/* CSS3 */
	-webkit-box-shadow: 0px 1px 15px #000;
	-moz-box-shadow: 2px 1px 4px #888;
	box-shadow: 2px 1px 4px #888; }

.clear { clear: both; }

/* ----------------------------------------- 
	Header
----------------------------------------- */

#c-header { height: 73px; margin-bottom: 10px; }

#c-header h1 {
	float: left; }

#c-header h1 a {
	display: block; height: 73px; overflow: hidden; width: 280px;
	background: url(images/symbols.png) -4px -270px;	
	text-indent: -5000px; }

#c-header h2 {
	float: right; margin-top: 15px; }

#c-header h2 a {
	display: block; height: 45px; overflow: hidden; width: 172px;
	background: url(images/symbols.png) -198px -11px;	
	text-indent: -5000px; }

/* ----------------------------------------- 
	Navigation 
----------------------------------------- */

.main-nav {
	border-top: 2px solid #ED145A; margin-top: 12px; z-index: 10;
	color: #95A3AB; list-style: none;
	font-size: 1.3em; font-weight: bold; }



.main-nav li { z-index: 10; }

.main-nav a {
	color: #fff;
	text-decoration: none; }

/* ----------------------------------------- 
	Contents
----------------------------------------- */

#c-content { z-index: 1; }

#c-displayImages { display: block; height: 219px; margin: 50px 0 10px 0; overflow: hidden; width: 631px;  z-index: 1;  }

#c-displayImages img { z-index: 3; }

#c-content h1 {
	float: left; margin-bottom: 24px; width: 386px;
	font-size: 1.8em; font-weight: bold; }

.default_template #c-content h1 { margin-bottom: 10px; }

.box1 { clear: left; float: left; width: 386px;	 }

.default_template #c-content .box1 p, .articles_template #c-content .box1 p {
	margin: 5px 20px 5px 0;
	font-size: 1.1em; line-height: 1.4em; }

/* ----------------------------------------- 
	Home page
----------------------------------------- */

.home_template .box1 { width: 114px; }

.home_template .box1 p.intro {
	margin-bottom: 15px; width: 114px;
	font-size: 1.2em; font-weight: bold; }

.home_template .box1 p.intro strong {
	display: block;
	color: #ED145A; }

div.invitation-box {	
	height: 172px; padding: 4px; width: 100px;
	background: url(images/bg-invitation.jpg) white bottom no-repeat; color: #38362B; }

div.invitation-box p { font-size: 1.6em; }

div.invitation-box em { color: #ED145A; }

div.invitation-box a {
	display: block; margin: 0; padding: 0;
	font-size: 1.1em; text-decoration: underline; }

.home_template .box2 {
	float: left; margin-left: 10px; width: 280px;
	font-size: 1.1em; }

.home_template .box2 p {
	padding: 5px 0;
	line-height: 1.4em; }


/* ----------------------------------------- 
	Articles
----------------------------------------- */

div.article { margin: 0 0 10px; }

div.article h2 a { 
	color: #95A3AB;
	font-size: 12px; font-weight: bold; text-decoration: none;  }

div.article-footer { border-top: 1px solid #95A3AB; }

div.article-footer ul, div.article-footer li { list-style: none; }

div.article-footer ul { height: 30px; }

div.article-footer li { display: block; float: left; margin-right: 5px; padding: 5px 2px 2px 2px; width: 150px; }

ul.articlePagination {
	height: 20px; margin: 0 auto;
	text-align: center; }

ul.articlePagination li { display: block; float: left; margin-right: 5px; padding: 2px; width: 70px; }


/* ----------------------------------------- 
	Apartments
----------------------------------------- */

.section-nav { float: left; height: 54px; margin-bottom: 10px; width: 325px; }

.section-nav li { float: left; }


.section-nav li a {
	display: block; height: 14px; margin: 0 4px 2px 0; padding: 2px 0 0 4px; overflow: hidden; width: 99px;
	background: url(images/symbols.png); background-position-x: -161px; background-position-y: -170px; color: white;
	font-size: 1em; font-weight: bold; text-decoration: none; }

.section-nav li a.selected, .section-nav li a:hover { background-position-x: -382px; color: #ED145A; }

.section-nav li.number-one-overview-and-plans a,
.section-nav li.the-heart-overview-and-plans a {
	clear: both; margin-right: 112px; width: 206px;
	background-position-x: -54px;  }

.section-nav li.number-one-overview-and-plans a.selected, 
.section-nav li.number-one-overview-and-plans a:hover,
.section-nav li.the-heart-overview-and-plans a.selected,
.section-nav li.the-heart-overview-and-plans a:hover { background-position-x: -275px; color: #ED145A; }

div.agents a {
	display: block; height: 30px; margin: 20px 0 0 -43px; padding: 3px 6px 0 0; width: 177px;
	background: url(images/symbols.png) -54px -207px; color: white;	
	font-size: 1.1em; font-weight: bold; text-align: right; text-decoration: none; }

div.agents strong {
	display: block; height: 20px; width: 97px;
	background: url(images/logo-king-sturge.gif) no-repeat;
	text-indent: -5000px; }

	/* ----------------------------------------- 
		Number one
	----------------------------------------- */


	h3.number-one {
		display: block; height: 35px;float:left; margin-top: 30px; overflow: hidden; width: 103px;
		background: url(images/logo-number-one.png) no-repeat;
		text-indent: -5000px; }
	
	
	h3.the-heart {
		display: block; height: 32px;float:left; margin-top: 30px; overflow: hidden; width: 80px;
		background: url(images/logo-the-heart.gif) no-repeat;
		text-indent: -5000px; }
		
	a.price-list{background: #E90F48;color: white;display: block;float: right;font-size: 12px;font-weight: bold;height: 13px;padding: 8px;margin:28px 34px 0 0;text-decoration: none;text-transform:uppercase;width: 146px;}
		
		
	
	/* ----------------------------------------- 
		Apartments - specification
	----------------------------------------- */
	
	.list_template .content-box { font-size: 1.1em; }
	
	.list_template #c-content h1 { clear: both; margin-bottom: 14px; }
	
	.content-box { float: left; margin: 0 5px 0 0; width: 200px; 	}
	
	.list_template .content-box h3 {
		margin-top: 10px;
		color: #ED145A;
		font-size: 1em; font-weight: bold; }	
	
	.list_template .content-box li {
		margin-left: 15px;
		line-height: 1.4em; }

	
	.list_template .box3 p { margin-top: 10px; }
	
	.list_template .box3 p, .list_template .box3 p a { color: #C4C7CF; }
	
	
	/* ----------------------------------------- 
		Plans
	----------------------------------------- */
	
	.plans { margin-left: 390px; width: 224px; }
	
	.plans h3 { font-size: 1em; font-weight: bold; text-align: center; }
	
	.plans a {
		color: #C4C7CF;
		font-size: 1.1em; text-decoration: none; }

	.plans ul {
		height: 20px;
		list-style: none; }
	
	.plans li { float: left; }
	
	.plans li.back { margin-right: 70px; }
	
	.plans li.open a {
		display: block; height: 20px; overflow: hidden; width: 20px;
		background: url(images/symbol-open.gif) no-repeat;
		text-indent: -5000px; }
	
	.plans li.next { margin-left: 70px; }

	.plans li.back, .plans li.next { margin-top: 7px; }

/* ----------------------------------------- 
	Enquiry page
----------------------------------------- */

.enquiries_template .box1 {
	margin-right: 10px; width: 100px;
	color: #C4C7CF;
	line-height: 1.4em; }

.enquiries_template .box2 { float: left; width: 300px; }

.enquiries_template label { display: block; float: left; padding-top: 6px; width: 80px; }

.enquiries_template input.textbox, .enquiries_template textarea { width: 208px; margin-bottom: 5px; }

.enquiries_template textarea { height: 100px; margin-top: 10px; }

/* Checkboxes */

div.form-apartment-type { margin-top: 5px; }

div.form-apartment-type label { width: 55px; }

div.form-apartment-type-studio label { width: 35px; }

div.form-apartment-type input { float: left; margin: 5px 5px 0 0; }

/* Radio buttons */

div.form-buyer-type label { width: 60px; }

div.form-buyer-type-buyer label { width: 115px; }

div.form-buyer-type-to-let label { width: 50px; }

div.form-buyer-type-let label { width: 15px; }

div.form-buyer-type-investor label { width: 40px; }

div.form-buyer-type input { float: left; margin: 4px 5px 0 3px; }

#form-submit {
	margin: 10px 0 0 190px; padding: 2px 4px; width: 100px;
	background: url(images/bg-enquires-submit-btn.png) repeat-x; border: none; color: #fff;
	font-size: 0.9em; font-weight: bold; text-align: left; text-transform: uppercase; }

/* ----------------------------------------- 
	Gallery
----------------------------------------- */

#gallery_layout #c-content h1 { margin-bottom: 5px; }

#gallery_layout #c-content h2 {
	clear: left; float: left; margin-bottom: 10px; width: 386px;
	color: #95A3AB;
	font-size: 1.2em; font-weight: bold; }

#galleriesNav { clear: left; float: left; margin-bottom: 10px; width: 386px; }
#galleriesNav li {
	display: inline; margin: 0 23px 0 0;
	list-style: none;
	font-size: 12px; }
#galleriesNav a {  }

#galleries { float: left; }

div.gallery { width: 375px; }

div.gallery ul {
	margin: 0; padding: 0;
	list-style: none; }

div.gallery li { display: block; float: left; margin: 0 10px 10px 0; }


/* ----------------------------------------- 
	Extra info
----------------------------------------- */

#c-extraInfo { margin-left: 425px; width: 203px;  }

#c-enquiries {
	height: 113px; padding: 12px;
	background: url(images/bg-enquiries.gif) repeat-x;  }

#enquiries_layout #c-enquiries {
	height: 233px;
	background: url(images/bg-enquires.png); }

#c-enquiries h3 {
	font-size: 1.6em; font-weight: bold; }

a.email-us {	
	display: block; height: 32px; margin: -21px 0 0px 82px; padding: 6px 0 0 5px; width: 144px;
	background: url(images/symbols.png) -337px -116px; color: white;
	font-size: 1.2em; font-weight: bold; text-decoration: none; }

span.tel {
	display: block;
	font-size: 1.8em; font-weight: bold; }

.fullname {
	display: block;
	font-size: 1.2em; font-weight: bold; }

.company {
	display: block; margin-bottom: 10px;
	font-size: 1.2em; }

.personal-email {
	display: block; margin: 5px 0 15px;
	font-size: 1.2em; }

span.opening-times {
	display: block;
	font-size: 1.1em; }

#enquiries_layout span.opening-times {
	font-size: 1.2em; }

a.google-map {
	display: block; margin-top: 5px;
	font-size: 1.2em; }

.sidelinks, .sidelinks li {
	list-style: none; }

.sidelinks li.visit-mediacityuk {
	display: block; height: 32px; margin: 5px 0 -5px 95px; padding: 6px 0 0 5px; width: 144px;	
	background: url(images/symbols.png) -337px -116px; color: white;	
	font-size: 1.2em; font-weight: bold; text-decoration: none; }

.sidelinks li.visit-mediacityuk a { color: #fff; text-decoration: none; }

.sidelinks li.pod {
	list-style: none; }

.sidelinks li.pod a {
	display: block; height: 24px; margin: 5px 0; padding: 6px 12px 12px 12px; 
	background: url(images/bg-call-to-actions.gif) repeat-x;	
	color: #fff; font-size: 1.2em; text-decoration: none; }

.sidelinks li.pod a .title {
	display: block; margin: 0; padding: 0 0 2px 10px;
	background: url(images/bg-forward-slash.png) no-repeat 0 2px;	
	font-size: 1.4em; }

/* ----------------------------------------- 
	Footer
----------------------------------------- */

.errorBox {
	margin-top: 5px; padding: 5px;
	border: 1px dashed red; }

.errorBox p {
	color: #ff0000;
	font-weight: bold; }

.errorBox li { margin-left: 15px;  }

/* ----------------------------------------- 
	Footer
----------------------------------------- */

#c-footer {
	border-top: 2px solid #ED145A; height: 15px; margin-top: 15px; padding: 9px 0;
	list-style: none;
	font-size: 9px; text-transform: uppercase; }

#c-footer li {
	float: left; margin-left: 5px;	
	list-style: none;	 }

#c-footer li a { color: #fff; text-decoration: none; }

ul.footer-links li { padding-top: 10px; }

ul.footer-links li.the-peel-group { padding-top: 0; }

#c-footer li.the-peel-group a {
	display: block; float: left; height: 30px; margin: 0; overflow: hidden; width: 80px;
	background: url(images/symbols.png) -400px -23px;
	text-indent: -5000px }

#c-footer .social-links { float: right; }

#c-footer .social-links li { padding-top: 5px; }

#c-footer .social-links li a {
	display: block; height: 19px; overflow: hidden; width: 19px;
	background-image: url(images/symbols.png);
	background-repeat: no-repeat;
	background-position-y: -117px;
	text-indent: -5000px }

#c-footer .social-links li.twitter a { background-position-x: -50px; }

#c-footer .social-links li.facebook a { background-position-x: -102px;	 }

#c-footer .social-links li.youtube a { background-position-x: -149px; }

#c-footer .social-links li.flickr a { background-position-x: -202px; }