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

	Type:				Type Styles
	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 { font-size: 62.5% }

    
/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */

.bluebutton {
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    background: #0d2456;
    text-decoration: none; 
    padding: 2px;  
}

.bluefield {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #3d3d3d;
    text-decoration: none; 
    padding: 2px;  
}
  

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


#navbar li a {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

#navbar li a:hover { color: #c63426; text-decoration: none; }
#navbar li a.on {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none;  
    background: #c63426 url(../images/global/nav-slice.gif) no-repeat bottom right !important;
}


#home-splash h2 {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.4em;
    font-weight: bold; 
    color: #ffffff;  
    margin: 0px 0px 0px 0px;
    padding: 0px;    
} 
#home-splash span.smalltext { font-size: 0.5em !important; } 

#home-splash p {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold; 
    color: #ffffff;  
    margin: 6px 0px 0px 0px;
    padding: 0px;
    width: 360px;    
} 


#page-splash h2 {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: bold; 
    color: #ffffff;  
    margin: 0px 0px 0px 0px;
    padding: 0px;    
} 

#page-splash p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold; 
    color: #ffffff;  
    margin: 14px 0px 0px 0px;
    padding: 0px;
    line-height: 150%;   
} 


#home-text, #page-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em; 
    color: #3b3b3b; 
    line-height: 150%; 
}

#home-text a, #page-text a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em; 
    color: #0d2456; 
    text-decoration: none;
}

#home-text a:hover, #page-text a:hover { text-decoration: underline; }



blockquote {
    display: block;
    background: Transparent url(../images/global/blockquote.gif) no-repeat bottom left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em; 
    line-height: 140%;
    font-weight: normal;
    color: #0d2456; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 49px;
}








.home-devbox-inner h3 {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold; 
    color: #0d2456;  
    margin: 0px 0px 0px 0px;
    padding: 0px;     
}

.home-devbox-inner p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em; 
    color: #3d3d3d;  
    margin: 3px 0px 0px 0px;
    padding: 0px;   
}

#current-development a {
    font-family: Arial, Helvetica, sans-serif;
    color: #0d2456;  
    text-decoration: none; }
#current-development a:hover { text-decoration: underline; }

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

#topnavbar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #0d2456;  
    text-transform: uppercase;
    font-weight: bold;
}
#topnavbar  a {
    font-family: Arial, Helvetica, sans-serif;
    color: #0d2456; 
    text-decoration: none; 
    text-transform: uppercase;
    font-weight: bold;
}
#topnavbar  a:hover { text-decoration: underline; }


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

#featured-property-text h2 {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold; 
    color: #ffffff;  
    margin: 9px 0px 0px 0px;
    padding: 0px;    
}

#featured-property-text p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em; 
    color: #ffffff;  
    margin: 3px 0px 0px 0px;
    padding: 0px;   
}

#featured-property-text a {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;  
    color: #ffffff; 
    margin: 3px 0px 0px 0px;
    padding: 0px;    
}

#featured-property-text a:hover { text-decoration: none; }



#news-box h2 {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold; 
    color: #ffffff;  
    margin: 0px 0px 0px 0px;
    padding: 0px;    
}

#news-box p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #ffffff;  
}

#news-box a {
    text-transform: uppercase;
    font-weight: bold;
    color: #d3dce3;
    text-decoration: none; }
    
#news-box a:hover { text-decoration: underline; }








#leftbar .SubNavItems a {
    display: block;
    width: 191px;
    min-height: 11px;
    height: auto !important;
    height: 11px;
    text-align: right;
    border-bottom: 1px solid #ffffff;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold; 
    color: #0d2456;  
    text-decoration: none;
    padding: 10px 10px 10px 0px;
}

#leftbar .SubNavItems a.on {
    display: block;
    width: 191px;
    min-height: 11px;
    height: auto !important;
    height: 11px;
    text-align: right;
    border-bottom: 1px solid #ffffff;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold; 
    color: #ffffff; 
    text-decoration: none;
    padding: 10px 10px 10px 0px;
    background: #0d2456;
}

#leftbar .SubNavItems a:hover {
    background: #0d2456;
    color: #ffffff;
    text-decoration: none;
}


.Pager a { 
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal; 
    color: #0d2456;  
    text-decoration: none; }
    
.Pager a:hover { text-decoration: underline; }
  
/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #9a9a9a;  
}
#footer a {
    font-family: Arial, Helvetica, sans-serif;
    color: #9a9a9a; 
    text-decoration: underline; 
}
#footer a:hover { text-decoration: none; }
  
  
/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

.DeveloperAttributesPanel { 
    color: #ffffff; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal !important; }
    
.DeveloperAttributesPanel p { 
    margin: 0px !important; padding: 0px !important; font-weight: normal !important; color: #ffffff !important; }
    
 .DeveloperAttributesPanel a { 
    color: #ffffff; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none; }   
    
 .DeveloperAttributesPanel a:hover { text-decoration: underline; }  
 
 
 
 
 
 #contactform input, #contactform select, #contactform textarea { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em; 
    color: #3b3b3b;  }
    
 .required { font-size: 0.9em; color: #ff0000; }
 
 
 
 #admin-area td { font-size: 1.0em; }
 #admin-area th a { text-decoration: none; text-transform: uppercase; color: #0d2456; font-weight: bold; }
 #admin-area td a { text-decoration: none; color: #0d2456; font-weight: bold; }
 #admin-area td a:hover { text-decoration: underline; }
 
 
 
#editforms input, #editforms textarea, #editforms select {
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif; 
}







#pressnews p.intro { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.descpanel p.intro { margin: 0px 0px auto 0px !important; padding: 0px 0px 0px 0px !important; }

#pressnews a { 
    font-size: 1.0em !important;
    color: #c63426 !important;
    font-family: Arial, Helvetica, sans-serif !important;  
    text-transform: uppercase !important; 
    text-decoration: none !important;
    margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }
    
#pressnews h2 { 
    font-size: 1.4em !important;
    color: #c63426 !important;
    font-family: Arial, Helvetica, sans-serif !important;  
    text-transform: uppercase !important; 
    margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }
    
#pressnews a:hover { text-decoration: underline !important; }