body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8f8f8f;}

/*->default's------------------------------------------------------------*/
#pageLayout {width: 960px; margin: 0 auto;}
a img {border: none;}
form {margin: 0;}
.alright {text-align: right;}
.description {font-size: 10px;}
.error {color: #d42020; font-weight: bold;}
p {margin: 1em 0;}

/*->pageHeader-----------------------------------------------------------*/
#pageHeader {clear: both; width: 100%; border-bottom: 2px solid #d0cd80; position: relative; margin: 30px 0 0; height: 120px; font-size: 14px; color: #bab6ad;}
  #pageLogo {position: absolute; left: 0; top: 0;}
	#pageSearch {clear: both; width: 220px; position: absolute; right: 0;}
	  #pageSearch input.txt {border: 1px solid #e6e5e1; background: #fff; padding: 3px 6px; width: 120px; color: #bab5b1; height: 16px; margin: 0;}
		#pageSearch input.btn {border: 1px solid #d4d1cc; background: #fff; color: #bab5b1; padding: 2px; border-left: none; cursor: pointer; height: 24px; margin: 0;}
	#pageMenu {margin: 0; padding: 0; list-style-type: none; clear: both; position: absolute; bottom: 10px; right: -8px;}
	  #pageMenu li {display: inline;}
		#pageMenu a {color: #bab6ad; text-decoration: none; margin: 0 8px;}
		#pageMenu a:hover, #pageMenu a.sel, #pageFooter a:hover, #breadCrumb a:hover, #facilities div.map a:hover, #contact div.map a:hover {color: #868070;}

/*->pageContent----------------------------------------------------------*/
#pageContent {clear: both; position: relative; width: 100%;}
	#static h1, #static h2, #static h3, #static h4 {color: #a49900; font-size: 22px; font-weight: normal;margin: 1em 0;}
	#static h2, h2 {font-size: 18px;}
	#static h3, h3 {font-size: 14px;}
	#static h4, h4 {font-size: 12px; text-transform: uppercase; color: #8F8F8F;}
	#static ul, #static ol, ol, ul {padding: 0 0 0 25px;margin: 1em 0;}
	#static a, a {color: #a49900;}
	#static a:hover, a:hover {color: #8F8F8F;}
  .narrow, .wide, .half, .full {width: 220px; float: left; overflow: hidden; margin-top: 20px;}
	.index .narrow, .index .wide, .index .half, .index .full {margin-top: 0; padding-bottom: 20px;}
	.shops .narrow {padding-bottom: 8px;}
	.wide {width: 740px;}
	.full {width: 100%;}
	.half {width: 50%;}
  #map {border: 1px solid #887f6f; width: 738px; clear: both; overflow: hidden; float: left;}
	.full p, .full ul, .full ol {margin: 1em 0;}
	.full h3 {font-size: 14px; font-weight: normal;}
	
	#leftMenu {padding: 0 20px;}
	#leftMenu h3, #leftMenu h4 {margin: 0 0 0.7em; font-size: 14px; color: #8a8171; font-weight: normal; text-transform: uppercase;}
	#leftMenu h4 {font-size: 12px; color: #a49903; margin-bottom: 0.5em;}
	#leftMenu ul {margin: 0 0 1em; padding: 0; list-style-type: none; float: left; width: 100%;}
	#leftMenu li {float: left; width:100%;}
	#leftMenu li a {text-decoration: none; color: #88806e; position: relative; float: left;}
	#leftMenu li a.unit {padding-left: 46px;}
	#leftMenu li a span { color: #5c5544;}
	#leftMenu li a:hover, #leftMenu li.sel a, #leftMenu li a:hover span {color: #a49a00;} 
	#leftMenu li a.unit span {position: absolute; left: 0; top: 0;}
	#leftMenu .section {float: left; width: 100%;}
	
	#breadCrumb {clear: both; padding: 1px 0 20px;}
	  #breadCrumb a {margin-right: 5px; color: #a49a00; text-decoration: none;}
		#breadCrumb span {margin: 0 5px;}
		
	#shop {clear: both; width: 100%; float: left; overflow: hidden; font-size: 14px;}
	  #shop a, #about a {color: #a49a00; text-decoration: none;}
		#shop, #shop a:hover, #about a:hover, #lettings a:hover, #shop .job a:hover {color: #887f6f;}
	  #shop h3, #detailNews h3 {margin: 0 0 0.7em; font-size: 14px; font-weight: normal; color: #8a8171;}
		#shop .gallery h3, #detailNews h3 {margin: 0;}
		#shop h2 {font-size: 18px; margin: 1em 0 0.7em; font-weight: normal; text-transform: uppercase;}
		#shop .mainInfo h2 {color:#a49a00;}
		#shop .mainInfo {float: left; overflow: hidden; width: 460px;}
		#shop .special, #shop .job {padding: 10px 25px 20px; width: 230px; float: left; overflow: hidden; margin-bottom: 10px; background: #b8e5eb; color: #4f4f4f;}
		#shop .special .download a {color: #887f6f; background: url(../images/icons/pdf_small.gif) no-repeat left top; padding: 12px 0 12px 47px;}
		.resizePanel {position: absolute; right: 0; top: 0; margin-top: -30px;}  
		  .resizePanel span {font-size: 20px; line-height: 1em; padding-right: 4px; float: left;}
			.resizePanel small {float: left; padding: 7px 2px 0 0;}
			.resizePanel a {border: 1px solid #c3bfb7; padding: 1px 5px; position: relative; margin: 0 1px 0 4px; text-align: center; font-weight: bold; color: #887f6f; float: left; font-size: 14px; text-decoration: none; color: #8F8F8F;}
			#shop .resizePanel a {color: #8F8F8F;}
			#shop .resizePanel a:hover {border: 1px solid #a49a00;}
		#shop .content, #shop .gallery, #detailNews .gallery, #detailNews .content, #detailNews .down {border-top: 1px solid #e7e5e2; float: left; width: 100%; padding: 15px 0; position: relative;}
		#shop .gallery, #detailNews .gallery {width: 760px;}
		#detailNews .gallery {width: 980px;}
		#shop .gallery a, #detailNews .gallery a {float: left; margin: 15px 20px 0 0; height: 130px; width: 168px; overflow: hidden; border: 1px solid #887f6f;}
		#shop .job {background: #e4e2b2;}
		#shop .job a {color: #505050;}
		#shop .specialjobs {margin-bottom: 30px; float: left; width: 280px;}
	
	#facilities {padding-bottom: 4px;}	
	  #facilities h3 {margin: 1em 0 0.8em; font-weight: normal; text-transform: uppercase; font-size: 14px;}
		#facilities .oddpost {background: #f9f9f9;}
		#facilities .grey {background: #e9e9e9;}
		#facilities div.col {float: left; padding: 5px 15px; width: 130px;}
		#facilities .bgPict {width: 100%; height: 130px; float: left; clear: both;}
		#facilities div.notice {width: 290px; float: left; padding: 5px 15px;}
		#facilities div.map {width: 310px; float: left; padding: 5px;}
		  #facilities div.map div, #contact div.map div {width: 308px; float: left; overflow: hidden; border: 1px solid #cacaca; margin-bottom: 5px;}
		  #facilities div.map a, #contact div.map a {font-size: 18px; text-decoration: none; color: #666666;}
			#contact div.map div {width: 408px; clear: both; margin-left: 70px; _display: inline;}
		#facilities div.col, #facilities div.col p, #facilities div.col ol, #facilities div.col ul, #facilities div.col span, #facilities div.col div, #facilities div.col font, #facilities div.col, #facilities div.notice p, #facilities div.notice ol, #facilities div.notice ul, #facilities div.notice span, #facilities div.notice div, #facilities div.notice font {font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; color: #8F8F8F !important;} 
	
	#about {padding-bottom: 4px;}		
	  #about .pict {width: 165px; padding-right:0;}
		#about h3, #lettings h3 {text-transform: uppercase; margin: 0;}
		#about p {margin-bottom: 0;}
	#about .collage {clear: both; padding-bottom: 5px;}
	#about .oddpost {background: #f9f9f9;}
	
	#contact {float: left; width: 100%; overflow: hidden; padding-bottom: 4px;}
	#contact td {padding: 0 0 15px;}
	#contact .fwdth input {width: 280px;}
	#contact .fwdth textarea {width: 390px;}
	.text input, .text textarea {border: 1px solid #887f6f; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #887f6f;}
	.btn input {background: none; border: 1px solid #887f6f; font-size: 14px; color: #887f6f; text-transform: uppercase; padding: 0 10px; margin: 0; cursor: pointer;}
	
	#news {padding-bottom: 4px; color: #8f8f8f;}
	.lastNews, .listNews {clear: both; float: left; width: 980px; margin: -10px 0 0 -10px; _display: inline;}
	.listNews {margin: -10px 0 -10px -10px;}
	.listNews td.oddpost, #lettings td.oddpost {background: #f9f9f9;}
	.lastNews td {background: #e9e9e9;}
	.lastNews .lastNew {float: left; width: 445px; overflow: hidden; padding: 15px; background: #e9e9e9; position: relative; height: 100%;}
	.lastNews .photo {width: 215px; overflow: hidden; float: left;}
	.listNews .photo {margin-right: 10px; float: left; width: 170px;}
	.lastNews .lastNew .data {float: left; width: 215px; margin-left: 15px;}
	.lastNews a, .listNews a {color: #8f8f8f; text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: normal; clear: both;}
	.lastNews a.more, .listNewsItem a.more {text-transform: lowercase; position: absolute; bottom: 7px; right: 9px; font-size: 12px;}
	.lastNews .date, .listNews .date {color: #494949; padding-bottom: 7px;}
	.listNews .listNewsItem {padding: 10px; position: relative;}
	#detailNews .down a {float: left; margin: 8px 0 0; background: url(../images/icons/pdf_w.gif) no-repeat left top; padding: 13px 0 13px 48px; font-size: 14px; text-decoration: none; color: #887f6f;}
	#detailNews .down a:hover, #detailNews .date {color: #494949;}
	#detailNews h1 {font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 1em 0 0;}
	#detailNews .date {font-size: 14px; padding-bottom: 10px;}
	
	.listNews .listJobsItem {padding: 15px; background: #f9f9f9; font-size: 13px; width: 445px; float: left;}
	.listNews .listJobsItem .logo {float: left; width: 120px; overflow: hidden;}
	.listNews .listJobsItem .titles {float: left; padding-left: 15px; width: 310px;}
	.listNews .listJobsItem .titles b {font-size: 18px; font-weight: normal; color: #a49a00; display: block; clear: both;}
	.listNews .listJobsItem .lineD {clear: both; float: left; width: 100%; padding-top: 10px;}
	.listNews .listJobsItem .cat {clear: both; display: block;}
	.listNews .listJobsItem p {margin: 0 0 0.8em;}
	
	.pages {clear: both; width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 20px; font-size: 14px;}
	.pages a, .pages b {color: #cccccc; text-decoration: none; margin: 0 5px;}
	.pages a:hover, .pages b {color: #434343;}
	
	#lettings a {color: #a49a00; text-decoration: none;}
	#lettings .docsList, #lettings .agents {clear: both; width: 1020px; margin-left: -30px;}
	#lettings .docsList {margin-bottom: -26px;}
	.pdfItem {float: left; background: url(../images/icons/pdf_large.gif) no-repeat 15px 15px; padding: 15px 15px 15px 130px; width: 320px;}
	#lettings .agents {margin: -30px 0 -30px -30px;}
	.agents .half {margin-top: 10px; width: 49%;}
	#lettings .agents .half h3 {text-transform: none; margin-top: 12px;}
	#lettings .showPhotos, #lettings .showPhotos a {width: 445px; height: 230px; float: left; margin-bottom: 7px; overflow: hidden;}
	#lettings .gallery {padding: 10px; background: #887f6f;}
	#lettings .gallery a {color: #fff; font-size: 14px; text-transform: uppercase;}
	#lettings .gallery a:hover {color: #dadadc;}
	
	#static {padding-bottom: 4px; margin-top: 0;}
	
	#text_resize div, #text_resize span, #text_resize p, #text_resize font {font-size: 1em !important; line-height: 1.2em !important; color: inherit !important;}
		
/*->pageFooter-----------------------------------------------------------*/
#pageFooter {clear: both; position: relative; background: #e2e6e7; color: #a2adb3; padding: 6px 13px; text-align: right; margin: 0 0 30px; width: 934px;}
  #pageFooter ul {margin: 0; padding: 0; position: absolute; left: 13px; top: 6px;}
	#pageFooter ul li {display: inline;}
	#pageFooter .first span {display: none;}
	#pageFooter a {color: #a2adb3; text-decoration: none;}