/*	===============================================================
	© TDG Integrated
	http://www.tdgintegrated.com/	

	Type:				Type Styles
	Build by:			TDG Integrated
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	Creation Date:		3rd June 2008
	---------------------------------------------------------------
	Version number: 	2.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%;
    font-family: Arial, Helvetica, sans-serif;
    color: #b5b5b5; }



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


#text-block {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #b5b5b5;
    line-height: 160%;
}
#text-block p.intropara { margin-top: 0px; }
#text-block p.intro { margin-top: 6px; }

#text-block h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}
#orange #text-block h2 { color: #ff6633; }
#green #text-block h2 { color: #c9fd2f; }
#purple #text-block h2 { color: #cc00cc; }


#text-block h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    margin: 0px;
    padding: 0px;
}
#orange #text-block h3 { color: #ff6633; }
#green #text-block h3 { color: #c9fd2f; }
#purple #text-block h3 { color: #cc00cc; }





.sample-title {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
    display: block;
    float: left;  
    width: 60px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    margin-bottom: 10px;
}

.sample-info {
    font-family: Arial, Helvetica, sans-serif; 
    display: block;
    width: 310px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    float: left; 
    margin-bottom: 10px;
}


#contact-details h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}
#orange #contact-details h2 { color: #ff6633; }
#green #contact-details h2 { color: #c9fd2f; }
#purple #contact-details h2 { color: #cc00cc; }

#contact-details p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #b5b5b5;
    line-height: 160%;
}
#contact-details a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #b5b5b5;
}
#contact-details a:hover { text-decoration: none; }

#contact-details p.intro { margin-top: 2px; }


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







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

.subnav-block li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

#orange .subnav-block li a { color: #ff6633; }
#green .subnav-block li a { color: #c9fd2f; }
#purple .subnav-block li a { color: #cc00cc; }





#news-listing li { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 150%;
}

#news-listing a { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-decoration: none;
    color: #ffffff;
}

#news-listing a:hover { text-decoration: underline; }

#news-listing a.readmore { font-size: 1.1em; }

#orange #news-listing a.headline { color: #ff6633; }
#green #news-listing a.headline { color: #c9fd2f; }
#purple #news-listing a.headline { color: #cc00cc; }


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


#latest-news-block { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #b5b5b5;
    line-height: 150%;
}

#latest-news-block a { 
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}



#pull-quote { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 1.6em; line-height: 140%; }
.lookingfor { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-decoration: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
a.backtotop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-decoration: none;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    color: #ffffff;
}
  
/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #777777;
}

#footer a { font-family: Arial, Helvetica, sans-serif; color: #777777; }
#footer a:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; }
#footer a.on { font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }
  
  
/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

.white-link { color: #ffffff; font-weight: bold; text-decoration: none; }
.white-link:hover { text-decoration: underline; }

.green-link { color: #c9fd2f; text-decoration: none; }
.green-link:hover { text-decoration: underline; }


.white-text { color: #ffffff; }
.green-text { color: #c9fd2f; }

.digi-quote { font-family: Arial, Helvetica, sans-serif; color: #c9fd2f; font-size: 1.6em; line-height: 140%; }
.digi-quote a { font-family: Arial, Helvetica, sans-serif; color: #c9fd2f; text-decoration: none; }
.digi-quote a:hover { text-decoration: underline; }