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

	Type:				Splash Page
	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 url(../images/splash/wht-background.gif) repeat-y center; }
    
/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */

#header { margin: 0px auto 0px auto;
    width: 925px;
    min-height: 119px;
    height: auto !important;
    height: 119px;
    padding: 61px 0px 0px 0px;
    text-align: center;
}

#header-new { margin: 0px auto 0px auto;
    width: 925px;
    min-height: 139px;
    height: auto !important;
    height: 139px;
    padding: 21px 0px 0px 0px;
    margin-top: 60px;
    text-align: center;
}


h1 { text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal; 
    color: #0d2456;  
    margin: 0px 0px 0px 0px;
    padding: 0px; } 
    
    

p { text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #333333;  
    margin: 0px 0px 0px 0px;
    padding: 0px; } 
    
a { border: none; }
    
    
#logoblock { margin: 0px auto 0px auto;
    width: 925px;
    min-height: 145px;
    height: auto !important;
    height: 145px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: relative;
}

#logoblock-new { margin: 0px auto 0px auto;
    width: 925px;
    min-height: 145px;
    height: auto !important;
    height: 145px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: relative;
}





.hollybrookuk { position: absolute; left: 88px; top: 128px; }
.bodergie { position: absolute; left: 340px; top: 128px; }
.hollybrookpl { position: absolute; left: 533px; top: 128px; }
.huntleyusa { position: absolute; left: 797px; top: 80px; }



.hollybrookuk-flag { position: absolute; left: 155px; top: 197px; }
.bodergie-flag { position: absolute; left: 376px; top: 197px; }
.hollybrookpl-flag { position: absolute; left: 604px; top: 197px; }
.huntleyusa-flag { position: absolute; left: 794px; top: 197px; }



.flagtext-gb { text-transform: uppercase;  width: 170px; top: 230px; left: 90px; text-align: center;
    font-family: Arial, Helvetica, sans-serif; position: absolute;
    font-size: 0.7em;
    color: #333333;  
    margin: 0px 0px 0px 0px;
    padding: 0px; }

.flagtext-ie { text-transform: uppercase; width: 170px; top: 230px; left: 314px; text-align: center;
    font-family: Arial, Helvetica, sans-serif; position: absolute;
    font-size: 0.7em;
    color: #333333;  
    margin: 0px 0px 0px 0px;
    padding: 0px; } 

.flagtext-pl { text-transform: uppercase;  width: 170px; top: 230px; left: 540px; text-align: center;
    font-family: Arial, Helvetica, sans-serif; position: absolute;
    font-size: 0.7em;
    color: #333333;  
    margin: 0px 0px 0px 0px;
    padding: 0px;  }

.flagtext-usa { text-transform: uppercase;  width: 170px; top: 230px; left: 730px; text-align: center;
    font-family: Arial, Helvetica, sans-serif; position: absolute;
    font-size: 0.7em;
    color: #333333;  
    margin: 0px 0px 0px 0px;
    padding: 0px;  }
    
    
    
    
.uk { position: absolute; left: 128px; top: 70px; }
.ie { position: absolute; right: 160px; top: 70px; }
.pl { position: absolute; right: 160px; top: 190px; }
.us { position: absolute; right: 162px; top: 240px; }


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





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




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




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


  
  
/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

.horizontal-top { display: block;
    width: 866px;
    height: 1px;
    position: absolute;
    top: -80px;
    left: 30px;
    border-top: 1px solid #0d2456;
    display: block;
}


.horizontal-middle { display: block;
    width: 866px;
    height: 1px;
    position: absolute;
    top: 20px;
    left: 30px;
    border-top: 1px solid #0d2456;
    display: block;
}

.horizontal-bottom { display: block;
    width: 866px;
    height: 1px;
    position: absolute;
    top: 400px;
    left: 30px;
    border-top: 1px solid #0d2456;
    display: block;
}


.vertical { display: block;
    width: 1px;
    height: 480px;
    position: absolute;
    top: -80px;
    left: 462px;
    background: #0d2456;
}


.text-left 
{
    width: 436px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: absolute;
    top: -75px;
    left: 25px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold; 
    color: #0d2456;    
}


.text-right
{
    width: 436px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    position: absolute;
    top: -75px;
    right: 25px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold; 
    color: #0d2456;    
}