<!--

	/*	Whitehall Property Services
		www.whitehallpropertyservices.com

	------------------------------------------------------------------------

		Copyright 2007 Whitehall Property Services.
		All rights reserved.

	----------------------------------------------------------------------*/


	/*	WHITE SPACE RESET AND DEFAULTS AND THAT
	----------------------------------------------------------------------*/

		@import url('reset.css');
		@import url('defaults.css');
		@import url('slimbox.css');


	/*	HTML AND BODY
	----------------------------------------------------------------------*/

		html { }

			body {
				font: normal normal normal 62.5%/100% Georgia, 'Times New Roman', serif;
			}

				#background {
					background: url('../images/bg/body.png') center top repeat-x;
				}


	/*	HEADER
	----------------------------------------------------------------------*/

		h1 {
			color:     #31599F;
			font-size: 2.4em;
			padding:   46px 0 18px 25px;
		}

			h1 a {
				background:      url('../images/whitehall.png') left top no-repeat;
				color:           #31599F;
				display:         block;
				height:          126px;
				text-decoration: none;
				width:           190px;
			}

		ul#nav {
			height:        32px;
			margin-bottom: 2px;
			padding-left:  25px;
		}

			ul#nav li
			{
				float:       left;
				margin-left: 2px;
			}

				ul#nav li a {
					color:           #FFF;
					font-size:       1.4em;
					line-height:     32px;
					margin-right:    25px;
					text-decoration: none;
				}

					ul#nav li a:hover {
						color:           #91CB4F;
						text-decoration: underline;
					}

					ul#nav li a.active {
						color: #91CB4F;
					}


	/*	BANNER
	----------------------------------------------------------------------*/

		#banner {
			background:   url('../images/bg/banner.png') right top no-repeat;
			height:       152px;
			padding-left: 25px;
		}

			#banner h2 {
				color:       #FFF;
				font-size:   3em;
				line-height: 1.2em;
				padding-top: 39px;
			}

			#banner h2 strong {
				color: #C5E0BF;
			}

		#banner ul {
			padding-top: 19px;
			width:       260px;
		}

			#banner ul li {
				color:       #FFF;
				font-size:   1.4em;
				line-height: 1.3em;
				list-style:  disc;
				margin-left: 39px;
			}


	/*	CONTENT
	----------------------------------------------------------------------*/

		#content {
			margin: 22px 0 0 25px;
			width:  460px;
		}

			#content a {
				color:           #248442;
				text-decoration: none;
			}

				#content a:hover {
					text-decoration: underline;
				}

			#content blockquote {
				background:   #FBFBFB;
				border:       solid #CCC;
				border-width: 1px 0;
				color:        #333;
				font-size:    1.4em;
				line-height:  1.5;
				margin:       15px 0 3px 0;
				padding:      10px 15px;
			}

			#content cite {
				color:         #555;
				font-size:     1.1em;
				font-style:    italic;
				line-height:   1.3;
				margin-bottom: 15px;
			}

			#content h3 {
				color:          #248442;
				font-size:      2em;
				line-height:    1.4em;
				padding-bottom: 4px;
			}

			#content h4 {
				color:     #248442;
				font-size: 1.6em;
				margin:    15px 0;
			}

				#content h4.intro {
					color:       #666;
					font-size:   1.6em;
					line-height: 1.2em;
					margin:      0.7em 0;
				}

			#content .boxout {
				background: #F7F7F7;
				border:     1px solid #B9DF8E;
				margin:     1em 2em;
				padding:    0 20px;
				text-align: justify;
			}

			#content p {
				color:       #111;
				font-size:   1.2em;
				line-height: 1.7;
				margin:      1em 0;
			}

			#content p.image {
				text-align: center;
			}

			#content p.thumbs {
				padding-left: 17px;
			}

			#content strong {
				font-weight: bold;
			}

			#content ul { }

				#content ul li {
					background:   url('../images/icon/bullet.png') left center no-repeat;
					color:        #333;
					font-size:    1.2em;
					line-height:  1.7em;
					padding-left: 16px;
				}

			#content ol {
				margin-top: 10px;
			}

				#content ol li {
					color:         #248442;
					font-size:     1.2em;
					line-height:   1.7em;
					margin-bottom: 20px;
				}

					#content ol li ol {
						margin:       0;
						padding-left: 24px;
					}

						#content ol li ol li {
							color:         #333;
							font-size:     1em;
							line-height:   2em;
							list-style:    decimal;
							margin-bottom: 20px;
							text-align:    justify;
						}

			#content img {
				border:         1px solid #D7D7D7;
				margin:         5px;
				padding:        4px;
				vertical-align: middle
			}

			#content a:hover img {
				border: 1px solid #248442;
			}


		/*	CONTACT FORM
		------------------------------------------------------------------*/

			#content form {
				background: transparent url('../images/bg/form.png') left top no-repeat;
				margin:     0 auto;
				width:      400px;
			}

				#content form fieldset {
					border:  none;
					padding: 5px 10px 0 10px;
				}

					#content form fieldset legend {
						display:     none;
						font-size:   1.4em;
						font-weight: bold;
					}

					#content form fieldset label {
						font-size:   1.2em;
						font-weight: bold;
						line-height: 25px;
						margin:      5px 0;
					}

					#content form fieldset input {
						font-family: Georgia, 'Times New Roman', serif;
						font-size:   1.2em;
						margin:      5px 0;
						width:       190px;
					}

					#content form fieldset input.submit {
						cursor:         pointer;
						font-size:      1.2em;
						font-weight:    bold;
						letter-spacing: 1px;
						text-align:     center;
						vertical-align: middle;
						width:          95px;
					}

					#content form fieldset textarea {
						font-family: Georgia, 'Times New Roman', serif;
						font-size:   1.2em;
						margin:      5px 0;
						width:       190px;
					}

			#content span.captcha {
				display:     block;
				font-size:   1.2em;
				font-weight: bold;
				margin-top:  5px;
			}

				#content span.captcha input {
					font-size:   1em;
					font-weight: normal;
					width:       19px;
					margin:      0 0 0 5px;
					text-align:  center;
				}

			.report {
				background:   #FDFDFD 12px 12px no-repeat;
				border-style: solid;
				border-width: 1px 0;
				margin:       10px 0;
				padding:      0 15px 9px 38px;
			}

			.report h4 {
				border:     none;
				margin-top: 3px;
			}

			.error {
				background-image: url('../images/icon/error.png');
				border-color:     #E15C51;
			}

				.error h4 {
					color: #E15C51 !important;
				}

			.success {
				background-image: url('../images/icon/success.png');
				border-color:     #6EC260;
				margin-bottom:    150px;
			}

				.success h4 {
					color: #6EC260 !important;
				}


	/*	SIDEBAR
	----------------------------------------------------------------------*/

		#sidebar {
			border:     6px solid #B9DF8E;
			margin-top: 22px;
			width:      248px;
		}

			#sidebar a {
				color:           #40B940;
				font-weight:     bold;
				text-decoration: none;
			}

				#sidebar a:hover {
					color: #248442;
				}

			#sidebar h3 {
				border-bottom: 1px dashed #969696;
				color:         #32383B;
				font-size:     1.8em;
				line-height:   1.4em;
				margin:        0 14px;
				padding:       10px 0 4px 0;
			}

			#sidebar img {
				vertical-align: middle;
			}

			#sidebar p {
				color:       #444;
				font-size:   1.2em;
				line-height: 1.7em;
				margin:      1.2em 0;
				padding:     0 14px;
			}

			#sidebar strong {
				font-weight: bold;
			}

			#sidebar ul {
				margin: 15px 15px 20px 15px;
				padding-left: 17px;
			}
			
				#sidebar ul li {
					font-size: 1.2em;
					list-style: disc;
				}


	/*	FOOTER
	----------------------------------------------------------------------*/

		#footer {
			background: #f7f7f7 url('../images/bg/footer.png') left bottom repeat-x;
			border-top: 1px solid #ccc;
			margin-top: 10px;
		}

			#footer #address_and_that {
				padding: 14px 0 25px 25px;
			}
			
				#address_and_that div.footer_div {
					padding: 0 25px 0 0;
					width:   250px;
				}
				
				.footer_div a {
					color:           #666;
					text-decoration: underline;
				}
				
					.footer_div a:hover {
						color:           #474747;
						text-decoration: none;
					}
				
				#address_and_that p,
				.footer_div p {
					color:       #474747;
					font-size:   1.2em;
					line-height: 1.2em;
					margin:      0.9em 0;
				}

				#address_and_that p strong {
					font-weight: bold;
				}

				#address_and_that p.clear_both {
					font-size: 11px;
				}

				.footer_div p strong {
					font-weight: bold;
				}

			#footer #logos_and_that {
				height:         50px;
				padding-bottom: 10px;
			}

				#logos_and_that p.float_left {
					padding-left: 25px;
				}

			#footer #copyright_and_that {
				padding-left: 25px;
			}

				#copyright_and_that a {
					color:           #BBB;
					text-decoration: underline;
				}

					#copyright_and_that a:hover {
						text-decoration: none;
					}

				#copyright_and_that p {
					color:       #EEE;
					font-size:   1.2em;
					line-height: 33px;
					margin:      0;
					padding:     0;
				}


	/*	Thanks for playing...
	----------------------------------------------------------------------*/
-->