/* reset thanks to Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Arial, Helvetica;
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
pre {
	text-align: left;
	background: #FEFEFE;
	color: #444;
}
.block {
	display: block;
	width: 425px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* basic code goes here */
.hide{visibility: hidden;}

.image {
	background-repeat: no-repeat;
	background-image: url('/GUI/images/sprite.png');
}

div.clearboth { 
	clear: both;
	overflow: hidden;
	font:0;
	font-size: 0;
	line-height: 0;
}

a { text-decoration: none; }
	a:link { color: blue; border-bottom: 1px solid blue; }
	a:visited { color: #336699; border-bottom: 1px solid purple; }
	a:active { color: red; border-bottom: 1px solid red; }
	a:hover { color: black; border-bottom: 1px solid black; }

html, body { height: 100%; }

body {
	width: 100%;
	text-align: center;
	position: relative;
	background: #CCC url('/GUI/images/bodyback.png') repeat-x;
    background-attachment: fixed;
}

	#container {
		width: 990px;
		margin: 15px auto 15px auto;
		background-color: #FFF;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
		#container .pad {
			padding: 15px;
			margin: 0;
		}
		
			#logo {
				width: 319px;
				height: 81px;
				background-position: 0 0;
				float: right;
			}

				#logo a {
					border-bottom: 0;
					display: block;
					width: 100%;
					height: 100%;
				}
				
					#logo a span {
						display: none;
					}
		
		
			h1 {
				font-size: 36px;
				color: #B5B6B5;
				font-weight: normal;
			}
			
				h1.main {
					font-size: 32px;
					color: #638bff;
					border-bottom: 1px solid #b5b6b5;
					padding-bottom: 5px;
					margin-bottom: 15px;
				}
			
				#header h1 {
					margin-bottom: 6px;
				}
			
			#header h2 {
				font-size: 12px;
				color: #767777;    
				font-weight: normal;
				margin-bottom: 0;
			}
			
				.telephone {
					font-size: 30px;
					color: #F78A18;
					font-weight: normal;
					margin-top: 6px;
					display: block;
				}
				
			.bar {
				border: 1px solid black;
				background-color: #b5b6b5;
				padding: 5px;
				font-size: 13px;
				margin: 7px 0 15px 0;
				color: white;
				font-weight: bold;
			}
			
				#breadcrumbs {
					margin-bottom: 1px;
				}
				
				.bar a:link,
				.bar a:visited {
					color: white;
					border-bottom: 1px solid white;
					line-height: 1.5;
				}
				
				#find { float: right; }
				
					#find label {
						color: white;
						font-weight: bold;
					}
					
					#find select {
						border: 1px solid #7f9db9;
						font-size: 13px;
						padding: 1px;
						vertical-align: middle;
					}
					
		#mainbody {
			float: left;
			width: 740px;
		}
		
			.box {
				border: 1px solid #4e4e4e;
				line-height: 1.5;
				clear: both;
				margin-bottom: 15px;
				width: 100%;
			}
			
				.box .hd {
					background-color: #b5b6b5;
					padding: 5px;
					color: white;
					font-weight: bold;
					font-size: 16px;
				}
				
					.hd a:link,
					.hd a:visited { color: white; border-bottom: 1px solid white; }
					
					.rating { 
						float: right; 
						width: 140px; 
					}
					
					.star { 
						width: 15px; 
						height: 14px; 
						background-position: -385px 0; 
						float: right; 
						overflow: hidden; 
						margin-top: 4px;
					}
				
				.box h3 { display: inline; }
				
				.box .bd {
					padding: 5px ;
				}
				
					.img {
						width: 132px;
						float: left;
					}
						.img img {
							max-width: 202px;
						}
					
						#office .img { width: 202px; }
					
						.holder {
							background-color: #0068fa;
							width: 130px;
							height: 87px;
							border: 1px solid #4e4e4e;
							margin-bottom: 10px;
						}
						
							#office .holder {
								width: 200px;
								height: 132px;
							}
						
						.img a:link,
						.img a:visited {
							border: 0;	
						}
						
						.options a:link,
						.options a:visited {
							color: #0068fb;
							border-bottom: 1px solid #0068fb;
						}
						
							.options {
								width: 140px;
								margin-left: 5px;
								float: right;
							}
							
					.desc {
						float: left;
						width: 596px;
					}
					
						#office .desc {
							width: 526px;
						}
					
						.desc p {
							padding: 0 10px 15px 10px;
							font-size: 13px;
							color: #767777;
						}
						
						.desc p.b,
						.desc p.b2 {
							color: #0068fb;
							font-weight: bold;
							padding-bottom: 0;
						}
						
							.desc p.b2 { color: #f78a50; }
						
							#office .desc p.b {
								padding-bottom: 15px;
							}
				
				.box .ft {
					background-color: #efefef;
					padding: 5px;
				}
				
					.ft .request {
						width: 260px;
						float: right;
						padding-left: 10px;
						border-left: 1px solid #e5e3e0;
						text-align: right;
					}
					
					.requestprice,
					.shortlist {
						width: 120px;
					}
					
					.requestprice {
						vertical-align: middle;
						float: left;
					}
					
					.shortlist {
						vertical-align: middle;
						float: right;
					}
				
					.ft a:link,
					.ft a:visited {
						color: #0068fb;
						font-weight: bold;
						font-size: 16px;
						border-bottom: 1px solid #0068fb;
					}
					
				.brief {
					padding-top: 5px;
				}
					
				#pagenation {
					clear: both;
					color: #0068fb;
				}
				
					#pagenation .pages {
						float: right;
						text-align: right;
					}
					
					#pagenation .pages a,
					#pagenation .disabled {
						float: left;
						display: block;
						padding: 5px;
						border: 1px solid #75afff;
						margin-left: 5px;
						color: #0068fa;
						font-weight: bold;
					}
					
						#pagenation .disabled {
							color: #b5b6b5;
							border: 1px solid #b5b6b5;
						}
					
						#pagenation .pages a.selected {
							background-color: #0068fa;
							border: 1px solid #0068fa;
							color: white;
						}
						
						#pagenation .pages a:hover {
							background-color: #0068fa;
							border: 1px solid #0068fa;
							color: white;
						}
						
			p {
				padding-bottom: 15px;
				line-height: 1.5;
			}
			
			p#areablurb {
				color: #767777; 
				text-align: justify;
				margin-top: 20px;
			}
				p#areablurb span{
					color: #F78A18; 
					font-size:20px; padding-bottom:3px; 
				}
										
			h2 {
				color: #388bff;
				font-size: 16px;
				margin-bottom: 15px;
			}
			
			.col1{
				float: left;
				width: 50%;
			}
			
			.col2 {
				float: right;
				width: 50%;
			}
						
			ul.services {
				display: block;
				line-height: 1.5;
				margin-bottom: 15px;
			}
			
				ul.services li {
					list-style: disc;
					list-style-position: inside;
				}
				
					ul.services li.title {
						list-style: none;
						list-style-position: outside;
						color: #388bff;
						font-weight: bold;
						font-size: 12px;
					}
			
			ul#pics {
				list-style: none;
			}
				ul#pics li {
					float: left;
					width: 150px;
					margin-right: 10px;
					margin-bottom: 10px
				}
					ul#pics li a:link {
						border: 0px;
					}
					ul#pics li img {
						max-width: 150px;
					}
					
			#index ul, 
			#fourofour ul {
				display: block;
				width: 246px;
				float: left;
				line-height: 1.5;
				margin-bottom: 15px;
			}
			
				#index ul li a:link,
				#index ul li a:visited,
				#fourofour ul li a:link,
				#fourofour ul li a:visited {
					color: #f78a18;
					border-bottom: 0;
					font-size: 16px;
					font-weight: bold;
				}
				#fourofour ul li a:hover,
				#fourofour ul li a:hover {
					color: #91BFFF;	
				}
				
					#index ul li img,
					#fourofour ul li img {
						margin-right: 5px;
						vertical-align: top;
					}
					
					.montage {
						margin-bottom: 15px;
					}
					
			#map {
				clear: both;
				width: 100%;
				height: 500px;
				background-color: #99b3cc;
				border: 1px solid #99b3cc;
				text-align: center;
			}
			
				#map a:link,a:visited,a:hover {
					border-bottom: 0;
				}
		
		
		#sidebar {
			width: 205px;
			float: right;
		}
		
			#getdetails {
				border: 1px solid #4e4e4e;
				background-color: #efefef;
				line-height: 1.5;
				color: #4e4e4e;
				margin-bottom: 15px;
			}
			
				#formbody p.notice{
					border-top: 1px #EE3D26 solid;
					border-bottom: 1px #EE3D26 solid;
					padding: 5px;
					margin: 5px 0;
					background: #F1D7D7;
					color: #555;
				}
						
				#formbody label {
					display: block;
					clear: both;
					margin-top: 5px;
					font-weight: bold;
				}
				
					#formbody label.error {
						color: #EE3D26;
						font-weight: bold;
					}
				
				#formbody .text {
					width: 170px;
				}
				
					#formbody #people {
						width: 100px;
					}
			
			#getdetails h4,
			#getdetails #formbody {
				padding: 5px 10px;
			}
			
			#getdetails h4 {
				color: white;
				font-weight: bold;
				font-size: 16px;
				background-color: #75afff;
				text-align: center;
			}
			
				#getdetails h4.tel {
					font-size: 22px;
				}
				
			#getdetails p {
				padding: 0;
			}
			
			#getdetails p a:link,
			#getdetails p a:visited {
				color: #4e4e4e;
				border-bottom: 1px solid #4e4e4e;
			}
				
			#getdetails p.callnow {
				padding: 10px 0 5px 0;
				text-align: center;
				font-weight: bold;
			}
			
			#sidebar strong {
				display: block;
				color: #0068fa;
				line-height: 1.5;
				margin-bottom: 5px;
			}
			
			#sidebar ul {
				margin-bottom: 10px;
			}
			
			#sidebar ul li {
				display: block;
				margin-bottom: 3px;
				line-height: 1.5;
			}
			
				#sidebar ul li a img {
					margin-right: 4px;
				}
			
				#sidebar ul li a:link,
				#sidebar ul li a:visited {
					color: #398bff;
					font-weight: bold;
					border-bottom: 0;
				}
				
					#sidebar ul li a:visited {
						color: #336699;
					}
					
					#sidebar ul li a:hover {
						color: black;
						border-bottom: 0;
					}
		
		p.notice{
			border-top: 1px #EE3D26 solid;
			border-bottom: 1px #EE3D26 solid;
			padding: 5px;
			margin: 5px auto;
			background: #F1D7D7;
			color: #555;
			width: 75%;
		}	
		
		form#contactform {
			font-size: 10px;
		}
			form#contactform div  {
				width: 365px;
				min-height: 60px;
				float: left;
			}
				form#contactform div label{
					font-size: 12px;
					display: block;
					margin-top:10px;
				}
					form#contactform div label.error{ 
						color: #EE3D26;;
					}
				form#contactform div span {
					float: left;
					width: 48%;
				}
					form#contactform div span label{
						display: block;
					}
				
				form#contactform div input{
					border: 1px #999 solid;
					padding: 5px 0;
					font-size: 12px;
					width: 90%;
					margin-bottom: 5px;
				}
				form#contactform div textarea{
					width: 100%;
					height: 100px;
					border: 1px solid #999;
				}
					
		#index .smiling {
			float: left;
			background: url('/GUI/images/smiling.jpg') no-repeat;
			height: 179px;
			width: 221px;
		}
		
		.bullet_box {
			float: left;
			display: block;
			background-position: -325px -25px;
			height: 20px;
			width: 22px;
		}
		
		.bullet_arrow {
			float: left;
			display: block;
			background-position: -325px -50px;
			height: 15px;
			width: 8px;
		}
		
		#footer {
			padding: 0 5px;
			margin-bottom: 0;
			line-height: 2.5;
			vertical-align: middle;
		}
		
		#footer span {
			vertical-align: middle;
		}

p.mapBubble {
	padding: 0;
	margin: 0;
	color: #222;
	padding-top: 8px;
	text-align: left;
}
	p.mapBubble:first-line { font-weight: bold; }
	

/*lightbox*/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}#jquery-lightbox a img{border:none;}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;}#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;border:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box > #lightbox-nav{left:0;}#lightbox-nav a,#lightbox-nav a:link{outline:none;border:0;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;text-border:0;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;}#lightbox-container-image-data{color:#666;padding:0 10px;}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:700;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em;border:0;}