/*	===============================================================
	© Sally Carmichael

	Type:				Type Styles
	Build by:			Shoreline Design
	Document Author:	James Lester
	Author Email:		james@shorelinedesign.co.uk
	Creation Date:		18th August 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.	Footer
    6.	Extra Elements 
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */


body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }



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

#text-container-inner h2, #nav-container-process h2, #text-container-process h3, #text-container-portfolio h2, #text-container-left h2, #page-info h2 {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.4em;
	  font-weight: bold;
	  color: #006666;
	  margin: 0px;
}

#text-container-inner p, #nav-container-process p, #text-container-process p, #text-container-portfolio p, #text-container-left p  {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.1em;
	  color: #666666;
	  line-height: 150%;
}

#text-container-inner a, #nav-container-process a, #text-container-process a, #text-container-portfolio a  {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.0em;
	  color: #006666;
	  text-decoration: none;
}

#text-container-inner a:hover, #nav-container-process a:hover, #text-container-process a:hover, #text-container-portfolio a:hover  {
	  text-decoration: underline;
}

#page-info { 
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.1em;
	  color: #666666;
	  line-height: 150%;
	  margin: 30px 30px 30px 30px;
}

#text-container-process p { line-height: 180%; }
#text-container-process p.intro { margin-top: 0px; }

#text-container-inner a, #nav-container-process a {
      font-family: Arial, Helvetica, sans-serif;
	  color: #666666;
}

#text-container-inner a:hover, #nav-container-process a:hover { color: #006666; text-decoration: none; }



#page-strap-block h2 { 
	margin: 0px; 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #006666;
	text-transform: uppercase;
}



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


#portfolio-texttitle {
    color: #666666 !important; 
	text-transform: uppercase !important; 
	margin: 30px 0px 10px 0px !important;
    font-size: 1.1em !important;
}


#close-button1 { position: absolute; bottom: 20px; left: 16px; width: 63px !important; height: 14px !important; }
#close-button2 { position: absolute; top: 16px; right: 16px; width: 63px !important; height: 14px !important; }

.left-info {
	padding: 16px 16px 16px 16px;
}

#left-info-id { padding: 16px 16px 2px 16px !important; }

.left-info h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #006666;
	text-transform: uppercase;
	margin-top: 0px;
}

.left-info p {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.1em;
	  color: #666666;
	  line-height: 150%;
}

.left-info blockquote {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.4em;
	  color: #006666;
	  font-weight: normal;
	  line-height: 110%;
	  margin: 35px 0px 15px 0px;
	  padding: 0px 0px 0px 0px;
}

.left-info a {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.1em;
	  color: #666666;
	  text-decoration: none;
}

.left-info a:hover {
      font-family: Arial, Helvetica, sans-serif;
	  color: #006666;
	  text-decoration: underline;
}






#definition h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #006666;
	text-transform: uppercase;
	margin-top: 0px;
}

#definition p {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.1em;
	  color: #666666;
	  line-height: 150%;
}

#definition blockquote {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.4em;
	  color: #006666;
	  font-weight: normal;
	  line-height: 110%;
	  margin: 35px 0px 15px 0px;
	  padding: 0px 0px 0px 0px;
}

#definition a {
      font-family: Arial, Helvetica, sans-serif;
	  font-size: 1.1em;
	  color: #666666;
	  text-decoration: none;
}

#definition a:hover {
      font-family: Arial, Helvetica, sans-serif;
	  color: #006666;
	  text-decoration: underline;
}



/*	---------------------------------------------------------------
	#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
	------------------------------------------------------------ */
	
#footer h3 {
	margin: 0px; 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #dfecec;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

#footer p {
	margin: 0px; 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #dfecec;
	font-weight: bold;
	float: right;
	text-transform: uppercase;
}

#footer a {
    font-family: Arial, Helvetica, sans-serif;
	color: #dfecec;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
#footer a:hover { text-decoration: underline; }