@charset "UTF-8";
/* CSS Document */
@import url("../CSS/Reset.css");

/*Main*/
body{font-family:helvetica,arial,verdana,sans-serif;font-size:12px;line-height:1.5; background: #fff /*url(/09/Image/MainBackground.jpg) 0 0 repeat-x*/; color: #000; text-align:center;}
h1,h2,h3,h4,h5,h6{line-height:1.2}
h4,h5,h6{font-weight:bold}
b,strong,caption,th,thead,dt,legend{font-weight:bold}
cite,dfn,em,i{font-style:italic}
code,kbd,samp,pre,tt,var{font-family:mono-space,monospace}
h1,h2,h3,h4,h5,h6{word-spacing:-0.125em}
p{word-spacing:0.125em;hyphenate:auto;hyphenate-lines:3}
p+p{text-indent:0}
p+p.no-indent{text-indent:0}
pre{white-space:pre}
del{text-decoration:line-through}
mark{background:rgba(255, 255, 0, 0.4);padding:0 .25em}
ins{color:#f00}small,sup,sub{font-size:80%}
big{font-size:125%;line-height:80%}
abbr,acronym{font-size:85%;text-transform:uppercase;letter-spacing:.1em}
abbr[title],acronym[title],dfn[title]{border-bottom:1px dotted black;cursor:help}
sup,sub{line-height:0}
sup{vertical-align:super}
sub{vertical-align:sub}
blockquote{padding:1.5em}
hr{border:none;background:#ddd;width:100%}
ul,ol{margin-left:1.5em}ul{list-style:disc outside}
ol{list-style:decimal outside}
input,select,button{cursor:pointer}
table{font:inherit;width:100%}
article,aside,header,hgroup,nav,section,footer{float:left;display:block}
figure{display:block}
.debug{outline:solid gold 1px}
.debug-background{background:rgba(255, 215, 0, 0.2) !important}

/*Type*/ 
body{font-size:75%; line-height:1.5; text-align:center;}
h1,h2,h3,h4,h5,h6{position:relative}
h1,h2{line-height:36px;margin-bottom:18px}
h1,h2,h3,h4{margin-top:18px}
h3,h4,h5,h6{line-height:18px}
h1{font-size:32px;top:5px}
h2{font-size:28px;top:8px}
h3{font-size:22px;top:1px}
h4{font-size:18px;top:2px}
h5{font-size:15px;top:4px}
h6{font-size:13px;top:5px}
h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}
p,pre,address{font-size:12px;line-height:18px;position:relative;top:5px}
abbr,code,kbd,samp,small,var{line-height:15px}
ul,ol,dl,dialog{font-size:11px;line-height:18px;position:relative;top:5px;margin-top:18px;margin-bottom:18px}
li ul,li ol,ul ul,ol ol{top:0;margin-top:0;margin-bottom:0}
li h1,li h2,li h3,li h4,li h5,li h6,li p{top:0}
form,legend,label{font-size:11px;line-height:18px}
legend{position:relative;top:5px}
input,textarea{font-size:11px}
table{font-size:11px}
caption{font-size:11px;line-height:18px;position:relative}
hr{position:relative;height:4px;margin:18px 0 14px 0}


/**************************
PAGE STYLE
**************************/

#Frame .noborder { border: 0px none; }
#Frame .nopadding { padding: 0px ; }
#Frame .noRightPadding { padding-right: 0px ; }
#Frame .hidden { display: none ; }
#Frame .blur { color:#000; background:#fbe8ca; border:#faba57 solid 3px }
a img { border: 0; }
a:hover img { border: 0; }

a { color:#909090 ; }
a:hover { color:#f4a529 ; text-decoration:underline; }

#Frame {width:960px; margin:auto; text-align:left;}

/**************************
BUTTONS
**************************/

.Project { display:block; line-height:2000em; overflow:hidden; width:92px; height:23px; background:url(/Image/ViewFullProject.jpg) 0 0 no-repeat;}
.Project:hover {background-position:0 -24px;}

/**************************
TOP
**************************/

.Top { padding: 0 13px 0 13px; height: 149px; background:url(/Image/Harrow-Estates-Logo.jpg) 13px 0px no-repeat; margin-bottom:7px; } 
.TopLeft { padding: 0px 0px 0 0px; height: 139px; width:701px; float:left; } 
a.Logo {height:103px; width:701px; display:block; line-height:2000em; overflow:hidden;}
.TopRight { padding: 0 0px 0 0px; height: 149px; width:233px; float:left; } 
.TopRightTop { height: 93px; color:#676767; font-size:15px; padding: 15px 0 0 0; text-align:right;  }
.TopRightTop ul { margin:0; padding:0; top:0; left:0; }
.TopRightTop li { display:inline;  }
.TopRightTop li a {float:right; padding: 0 7px 0 8px ; border-right: 1px solid #909090 ;  }
.TopRightTop li a.last { border-right:none; padding-right:0px; }

.TelNumber { color:#f4a529; font-size:32px; padding:0; margin:0; line-height:1.0em; letter-spacing:1px; text-align:right; }

.SerachFormHold { border: 1px solid #909090 ; padding:2px; width:221px; height:25px; float:right; }
.SerachFormHold input { border: 0px none; padding:4px 2px 2px 2px; width:181px; font-size:14px; height:19px; color: #999999 ; float:left; }
.SerachFormHold .SearchSubmit { border: 0px none; padding:0px; margin-left:6px; width:30px; height:25px; font-size:14px; display:block; color: #fff ; text-align:center; background:#a6acb0; float:left; }


#Frame .SerachFormHold .blur { color:#000; background:#fbe8ca; border: none 0px; }

/**************************
NAVIGATION
**************************/

#Navhold { height:31px; width:701px;  }
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;}
ul.dropdown { position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;  }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown { font-weight: normal; font-size:13px; }
ul.dropdown li { width:135px; height:31px; margin-right:5px; padding: 7px 5px 17px 5px; background:url(/Image/Nav-li.jpg) top right no-repeat; }
ul.dropdown li.hover,  ul.dropdown li:hover { background-position:0 -31px;}
ul.dropdown a:link,  ul.dropdown a:visited { text-decoration: none; }
ul.dropdown a:hover {  }
ul.dropdown a:active { }

/* -- level mark -- */
ul.dropdown ul { width: 166px; margin-top: 1px; }
ul.dropdown ul li { font-weight: normal;color: #363636;  }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class  */

ul.dropdown *.dir { padding: 7px 10px 7px 5px; display:block;   }
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 10px; /*background: #FFFFFF url(/Image/nav-more.gif) 0 0 no-repeat;*/  color:#FFF;}
ul.dropdown-upward *.dir { }
ul.dropdown-vertical *.dir, ul.dropdown-upward ul *.dir { background: #FFFFFF ; color:#FFF; }
ul.dropdown-vertical-rtl *.dir { padding-right: 10px; padding-left: 5px; background: ; }

/*-------------------------------------------------/
 * @section		Base Style Extension */
ul.dropdown a, ul.dropdown span { display: block; padding: 7px 10px 7px 5px; color:#FFF; }

/*-------------------------------------------------/
 * @section		Base Style Override */
ul.dropdown li { padding: 0; border: none; }
ul.dropdown ul a, ul.dropdown ul span { padding: 7px 10px 5px 5px; }

/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities */

/*------------------------------------------------/
 *	@section	Custom Styles */
ul.dropdown li {  color: #FFF; font-weight:normal;  }
ul.dropdown li.hover, ul.dropdown li:hover {  color: #FFF; font-weight:normal; }
ul.dropdown li a:active { background:none; }
ul.dropdown li a:hover { }

/* Non-first level */
ul.dropdown ul { margin-top: 0; color: #363636;  background-color: #fbc879; border-top:1px solid #f5bf6d; }
ul.dropdown ul ul { border-top:none;color: #363636; }
ul.dropdown ul a { color: #363636;  background:none; padding-left:10px; }
ul.dropdown ul li { background: none;color: #363636; }
ul.dropdown ul li.hover,  ul.dropdown ul li:hover { color: #FFF; font-weight:normal; }
ul.dropdown li a:hover { color:#FFF; }
ul.dropdown ul li a { color:#363636; }
ul.dropdown ul li a:hover { color:#FFF; }

/* Mixed */
ul.dropdown *.dir { /*background: url(/Image/nav-arrow-transparent.gif) 10px 5px no-repeat;*/    }
ul.dropdown ul *.dir { padding:8px 0 5px 5px  }
ul.dropdown li a {   }

/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial * */
ul.dropdown li.hover *.open { color: #000;  padding-left: 5px;  }
ul.dropdown ul li.hover *.open { color: #000;  padding-left: 5px;  }

ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {  font-weight:normal;  }
ul.dropdown-vertical-rtl li.hover *.open { }
ul.dropdown-upward li.hover *.open { }
ul.dropdown-upward ul li.hover *.open { }

/* CSS2 clone */
ul.dropdown li:hover > *.dir {  color: #FFF; padding-left: 5px;   }
ul.dropdown ul li:hover > *.dir,  ul.dropdown-vertical li:hover > *.dir { padding-left: 5px; font-weight:normal; }
ul.dropdown-vertical-rtl li:hover > *.dir2 {  }
ul.dropdown-upward li:hover > *.dir2 {  }
ul.dropdown-upward ul li:hover > *.dir2 {  }

ul.dropdown li {text-decoration: none; color: #000;  font-weight: normal; }
ul.dropdown li a {text-decoration: none; color: #000;  font-weight: normal; width:auto; }
ul.dropdown li a:hover { color: #FFF; }
ul.dropdown ul li { color: #363636; width:166px; }
ul.dropdown ul li a { color: #363636; }
ul.dropdown ul li a:hover { color: #FFF; background:#faba57;}
ul.dropdown li a:active {color: #363636; background:; }

ul.dropdown li.selected { background-position:0 -31px; }

/**************************
BANNER
**************************/

.FilmFrame { padding: 0 13px 0 13px; height: 350px; margin-bottom:20px; background:url(/Image/Film-Repeat.jpg) 0px 0px repeat-y;text-align:center; } 
.Film { width:934px; height:350px; margin-left:auto; margin-right:auto; background:url(/Image/All-Our-Best-Underground.jpg) 0 0 no-repeat;  }

/**************************
BOXES
**************************/

.FrontBoxFrame { padding: 0 13px 0 13px; height: auto; margin-bottom:20px;  } 
.FrontBoxFrame ul { margin:0; padding:0; top:0; left:0; }
.FrontBoxFrame li { display:inline; padding: 0 0px 0 0px ; float:left; }

a.FrontBox { width:208px;  height:79px; margin-right:7px; display:block; padding:90px 10px 0 10px;color:#FFFFFF; cursor:pointer; line-height:2em; }
.SubBox { width:228px;  height:169px; margin-right:7px; display:block; color:#FFFFFF;  }
a.FrontBox .Title, .SubBox .Title { font-size:23px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; display:block; }
.SpanText {display:block; width:190px;}
a.FrontBox .Title2, .SubBox .Title2 { font-size:21px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; display:block; line-height:1.3em; }
a.FrontBox.last, .SubBox.last { margin-right:0px; }
a.FrontBox:hover { text-decoration:none; background-position:0 -169px; }
a.One { background: url(/Image/FrontBox/We-Buy-Any-Land.jpg) 0 0 no-repeat; }
a.Two { background: url(/Image/FrontBox/We-Remidiate.jpg) 0 0 no-repeat; }
a.Three { background: url(/Image/FrontBox/We-Masterplan.jpg) 0 0 no-repeat; }
a.Four { background: url(/Image/FrontBox/We-Develop.jpg) 0 0 no-repeat; }
a.Five { background: url(/Image/FrontBox/Going-Underground.jpg) 0 0 no-repeat; }

a.FrontHold {cursor:pointer;}
.FrontHold .Title { font-size:17px; font-weight:normal; margin:0px; padding:0px; cursor:pointer;}
.FrontHold.last { margin-right:0px; }
.FrontHold {width:228px; height:169px; position:relative; margin-right:7px; color:#FFFFFF; display:block;cursor:pointer;}

.FrontOver {width:228px; height:169px; z-index:2;  position:absolute; top:0; left:0;  }
.FrontBackground {width:208px; height:79px; position:relative; top:0; left:0; z-index:0; padding:90px 10px 0 10px;background: url(/Image/FrontPageBox.png) 0 0 no-repeat; display:block;}
.FrontBackground:hover { text-decoration:none; background-position:0 -169px; }

.FrontBoxFrame a {color:#FFFFFF;  line-height:2em; text-decoration:none;cursor:pointer;}
.FrontBoxFrame a:hover {color:#FFFFFF;  text-decoration:none;}

/**************************
CONTENT INDEX
**************************/

.ContentFrame { padding: 0 13px 0 13px; height: auto; margin-bottom:20px; font-size:11px;  } 
.IndexContent { float:left; width:457px; padding-right:10px;  }
	.IndexContent h1 { font-size:23px;  }
.NewsRight { float:left;  width:228px; padding:15px 0 0px 10px; background:url(/Image/News-Back.jpg) 0 0 repeat-y; }
	.SearchArticle, .NewsArticle { float:left; width:218px; height:auto; overflow:hidden; padding:20px 10px 10px 0; color:#555;cursor:pointer;  line-height:1.6em;  font-size:11px;}
	.SearchArticle h3,.SearchArticle h4,  .NewsArticle h3, .NewsArticle h4 { font-size:14px; font-weight:normal; margin-top:0px; margin-bottom:5px; padding:0px; }
	.SearchArticle h4 a, .NewsArticle h4 a { color:#f4a529; }
	.SearchArticle h4 a:hover, .NewsArticle h4 a:hover { text-decoration:none; color:#242424; }
	.NewsArticle .date {color:#777; }
	
.NewsArchive {width:228px; padding-top:10px; padding-bottom:10px; margin-top:5px; background:#fbf9f9; border-top:1px solid #f2efef;}
.NewsArchive ul { margin:0; padding:0; top:0; left:0; }
.NewsArchive li { display:inline; }
	a.RSS { background:url(/Image/RSS.jpg) right top no-repeat; padding-right:20px; height:20px; display:block; float:right; margin-right:10px;}


/**************************
CONTENT SUB
**************************/

.TitleFrame { padding:13px 0 0 13px; width:934px; }
.PageTitle { background:url(/Image/Sub-Title.jpg) 0 0 repeat-x; height:85px; padding:0px 0 0 233px; width:701px;  } 
	.PageTitle h1 { font-size:18px; margin:0px; top:0; }
	.PageTitle h2 { font-size:30px; margin:0px; top:0; }
.Crumb { height:26px; padding:11px 0 0 233px; border-bottom:1px solid #ebeaea; font-size:11px; margin-bottom:20px;  } 
	.CrumbLeft { float:left; width:501px; }
		.CrumbLeft a { color:#f4a529; }
		.CrumbLeft a:hover { color:#909090; }
	.CrumbRight { float:left; width:200px; }

.ContentLeft {width:234px; height:auto; float:left; }
	.ContentLeft ul {list-style-type:none; margin:0;width:220px}
	.ContentLeft li { background:url(/Image/List-li.jpg) 0 4px no-repeat; padding:3px 0 0 18px; border-bottom:1px dotted #efefef; display:block;  }
	
	.ContentLeft h3 { font-size:14px; font-weight:normal; margin-top:0px;  padding:0px 0 0 5px; }
	.ContentLeft h4 { font-size:12px; }
	.ContentLeft .NewsRight { width:219px; border-top:1px solid #ebeaea; padding:5px 0 0 5px; }
	.ContentLeft .NewsArchive {width:214px; font-size:11px; padding-top:0px; padding-bottom:2px; }
	.ContentLeft .NewsArticle { width:204px; padding:10px 5px 10px 5px; float:none; }
	.ContentLeft a.RSS { background-position:0 0; padding-left:20px; height:20px; display:block; float:none;}
.ContentRight {width:700px; float:left; padding-bottom:20px; border-bottom: 1px solid #ebeaea; font-size:12px; }
	.ContentRight ul {margin-left:15px; list-style-type:none;}
	.ContentRight li {background:url(/Image/List-li.jpg) 0 4px no-repeat; text-indent:15px; padding:3px; border-bottom:1px dotted #efefef;  }
	#gmap {width:300px; padding:10px; height:220px; border:1px solid #ebeaea; margin-left:auto; margin-right:auto; }
	.ContentRight h4 { font-weight:normal; font-size:20px; margin-bottom:10px;}
	.ContentRLeft {width:350px; float:left; }
	.ContentRRight {width:350px; float:left; }
	.ContentRight h3 {margin-bottom:15px;}
	
	ul.Sitemap {list-style-type:none; }
	ul.Sitemap ul {list-style-type:none; }
	ul.Sitemap li { background:url(/Image/List-li.jpg) 0 4px no-repeat; text-indent:15px; padding:3px; border-bottom:1px dotted #efefef;margin-left:10px; }

/**************************
NEWS/SEARCH ARCHIVE
**************************/

.NewsArchiveFull, .SearchArchiveFull {width:690px; float:left; background:url(/Image/News-Back.jpg) 0 0 repeat-y; border-bottom: 1px solid #ebeaea; padding:5px; padding-top:0; }
	.NewsArchiveFull:hover, .SearchArchiveFull:hover { background:#fbf9f9;}
	.NewsArchiveFull .NewsArticle, .SearchArchiveFull .SearchArticle { float:left; width:670px; height:auto; overflow:hidden; padding:20px 10px 10px 10px; color:#555; cursor:pointer;  line-height:1.6em;  font-size:12px;}
	.NewsArchiveFull .NewsArticle h4, .SearchArchiveFull .SearchArticle h4 { font-size:17px; }
	.NewsArchiveFull .date { font-size:11px; }



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

.ContactForm {width:700px; float:left; padding-bottom:20px; border-bottom: 1px solid #ebeaea; }
	.SubLeft { width:140px; float:left; height:auto; padding:5px; }
	.SubRight { width:540px; float:left; padding:5px; } 
		.SubRightL { width:auto; float:left; padding:5px 5px 0px 0px; } 
		.SubRightR { width:200px; float:left; padding:5px 5px 0px 0px; } 


/* FONT RESIZER */
#FontSize{ width:115px; height:20px; display:block; float:right; padding: 0 0 5px 0; }
#FontSize .TextSize { float:left; width:65px; height:15px; padding: 5px 0 0 0 ; margin:0px; color:#000000; font-weight:bold;}
#FontSize a.changer { display:block; background:url(/Image/FontSizeBG.jpg) 0px -20px no-repeat; float:left; margin:0px; cursor:pointer; }
#FontSize a.changer:hover { display:block; background:url(/Image/FontSizeBG.jpg) 0px 0px no-repeat; }
#FontSize #linkSmall {padding: 5px 0 0 7px; height:15px; width:13px; font-size:9px; }
#FontSize #linkLarge {padding: 2px 0 0 6px; height:18px; width:14px; font-size:14px; margin-left:3px; }

/**************************
PROJECTS
**************************/

.ImageHold {width:150px; float:left; height:111px; padding:5px; background:#FFFFFF; border:1px solid #CCCCCC; margin-right:13px; margin-bottom:13px;}

.WordPDF {margin:10px 0 0px 0;}
.WordPDF a {color:#f4a529;}
.WordPDF a:hover { color:#909090 ; text-decoration:none; }
.Word {width:283px; float:left; padding:17px 10px 10px 57px; height:40px; background:url(/Image/wordicon.gif) 10px 10px no-repeat;}
.PDF {width:283px; float:left; padding:17px 10px 10px 57px; height:40px; background:url(/Image/PDF_Icon.gif) 2px 10px no-repeat;}



.People {padding:10px 15px 0 150px; height:auto; background-position:0 0; background-repeat:no-repeat; border-bottom:1px dashed #edb440;}
.People2 {padding:10px 150px 0 15px; height:auto; background-position: right; background-repeat:no-repeat; border-bottom:1px dashed #edb440;}


a.Public {display:block; padding:5px 10px 5px 10px; border:1px solid #efefef; width:202px; background:url(/Image/Public-Back.jpg) 0 0 repeat-y;  }
a.Public .Title { font-size:14px; font-weight:normal; margin-top:0px; margin-bottom:5px; padding:0px; color:#000; border-bottom:3px solid #f7f7f7;display:block;}
a.Public:hover {text-decoration:none; color:#909090 ;}
a.Public strong {color:#000 ;}
a.Public:hover .Title {color:#f4a529 ;}

a.Land {display:block; padding:5px 10px 5px 10px; border:1px solid #efefef; width:678px; background:url(/Image/Land-Back.jpg) 0 0 repeat-y;  }
a.Land .Title { font-size:14px; font-weight:normal; margin-top:0px; margin-bottom:5px; padding:0px; color:#000; border-bottom:3px solid #f7f7f7; display:block;}
a.Land:hover {text-decoration:none; color:#909090 ;}
a.Land strong {color:#000 ;}
a.Land:hover .Title {color:#f4a529 ;}

/*************************
FACTS
*************************/
.Facts {float:left;  width:208px; padding:15px 10px 0px 10px;}
.FactTitle {width: 218px; height:; padding:0; margin:0;}


/**************************
FOOTER
**************************/

.Footer { border-top: 1px solid #ebeaea; padding: 19px 13px 0 13px; height:auto; background: url(/Image/Harrow-Footer-Logo.jpg) 60px 19px no-repeat; }
.FooterLeft { padding: 0 0px 0 0px; width:481px; float:left; font-size:11px; } 
.FooterRight { padding: 0 0px 0 0px; width:453px; float:left; } 
.Footer a { color:#909090 ; }
.Footer a:hover { color:#f4a529 ; text-decoration:underline; }
.Footer ul { margin:0; padding:0; top:0; left:0; }
.Footer li { display:inline;  }
.Footer li a {float:right; padding: 0 10px 0 10px ; border-right: 1px solid #909090 ;  }
.Footer li a.last { border-right:none; padding-right:0px; }

.DevelpedBy { color:#ccc; }
.DevelpedBy a { color:#ccc; border:0 none; }
.DevelpedBy a:hover { color:#000; border-bottom: 1px solid #f4a529; text-decoration:none; }

.Page { }
.Page ul {list-style-type:none; padding:0; margin: auto; top:0;  }
.Page li {list-style-type:none; display:inline; padding:0; margin:0; text-align:left; }
.Page li a { width:auto; height:23px; padding: 5px 10px 0 0px; display:block; float:left; border-color:#ebeaea; border-style: solid; border-width: 0px 1px 1px 0px; background:#FFFFFF url(/Image/PageBG.jpg) 0 -35px repeat-x; margin:0;}
.Page li a:hover {border-color:#ebeaea; border-style: solid; border-width: 0px 1px 1px 0px;   }
.Page li a.PagePrev { width:60px; border-left:#CCCCCC solid 1px ; }
.Page li a.PageNext { width:60px; }