/*	===============================================================
	© Hollybrook
	
    http://www.hollybrookhomes.co.uk/	

	Type:				Structual Layout
	Build by:			

    TDG Digital
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	

    Creation Date:		26th March 2008
	---------------------------------------------------------------
	Version number: 	1.0
	Last edited:		NA - Still in developement
	

============================================================ */
/*===============================================================

	DOCUMENT CONTENTS
	
	1.	Global settings
	2.	Positioning & Structure rules
	3.	Primary navigation
	4.	Secondary Navigation
    5.  Sidebar
	6.	Footer
    7.	Hidden Elements (print only elements)
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */


body { margin:0px 0px 0px 0px; background: #d3dce3; }
    
/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */

#header {
    display: block;
    width: 925px;
    height: 127px; 
    position: relative;
    background: #ffffff;
    margin: 0px auto 0px auto !important;
    padding: 0px !important;
}

#logo h1 {  }

#logo {
    position: absolute;
    display: block;
    width: 349px;
    height: 36px;
    background: #ffffff url(../images/global/logo.gif) no-repeat;
    top: 40px;
    left: 39px;
	padding-top: 36px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden; }
	
.Site-Hollybrook {
    position: absolute;
    display: block; 
    top: 40px;
    left: 39px;
}

.Site-HollybrookPoland {
    position: absolute;
    display: block; 
    top: 40px;
    left: 39px;
}

.Site-Huntley {
    position: absolute;
    display: block; 
    top: 8px;
    left: 39px;
}

.Site-Boderg {
    position: absolute;
    display: block; 
    top: 40px;
    left: 39px;
}
	

#content-outer-shell {
    display: block;
    margin: 0px auto 20px auto;
    background: #ffffff url(../images/global/mainpage-slice.gif) no-repeat bottom right;
    min-height: 600px;
    height: auto !important;
    height: 600px;   
    width: 925px;  
}
	
#main-section {
    float: left; 
    width: 680px;
    display: block;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    margin: 1px 0px 0px 0px;
}


#home-splash {
    display: block;
    width: 643px;
    min-height: 148px;
    height: auto !important;
    height: 148px;
    background: #0d2456 url(../images/global/mainimage-home.jpg) no-repeat top right;
    padding: 151px 0px 0px 37px; }
    
.pl #home-splash { background: #0d2456 url(../images/global/mainimage-hbpl.jpg) no-repeat top right; }
.usa #home-splash { background: #0d2456 url(../images/global/mainimage-huntley.jpg) no-repeat top right; }
.ie #home-splash { background: #0d2456 url(../images/global/mainimage-boderg.jpg) no-repeat top right; }
	
#page-splash {
    display: block;
    width: 641px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    background: #092052 url(../images/global/hollybrook-splash1.gif) no-repeat top left;
    padding: 27px 0px 17px 39px; }

.leftbar #page-splash { background: #092052 url(../images/global/hollybrook-splash2.gif) no-repeat top left; }
	
	
	
	
#home-text {
    display: block;
    margin: 17px 0px 0px 38px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    width: 246px;
    float: left;
}

#development-images {
    display: block;
    margin: 1px 0px 1px 1px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    width: 478px;
    padding: 0px;
    float: left;
}


#page-text {
    display: block;
    margin: 29px 30px 29px 38px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    width: 411px;
    padding: 0px;
    float: left;
}
.admintext { width: 511px !important; }


#page-side-image {
    display: block;
    margin: 1px 0px 0px 0px;
    height: 485px;
    width: 201px;
    float: left;  
    background: #b3bcc3 url(../images/global/page-sideimage.gif) no-repeat top left;
}
.leftbar #page-side-image { display: none; }



#home-devbox-container {
    display: block;
    width: 384px;
    min-height: 164px;
    height: auto !important;
    height: 164px;
    float: left; 
    margin: 0px 0px 0px 12px;
}

.home-devbox-outer {
    display: block;
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 384px;
    min-height: 164px;
    height: auto !important;
    height: 164px;
}
#current-development { background: #d3dce3 url(../images/current-developments.jpg) no-repeat left top; }
#future-development { background: #d3dce3 url(../images/future-developments.jpg) no-repeat left top; }



.pl #current-development { background: #d3dce3 url(../images/current-hbpl.jpg) no-repeat left top; }
.pl #future-development { background: #d3dce3 url(../images/future-hbpl.jpg) no-repeat left top; }

.usa #current-development { background: #d3dce3 url(../images/current-huntley.jpg) no-repeat left top; }
.usa #future-development { background: #d3dce3 url(../images/future-huntley.jpg) no-repeat left top; }

.ie #current-development { background: #d3dce3 url(../images/current-boderg.jpg) no-repeat left top; }
.ie #future-development { background: #d3dce3 url(../images/future-boderg.jpg) no-repeat left top; }


.home-devbox-inner {
    display: block;
    margin: 1px 0px 0px 0px;
    padding: 20px 15px 20px 151px;
    min-height: 124px;
    height: auto !important;
    height: 124px;
}
#devbox-slice { background: Transparent url(../images/global/dev-box-slice.gif) no-repeat bottom right; }	




/*	---------------------------------------------------------------
	#3 PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */


#navbar {
    display: block;
    width: 896px;
    min-height: 28px;
    height: auto !important;
    height: 28px;
    margin: 0px auto 0px auto;
    padding-left: 29px;
    background: #0d2456 url(../images/global/navbar-slice.gif) no-repeat bottom right;
}

#navbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
#navbar li { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }

#navbar li a {
    float: left;
    display: block;
    padding: 7px 11px 0px 11px;
    margin: 0px 0px 0px 0px;
    min-height: 21px;
    height: auto !important;
    height: 21px;
    text-align: center;
}


/*	---------------------------------------------------------------
	#4 SECONDARY NAVIGATION
	---------------------------------------------------------------
	Outlines the secondary navigational elements of the website
	------------------------------------------------------------ */

#topnavbar {
    display: block;
    width: 925px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    margin: 0px auto 0px auto;
    padding: 7px 0px 7px 0px;
    text-align: right;
}



/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the sidebar elements of the website
	------------------------------------------------------------ */

#leftbar { display: none; }
.leftbar #leftbar 
{
   display: block;
   width: 201px;
   min-height: 486px;
   height: auto !important;
   height: 486px;
   float: left;
   margin-top: 1px;
   background: #e8f1f8 url(../images/global/leftbar-slice.gif) no-repeat bottom right; 
}
.Pager td table { margin-right: 10px !important; margin-top: 10px !important; }

#sidebar-right {
    display: block;
    width: 244px;
    min-height: 299px;
    height: auto !important;
    height: 299px;
    margin-left: 1px; 
    margin-top: 1px;
    float: left;
}

#featured-property {
    display: block;
    width: 244px;
    min-height: 299px;
    height: auto !important;
    height: 299px;
    background: #c63426;    
}

#featured-property-image {
    display: block;
    width: 244px;
    height: 187px;  
}

#featured-property-text { display: block; margin: 0px 19px 19px 19px; }

  
  
#news-box {
    display: block;
    width: 206px;
    min-height: 312px;
    height: auto !important;
    height: 312px;
    margin: 1px 0px 0px 0px;
    background: #0d2456 url(../images/global/news-slice.gif) no-repeat bottom right;  
    padding: 18px 19px 0px 19px;
}


/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */


#footer {
    display: block;
    width: 845px;
    min-height: 35px; 
    height: auto !important;
    height: 35px;
    position:relative;
    background: Transparent;
    margin: 0px 0px 0px 0px;
    padding: 25px 40px 10px 40px;
}
  
  
/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

#ThumbImages { margin: 0px 0px 0px 0px; }

.MainDevelopmentImage { margin: 0px 0px 0px 0px; }
.ThumbImages { float: left; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.ThumbImagesFollow { float: left; margin: 1px 0px 0px 2px; padding: 0px 0px 0px 0px; }

#ThumbImages img { cursor: pointer; }
#ThumbImages img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



.TitlePanel { float: left; }
.DeveloperAttributesPanel {
    float: left; 
    margin: 14px 0px 0px 10px;
    border-left: 1px dotted #ffffff; 
    padding: 0px 0px 0px 17px;
    width: 250px; }
    
    
    
.formlabel { clear: both; float: left; display: block; width: 110px; padding-top: 2px; }
#contactform br { display: block; margin-top: 10px; }




#pagerarea { margin: 15px 12px 0px 0px !important; }