/* GLOBAL */

body { margin: 0px auto; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
body { background: url(/image/background.jpg) repeat; }

h1 { margin: 0px; padding: 0px; }
h2 { margin: 0px; padding: 0px; }
h3 { margin: 0px; padding: 0px; }

ul { margin: 0px; padding: 0px; }
li { list-style-type: none; }

ul.bullet { display: block; float: right; margin-top: 20px; padding-left: 24px; width: 600px; }
ul.bullet li { list-style-type: square; }

td { font-size: 10px; }

p { margin: 0px; padding: 0px; font-size: 14px; }

/* GLOBAL CLASS */

.nodisplay { display: none; }

.fleft { display: block; float: left; }
.fright { display: block; float: right; }

img.fleft { padding: 4px; border: 1px solid #CCC; margin-right: 24px; margin-bottom: 14px; }
img.fright { padding: 4px; border: 1px solid #CCC; margin-left: 24px; margin-bottom: 14px; }

/* ACCESSIBILITY */

#accessibility { margin: 0px; padding: 0px; }

/* HEADER */

#header { background: #FFF url(../image/logo.gif) 10px 30px no-repeat; margin: 0px auto; padding: 30px 0px 0px 0px; }
#header { display: block; width: 891px; clear: both; height: 88px; }
	#header h1 { color: #CE0000; margin-left: 242px; font-size: 28px; font-weight: bold; letter-spacing: -1px; }
	#header h2 { color: #999; letter-spacing: -1px; margin-left: 242px; font-size: 18px; margin-top: 0px; }
	#header h3 { margin: -110px 0px 0px 320px; padding: 8px 0px 6px 0px; width: 570px; text-align: center; }
	#header h3 { display: block; position: absolute; background: #333; color: #FFF; }
	#header h3 { font-size: 12px; letter-spacing: 2px; }
	#header h3 a { color: #FFF; text-decoration: none; }

/* NAVIGATION*/

#navigation { background: #CE0000; margin: 0px auto; padding: 0px; }
#navigation { display: block; width: 890px; height: 31px; }
	#navigation:hover { background: #CCC; }
	#navigation li { display: inline; }
		#navigation li a { display: block; background: #CE0000; float: left; }
		#navigation li a { border-right: 1px solid #FFF; font-size: 14px; }
			#navigation li a.last { border: 0px; }
		#navigation li a { margin: 0px; padding: 8px 10px 8px 10px; }
		#navigation li a { color: #FFF; font-weight: normal; text-decoration: none; }
			#navigation li a:hover { background: #666; color: #FFF; }
			#navigation li a.this { background: #333; color: #FFF; }
			#navigation li a.this_last { background: #333; color: #FFF; border: 0px; }

/* SUB-NAVIGATION */

#subnav { background: #333; margin: 1px auto; padding: 8px 12px 8px 12px; }
#subnav { display: block; width: 866px; }
#subnav p { font-size: 11px; color: #FFF; } 

/* CONTENT */

#content { background: #FFF; margin: 1px auto; padding: 14px 0px 40px 0px; margin-bottom: 10px; }
#content { display: block; clear: both; width: 881px; }
	#content.index { width: 891px; height: 253px; padding: 0px; margin-bottom: 0px;  }

	#content h2 { padding: 0px 0px 10px 0px; display: block; color: #CE0000; }
	#content h2 a { color: #CE0000; }
	#content p { margin-bottom: 10px; text-align: justify; }

/* MENU */

#menu { margin: 0px 50px 140px 0px; padding: 0px; background: #FFF; }
#menu { display: block; float: left; width: 200px; height: 400px; }

#menu li { display: block; width: 200px; }
#menu li { color: #FFF; border-left: 4px solid #CE0000; }
#menu li a { display: block; width: 200px; text-decoration: none; }
#menu li a { background: #E9E9E9; color: #333; }
#menu li a:hover { background: #CCC; color: #333; }
#menu li a { padding: 6px 12px 6px 12px; margin-bottom: 1px; }

#menu li li { display: block; width: 200px; }
#menu li li { color: #FFF; border-left: 0px solid #CE0000; }
#menu li li a { display: block; width: 200px; text-decoration: none; }
#menu li li a { background: #FFF; color: #333; }
#menu li li a:hover { background: #FFF; color: #333; }
#menu li li a { padding: 6px 12px 6px 12px; margin-bottom: 0px; }
	
/* THUMBNAILS */

#thumbnails { margin: 20px 0px 20px 0px; padding: 0px; }
#thumbnails { display: block; }
#thumbnails ul { display: block; }
#thumbnails li { display: inline; }
#thumbnails li a { display: block; float: left; margin: 0px 2px 2px 0px; }
#thumbnails li a { width: 118px; height: 100px; }
#thumbnails h2 { display: none; }
#thumbnails li a img { width: 118px; height: 100px; border: 0px; }
#thumbnails li a img { padding: 1px; border: 1px solid #CCC; background: #FFF; }

/* CONTENT - PROPERTY */

h3 { font-size: 14px; color: #999; margin-top: -10px; margin-bottom: 10px; }
img { float: left; }
img.image { margin-right: 10px; }
img { padding: 2px; border: 1px solid #CCC; }


/* LOCATION MAP */


#map { margin: 50px 0px 20px 20px; padding: 2px; }
#map { border: 1px solid #CCC; }
#map { display: block; float: right; }
#map { font-size: 10px; text-align: right; }
#map {}



/* PDF DOWNLOAD LINK BUTTON */

p.download { display: block; float: right; padding-top: 20px; }
p.download a { display: block; float: right; border-left: 4px solid #CE0000; }
p.download a { padding: 8px 12px 8px 12px; background: #FFF; color: #333; }
p.download a:hover { background: #E9E9E9; }
p.download a { text-decoration: none; font-size: 12px; font-weight: bold; }
p.download a { margin: 10px 0px 10px 0px; border-top: 1px solid #CCC; }
p.download a { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

/* FOLIO */

#folio { margin: 0px auto; padding: 0px 0px 10px 0px; }
#folio { display: block; clear: both; width: 891px; height: 137px;  }
	#folio li { display: inline; }
		#folio li a { display: block; float: left; }
		#folio li a { width: 169px; height: 136px; }
		#folio li a { margin-right: 1px; margin-top: 1px; }
			#folio li a.one { background: url(../portfolio/albert-embankment/image/thumbnail.jpg) 0px 0px no-repeat; }
			#folio li a.two { background: url(../portfolio/aldgate-triangle/image/thumbnail.jpg) 0px 0px no-repeat; }
			#folio li a.three { background: url(../portfolio/bermondsey-street/image/thumbnail.jpg) 0px 0px no-repeat; }
			#folio li a.four { background: url(../portfolio/benyon-wharf/image/thumbnail.jpg) 0px 0px no-repeat; }
			#folio li a.five { background: url(../portfolio/bowling-green-place/image/thumbnail.jpg) 0px 0px no-repeat; }
			#folio li a.six { background: url(../image/folio-tab.gif) 0px 0px no-repeat; }
				#folio li a.six:hover { background: url(../image/folio-tab-hover.gif) 0px 0px no-repeat; }
				#folio li a.six:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
			#folio li a.six { margin-right: 0px; width: 41px; height: 136px; border: 0px; }
		#folio li a { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
			#folio li a:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }

/* FOOTER */

#footer { background: #CCC; }
#footer { margin: 0px; padding: 10px 24px 0px 24px; height: 40px; }
#footer { display: block; clear: both; border-top: 0px solid #999; }
	#footer ul { display: block; float: right; }
	#footer li { display: inline; line-height: 10px; }
		#footer li a { display: block; float: left; font-size: 10px; }
		#footer li a { border-right: 1px solid #666; text-decoration: onne; }
			#footer li a.last { border: 0px; }
		#footer li a { padding: 0px 6px 0px 6px; }
	#footer p { display: block; font-size: 10px; color: #666; }
	#footer a { color: #666; }
		#footer a:hover { color: #333; }