/*  
Theme Name: freshties
Description: A custom theme designed specifically for the freshties site
Version: 1.0
Author: Darren George
*/


/*******************************************************************************************************************************************************************
 Section Definitions
********************************************************************************************************************************************************************/

body
  {    
  margin: 0;
  padding: 0;         
  background-color: #FFFFFF;          
  }

body #page
  {
  width: 100%;
  
  margin: 0;
  padding: 0;
  }

/***************************************
 Header Section
****************************************/  
  
body #page #outerHeader
  {
  width: 100%;
  
  margin: 0;
  padding: 0;
  
  text-align: center;
  
  background-image: url('images/singleCurveDivider.png');
  background-position: bottom left;
  background-repeat: repeat-x;
  }

body #page #outerHeader #innerHeader
  {
  width: 960px;
  
  margin: 0;
  padding: 0;  
  
  margin-left: auto;
  margin-right: auto;  
      
  text-align: left;  
  
  position: relative;
  }

body #page #outerHeader #innerHeader.errorSection.errorMainPg.red,  
body #page #outerHeader #innerHeader.aboutUsSection.red,  
body #page #outerHeader #innerHeader.caseStudiesSection.caseStudiesMainPg.blue,
body #page #outerHeader #innerHeader.homeSection.homeMainPg.cyan,
body #page #outerHeader #innerHeader.communityProjectsSection.communityProjectsMainPg.orange,
body #page #outerHeader #innerHeader.testimonialsSection.testimonialsMainPg.salmon,
body #page #outerHeader #innerHeader.contactUsSection.contactUsMainPg.purple,
body #page #outerHeader #innerHeader.ourServicesSection.lilac,
body #page #outerHeader #innerHeader.ourExpertiseSection.ourExpertiseMainPg.green
  {
  background-position: bottom left;
  background-repeat: no-repeat;  
  }

body #page #outerHeader #innerHeader.errorSection.errorMainPg.red,
body #page #outerHeader #innerHeader.aboutUsSection.red,  
body #page #outerHeader #innerHeader.caseStudiesSection.caseStudiesMainPg.blue,
body #page #outerHeader #innerHeader.communityProjectsSection.communityProjectsMainPg.orange,
body #page #outerHeader #innerHeader.testimonialsSection.testimonialsMainPg.salmon,
body #page #outerHeader #innerHeader.contactUsSection.contactUsMainPg.purple,
body #page #outerHeader #innerHeader.ourServicesSection.lilac,
body #page #outerHeader #innerHeader.ourExpertiseSection.ourExpertiseMainPg.green
  {
  height: 207px;  
  }      
  
body #page #outerHeader #innerHeader.homeSection.homeMainPg.cyan
  {
  height: 343px;  
    
  background-image: url('images/cyanHeaderBanner.jpg');
  }  

body #page #outerHeader #innerHeader.errorSection.errorMainPg.red { background-image: url('images/redHeaderBanner.jpg'); }  
body #page #outerHeader #innerHeader.aboutUsSection.red { background-image: url('images/redHeaderBanner.jpg'); }  
body #page #outerHeader #innerHeader.caseStudiesSection.caseStudiesMainPg.blue { background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/blueHeaderBanner.jpg'); }      
body #page #outerHeader #innerHeader.communityProjectsSection.communityProjectsMainPg.orange { background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/orangeHeaderBanner.jpg'); }  
body #page #outerHeader #innerHeader.testimonialsSection.testimonialsMainPg.salmon { background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/salmonHeaderBanner.jpg'); }  
body #page #outerHeader #innerHeader.contactUsSection.contactUsMainPg.purple { background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/purpleHeaderBanner.jpg'); }  
body #page #outerHeader #innerHeader.ourServicesSection.lilac { background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/lilacHeaderBanner.jpg'); }  
body #page #outerHeader #innerHeader.ourExpertiseSection.ourExpertiseMainPg.green { background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/greenHeaderBanner.jpg'); }
  
body #page #outerHeader #innerHeader .base { clear: both; }  

body #page #outerHeader.red, body #page #outerHeader #innerHeader.red { background-color: #CF0039; }
body #page #outerHeader.blue, body #page #outerHeader #innerHeader.blue { background-color: #2395ED; }
body #page #outerHeader.cyan, body #page #outerHeader #innerHeader.cyan { background-color: #00C8CF; }
body #page #outerHeader.orange, body #page #outerHeader #innerHeader.orange { background-color: #FC9E24; }  
body #page #outerHeader.salmon, body #page #outerHeader #innerHeader.salmon { background-color: #FB803C; }  
body #page #outerHeader.purple, body #page #outerHeader #innerHeader.purple { background-color: #9262C5; }
body #page #outerHeader.lilac, body #page #outerHeader #innerHeader.lilac { background-color: #B757B0; }
body #page #outerHeader.green, body #page #outerHeader #innerHeader.green { background-color: #8BBA4A; }  

body #page #outerHeader #innerHeader #socialMediaIcons
  {
  width: 920px;
  
  height: 30px;
  
  margin: 0;
  padding: 0;
  
  margin-left: 20px;
  margin-right: 20px;
  
  text-align: right;
  }
  
body #page #outerHeader #innerHeader #siteLogo
  {
  width: 200px;

  height: 35px;      
  
  margin: 0;
  padding: 0;
  
  margin-left: 20px;     
    
  float: left;
  
  overflow: hidden;
  }
  
body #page #outerHeader #innerHeader #mainMenu
  {
  width: 700px;

  height: 35px;  
  
  margin: 0;
  padding: 0;
  
  margin-left: 20px;     
  margin-right: 20px;
    
  float: left;  
  
  overflow: hidden;  
  }

body #page #outerHeader #innerHeader.errorSection.errorMainPg.red #pageTitle,  
body #page #outerHeader #innerHeader.aboutUsSection.red #pageTitle,  
body #page #outerHeader #innerHeader.caseStudiesSection.caseStudiesMainPg.blue #pageTitle,
body #page #outerHeader #innerHeader.communityProjectsSection.communityProjectsMainPg.orange #pageTitle,
body #page #outerHeader #innerHeader.testimonialsSection.testimonialsMainPg.salmon #pageTitle,
body #page #outerHeader #innerHeader.contactUsSection.contactUsMainPg.purple #pageTitle,
body #page #outerHeader #innerHeader.ourServicesSection.lilac #pageTitle,
body #page #outerHeader #innerHeader.ourExpertiseSection.ourExpertiseMainPg.green #pageTitle
  {
  width: 679px;
  height: 70px;
  
  position: absolute;
  
  bottom: 10px;
  left: 20px;
  
  overflow: hidden;
  }
  
/***************************************
 Content Section
****************************************/  
  
body #page #outerContent
  {
  width: 100%;
  
  margin: 0;
  padding: 0;  
    
  text-align: center;
  }

body #page #outerContent #innerContent
  {
  width: 960px;
  
  margin: 0;
  padding: 0;  
  
  margin-left: auto;
  margin-right: auto;  
      
  text-align: left;  
  }

body #page #outerContent #innerContent .base { clear: both; }    
  
/***************************************
 Container Section
****************************************/  
  
body #page #outerContent #innerContent #container
  {
  width: 920px;
  
  margin: 0;
  padding: 0;
  
  margin-top: 20px;
  
  margin-left: 20px;   
  margin-right: 20px;   
  }
  
/***************************************
 Left Container Section
****************************************/  

body #page #outerContent #innerContent #leftContainer
  {
  width: 670px;
  
  margin: 0;
  padding: 0;
  
  margin-top: 20px;
  
  margin-left: 20px; 
  margin-right: 20px;
  
  float: left;     
  }

/***************************************
 Right Container Section
****************************************/  

body #page #outerContent #innerContent #rightContainer
  {
  width: 670px;
  
  margin: 0;
  padding: 0;
  
  margin-top: 20px;
  
  margin-left: 20px;     
  margin-right: 20px;
  
  float: right;     
  }


/***************************************
 Left Sidebar Section
****************************************/  

body #page #outerContent #innerContent #leftSidebar
  {
  width: 230px;
  
  margin: 0;
  padding: 0;
  
  margin-top: 20px;
  
  margin-left: 20px;     
  
  float: left;    
  }

/***************************************
 Right Sidebar Section
****************************************/  
  
body #page #outerContent #innerContent #rightSidebar
  {
  width: 230px;
  
  margin: 0;
  padding: 0;
  
  margin-top: 20px;
  
  margin-right: 20px;
  
  float: right;      
  }
  
/***************************************
 Footer Section
****************************************/
  
body #page #outerFooter
  {
  width: 100%;
  
  margin: 0;
  padding: 0;  
    
  text-align: center;
  }

body #page #outerFooter #innerFooter
  {
  width: 960px;
  
  margin: 0;
  padding: 0;  
  
  margin-left: auto;
  margin-right: auto;  
      
  text-align: left;  
  }

body #page #outerFooter #innerFooter .base { clear: both; }  

body #page #outerFooter.darkRed, body #page #outerFooter #innerFooter.darkRed { background-color: #34020E; }
body #page #outerFooter.darkBlue, body #page #outerFooter #innerFooter.darkBlue { background-color: #012845; }
body #page #outerFooter.darkCyan, body #page #outerFooter #innerFooter.darkCyan { background-color: #012D38; }
body #page #outerFooter.darkOrange, body #page #outerFooter #innerFooter.darkOrange { background-color: #231701; }  
body #page #outerFooter.darkSalmon, body #page #outerFooter #innerFooter.darkSalmon { background-color: #290F02; }  
body #page #outerFooter.darkPurple, body #page #outerFooter #innerFooter.darkPurple { background-color: #2B0B4E; }
body #page #outerFooter.darkLilac, body #page #outerFooter #innerFooter.darkLilac { background-color: #350131; }
body #page #outerFooter.darkGreen, body #page #outerFooter #innerFooter.darkGreen { background-color: #121F01; }

body #page #outerFooter #innerFooter #services
  {
  width: 220px;
  
  margin: 0;
  padding: 0;
  
  padding-top: 20px;
  
  margin-left: 20px;
  
  float: left;
  }
  
body #page #outerFooter #innerFooter #projects
  {
  width: 220px;
  
  margin: 0;
  padding: 0;
  
  padding-top: 20px;
  
  margin-left: 20px;
  
  float: left;  
  }
  
body #page #outerFooter #innerFooter #copyright
  {
  width: 440px;
  
  margin: 0;
  padding: 0;
  
  padding-top: 20px;
  
  margin-left: 20px;
  margin-right: 20px;
  
  float: left;  
  
  text-align: right; 
  } 
  
/*******************************************************************************************************************************************************************
 Text Definitions
********************************************************************************************************************************************************************/  
  
/***************************************
 Font Face Definitions
****************************************/

@font-face {
    font-family: robotoBlackFont;
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/robotoFonts/robotoBlackFont.eot');
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/robotoFonts/robotoBlackFont.eot#iefix') format('embedded-opentype'),
         url('fonts/robotoFonts/robotoBlackFont.woff') format('woff'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/robotoFonts/robotoBlackFont.ttf') format('truetype'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/robotoFonts/robotoBlackFont.svg#robotoBlackFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: xeroxSansSerifNarrowFont;
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/xeroxFonts/xeroxSansSerifNarrowFont.eot');
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/xeroxFonts/xeroxSansSerifNarrowFont.eot#iefix') format('embedded-opentype'),
         url('fonts/xeroxFonts/xeroxSansSerifNarrowFont.woff') format('woff'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/xeroxFonts/xeroxSansSerifNarrowFont.ttf') format('truetype'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/xeroxFonts/xeroxSansSerifNarrowFont.svg#xeroxSansSerifNarrowFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ptSansNarrowFont;
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowFont.eot');
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowFont.eot#iefix') format('embedded-opentype'),
         url('fonts/ptSansFonts/ptSansNarrowFont.woff') format('woff'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowFont.ttf') format('truetype'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowFont.svg#ptSansNarrowFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ptSansNarrowBoldFont;
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowBoldFont.eot');
    src: url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowBoldFont.eot#iefix') format('embedded-opentype'),
         url('fonts/ptSansFonts/ptSansNarrowBoldFont.woff') format('woff'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowBoldFont.ttf') format('truetype'),
         url('http://www.freshties.com/wp-content/themes/freshties/fonts/ptSansFonts/ptSansNarrowBoldFont.svg#ptSansNarrowBoldFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***************************************
 Paragraph Definitions
****************************************/

body #page #outerContent #innerContent p
  {
  font-size: 17px;

  font-family: ptSansNarrowFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;
  
  line-height: 25.5px;
      
  margin-bottom: 20px;   
  }
  
body #page #outerFooter #innerFooter p
  {
  font-size: 14px;

  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;

  color: #FFFFFF;
  
  margin: 0;
  padding: 0;
  
  line-height: 21px;
      
  margin-bottom: 20px;   
  }  
  
body #page #outerContent #innerContent p.smallBottomMargin,
body #page #outerFooter #innerFooter p.smallBottomMargin  
  {
  margin-bottom: 10px;
  }  

body #page #outerContent #innerContent p.noBottomMargin,
body #page #outerFooter #innerFooter p.noBottomMargin    
  {
  margin-bottom: 0;  
  }

body #page #outerContent #innerContent p.bold, body #page #outerContent #innerContent p span.bold   
  {
  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;
  }
  
body #page #outerContent #innerContent p.italic,
body #page #outerFooter #innerFooter p.italic  
  {
  
  }

body #page #outerContent #innerContent p.white, body #page #outerContent #innerContent p span.white    
  {
  color: #FFFFFF;
  }
  
body #page #outerContent #innerContent p.red, body #page #outerContent #innerContent p span.red,
body #page #outerFooter #innerFooter p.red, body #page #outerFooter #innerFooter p span.red    
  {
  color: #CF0039;
  }
  
body #page #outerContent #innerContent p.darkRed, body #page #outerContent #innerContent p span.darkRed
  {
  color: #34020E;
  }
  
body #page #outerContent #innerContent p.blue, body #page #outerContent #innerContent p span.blue,
body #page #outerFooter #innerFooter p.blue, body #page #outerFooter #innerFooter p span.blue    
  {
  color: #2395ED;
  }

body #page #outerContent #innerContent p.darkBlue, body #page #outerContent #innerContent p span.darkBlue
  {
  color: #012845;
  }  
  
body #page #outerContent #innerContent p.cyan, body #page #outerContent #innerContent p span.cyan,
body #page #outerFooter #innerFooter p.cyan, body #page #outerFooter #innerFooter p span.cyan    
  {
  color: #00C8CF;
  }  
  
body #page #outerContent #innerContent p.darkCyan, body #page #outerContent #innerContent p span.darkCyan
  {
  color: #012D38;
  } 
  
body #page #outerContent #innerContent p.orange, body #page #outerContent #innerContent p span.orange,
body #page #outerFooter #innerFooter p.orange, body #page #outerFooter #innerFooter p span.orange 
  {
  color: #FC9E24;
  }

body #page #outerContent #innerContent p.darkOrange, body #page #outerContent #innerContent p span.darkOrange
  {
  color: #231701;
  }  
  
body #page #outerContent #innerContent p.salmon, body #page #outerContent #innerContent p span.salmon,
body #page #outerFooter #innerFooter p.salmon, body #page #outerFooter #innerFooter p span.salmon 
  {
  color: #FB803C;
  }  
  
body #page #outerContent #innerContent p.darkSalmon, body #page #outerContent #innerContent p span.darkSalmon
  {
  color: #290F02;
  }  
  
body #page #outerContent #innerContent p.purple, body #page #outerContent #innerContent p span.purple,
body #page #outerFooter #innerFooter p.purple, body #page #outerFooter #innerFooter p span.purple 
  {
  color: #9262C5;
  }

body #page #outerContent #innerContent p.darkPurple, body #page #outerContent #innerContent p span.darkPurple
  {
  color: #2B0B4E;
  }  
  
body #page #outerContent #innerContent p.lilac, body #page #outerContent #innerContent p span.lilac,
body #page #outerFooter #innerFooter p.lilac, body #page #outerFooter #innerFooter p span.lilac 
  {
  color: #B757B0;
  }  
  
body #page #outerContent #innerContent p.darkLilac, body #page #outerContent #innerContent p span.darkLilac
  {
  color: #350131;
  }  
  
body #page #outerContent #innerContent p.green, body #page #outerContent #innerContent p span.green,
body #page #outerFooter #innerFooter p.green, body #page #outerFooter #innerFooter p span.green 
  {
  color: #8BBA4A;
  }  
  
body #page #outerContent #innerContent p.darkGreen, body #page #outerContent #innerContent p span.darkGreen
  {
  color: #121F01;
  }  
      
body #page #outerContent #innerContent p.cyanForwardArrow,
body #page #outerContent #innerContent p.redForwardArrow,
body #page #outerContent #innerContent p.greenForwardArrow
  {
  padding-right: 23px;  
    
  background-position: right 5.5px;
  background-repeat: no-repeat;
  } 

body #page #outerContent #innerContent p.cyanForwardArrow  
  {
  background-image: url('images/cyanForwardArrow.png');    
  }  

body #page #outerContent #innerContent p.redForwardArrow  
  {
  background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/redForwardArrow.png');    
  }    

body #page #outerContent #innerContent p.greenForwardArrow  
  {
  background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/greenForwardArrow.png');    
  }      
  
body #page #outerContent #innerContent p.blueTopArrow,
body #page #outerContent #innerContent p.orangeTopArrow
  {
  padding-left: 19px;  
    
  background-position: left 5.5px;
  background-repeat: no-repeat;
  } 

body #page #outerContent #innerContent p.blueTopArrow  
  {
  background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/blueTopArrow.png');    
  }    

body #page #outerContent #innerContent p.orangeTopArrow  
  {
  background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/orangeTopArrow.png');    
  }      
  
/***************************************
 List Definitions
****************************************/

body #page #outerHeader #innerHeader #mainMenu ul
  {
  margin: 0;
  padding: 0;
    
  font-size: 18px;

  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;
  
  list-style-type: none;
  
  margin-top: 3.5px;  
  }

body #page #outerHeader #innerHeader #mainMenu ul li
  {
  margin: 0;
  padding: 0;

  margin-left: 40px;
  
  line-height: 27px;         
  
  float: right;
  
  color: #FFFFFF;    
  }

body #page #outerContent #innerContent ul,
body #page #outerContent #innerContent ol
  {
  margin: 0;
  padding: 0;
      
  font-family: ptSansNarrowFont, Arial, Helvetica, sans-serif;

  font-size: 17px;    
  
  color: ;  
  
  list-style-position: inside;                                    /* might cause an issue with the forms added via form manager plugin */
        
  margin-bottom: 20px;   
  }

body #page #outerFooter #innerFooter ul,
body #page #outerFooter #innerFooter ol 
  {
  margin: 0;
  padding: 0;
      
  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;

  font-size: 14px;    
  
  color: #FFFFFF;  
        
  margin-bottom: 20px;   
  
  margin-left: 17px;
  
  list-style-type: none;
  list-style-image: url('images/whiteArrowBulletPoint.png');
  }  

body #page #outerContent #innerContent ul.indent,
body #page #outerContent #innerContent ol.indent
  {
  margin-left: 40px;
  }  
  
body #page #outerContent #innerContent ul.smallBottomMargin, body #page #outerFooter #innerFooter ul.smallBottomMargin,
body #page #outerContent #innerContent ol.smallBottomMargin, body #page #outerFooter #innerFooter ol.smallBottomMargin 
  {
  margin-bottom: 10px;  
  }

body #page #outerContent #innerContent ul.noBottomMargin, body #page #outerFooter #innerFooter ul.noBottomMargin,
body #page #outerContent #innerContent ol.noBottomMargin, body #page #outerFooter #innerFooter ol.noBottomMargin 
  {
  margin-bottom: 0;    
  }  
      
body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container #pageMenu ul,
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container #pageMenu ul
  {
  list-style-type: none;
  }  

body #page #outerContent #innerContent.ourServicesSection #container .sectionMenu ul
  {    
  list-style-type: none;
  }    
  
body #page #outerContent #innerContent ul ul,
body #page #outerContent #innerContent ol ol
  {
  margin-bottom: 0;
  }   
  
body #page #outerContent #innerContent ul li,
body #page #outerContent #innerContent ol li
  {
  margin: 0;
  padding: 0;

  line-height: 25.5px;      
  }

body #page #outerFooter #innerFooter ul li,
body #page #outerFooter #innerFooter ol li
  {
  margin: 0;
  padding: 0;

  line-height: 21px;      
  }  
  
body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container #pageMenu ul li,
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container #pageMenu ul li
  {
  width: 196px;
  
  float: left;
  
  padding-left: 19px;  
  
  background-position: 0 6.5px;
  background-repeat: no-repeat;
  }  

body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container #pageMenu ul li.addRightMargin,
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container #pageMenu ul li.addRightMargin  
  {
  margin-right: 20px;
  }
 
body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container #pageMenu ul li,
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container #pageMenu ul li
  {
  background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/darkBlueArrowBulletPoint.png');  
  }

body #page #outerContent #innerContent.ourServicesSection #container .sectionMenu ul li
  {      
  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;
    
  background-color: #B757B0;
  
  margin-bottom: 1px;
    
  background-image: url('http://www.freshties.com/wp-content/themes/freshties/images/wideWhiteArrowBulletPoint.png');
  background-position: right 9px;
  background-repeat: no-repeat;  
  
  text-transform: uppercase;
  }
  
body #page #outerContent #innerContent ul li.bold, body #page #outerContent #innerContent ul li span.bold,
body #page #outerContent #innerContent ol li.bold, body #page #outerContent #innerContent ol li span.bold
  {
  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;
  }

body #page #outerContent #innerContent ul li.italic, body #page #outerContent #innerContent ul li span.italic,
body #page #outerFooter #innerFooter ul li.italic, body #page #outerFooter #innerFooter ul li span.italic,
body #page #outerContent #innerContent ol li.italic, body #page #outerContent #innerContent ol li span.italic,
body #page #outerFooter #innerFooter ol li.italic, body #page #outerFooter #innerFooter ol li span.italic 
  {
  
  }  

body #page #outerContent #innerContent ul li.white, body #page #outerContent #innerContent ul li span.white,
body #page #outerContent #innerContent ol li.white, body #page #outerContent #innerContent ol li span.white
  {
  color: #FFFFFF;
  }
  
body #page #outerContent #innerContent ul li.red, body #page #outerContent #innerContent ul li span.red,
body #page #outerFooter #innerFooter ul li.red, body #page #outerFooter #innerFooter ul li span.red,
body #page #outerContent #innerContent ol li.red, body #page #outerContent #innerContent ol li span.red,
body #page #outerFooter #innerFooter ol li.red, body #page #outerFooter #innerFooter ol li span.red 
  {
  color: #CF0039;
  }

body #page #outerContent #innerContent ul li.darkRed, body #page #outerContent #innerContent ul li span.darkRed,
body #page #outerContent #innerContent ol li.darkRed, body #page #outerContent #innerContent ol li span.darkRed
  {
  color: #34020E;
  }  
  
body #page #outerContent #innerContent ul li.blue, body #page #outerContent #innerContent ul li span.blue,
body #page #outerFooter #innerFooter ul li.blue, body #page #outerFooter #innerFooter ul li span.blue,
body #page #outerContent #innerContent ol li.blue, body #page #outerContent #innerContent ol li span.blue,
body #page #outerFooter #innerFooter ol li.blue, body #page #outerFooter #innerFooter ol li span.blue 
  {
  color: #2395ED;
  }
  
body #page #outerContent #innerContent ul li.darkBlue, body #page #outerContent #innerContent ul li span.darkBlue,
body #page #outerContent #innerContent ol li.darkBlue, body #page #outerContent #innerContent ol li span.darkBlue
  {
  color: #012845;
  }  

body #page #outerContent #innerContent ul li.cyan, body #page #outerContent #innerContent ul li span.cyan,
body #page #outerFooter #innerFooter ul li.cyan, body #page #outerFooter #innerFooter ul li span.cyan,
body #page #outerContent #innerContent ol li.cyan, body #page #outerContent #innerContent ol li span.cyan,
body #page #outerFooter #innerFooter ol li.cyan, body #page #outerFooter #innerFooter ol li span.cyan 
  {
  color: #00C8CF;
  }  
  
body #page #outerContent #innerContent ul li.darkCyan, body #page #outerContent #innerContent ul li span.darkCyan,
body #page #outerContent #innerContent ol li.darkCyan, body #page #outerContent #innerContent ol li span.darkCyan
  {
  color: #012D38;
  }  
  
body #page #outerContent #innerContent ul li.orange, body #page #outerContent #innerContent ul li span.orange,
body #page #outerFooter #innerFooter ul li.orange, body #page #outerFooter #innerFooter ul li span.orange,
body #page #outerContent #innerContent ol li.orange, body #page #outerContent #innerContent ol li span.orange,
body #page #outerFooter #innerFooter ol li.orange, body #page #outerFooter #innerFooter ol li span.orange 
  {
  color: #FC9E24;
  }
  
body #page #outerContent #innerContent ul li.darkOrange, body #page #outerContent #innerContent ul li span.darkOrange,
body #page #outerContent #innerContent ol li.darkOrange, body #page #outerContent #innerContent ol li span.darkOrange
  {
  color: #231701;
  }  
  
body #page #outerContent #innerContent ul li.salmon, body #page #outerContent #innerContent ul li span.salmon,
body #page #outerFooter #innerFooter ul li.salmon, body #page #outerFooter #innerFooter ul li span.salmon,
body #page #outerContent #innerContent ol li.salmon, body #page #outerContent #innerContent ol li span.salmon,
body #page #outerFooter #innerFooter ol li.salmon, body #page #outerFooter #innerFooter ol li span.salmon 
  {
  color: #FB803C;
  }  
  
body #page #outerContent #innerContent ul li.darkSalmon, body #page #outerContent #innerContent ul li span.darkSalmon,
body #page #outerContent #innerContent ol li.darkSalmon, body #page #outerContent #innerContent ol li span.darkSalmon
  {
  color: #290F02;
  }  
  
body #page #outerContent #innerContent ul li.purple, body #page #outerContent #innerContent ul li span.purple,
body #page #outerFooter #innerFooter ul li.purple, body #page #outerFooter #innerFooter ul li span.purple,
body #page #outerContent #innerContent ol li.purple, body #page #outerContent #innerContent ol li span.purple,
body #page #outerFooter #innerFooter ol li.purple, body #page #outerFooter #innerFooter ol li span.purple 
  {
  color: #9262C5;
  }
  
body #page #outerContent #innerContent ul li.darkPurple, body #page #outerContent #innerContent ul li span.darkPurple,
body #page #outerContent #innerContent ol li.darkPurple, body #page #outerContent #innerContent ol li span.darkPurple
  {
  color: #2B0B4E;
  }  

body #page #outerContent #innerContent ul li.lilac, body #page #outerContent #innerContent ul li span.lilac,
body #page #outerFooter #innerFooter ul li.lilac, body #page #outerFooter #innerFooter ul li span.lilac,
body #page #outerContent #innerContent ol li.lilac, body #page #outerContent #innerContent ol li span.lilac,
body #page #outerFooter #innerFooter ol li.lilac, body #page #outerFooter #innerFooter ol li span.lilac 
  {
  color: #B757B0;
  }  
  
body #page #outerContent #innerContent ul li.darkLilac, body #page #outerContent #innerContent ul li span.darkLilac,
body #page #outerContent #innerContent ol li.darkLilac, body #page #outerContent #innerContent ol li span.darkLilac
  {
  color: #350131;
  }  
  
body #page #outerContent #innerContent ul li.green, body #page #outerContent #innerContent ul li span.green,
body #page #outerFooter #innerFooter ul li.green, body #page #outerFooter #innerFooter ul li span.green,
body #page #outerContent #innerContent ol li.green, body #page #outerContent #innerContent ol li span.green,
body #page #outerFooter #innerFooter ol li.green, body #page #outerFooter #innerFooter ol li span.green 
  {
  color: #8BBA4A;
  }     
  
body #page #outerContent #innerContent ul li.darkGreen, body #page #outerContent #innerContent ul li span.darkGreen,
body #page #outerContent #innerContent ol li.darkGreen, body #page #outerContent #innerContent ol li span.darkGreen
  {
  color: #121F01;
  }  
  
/***************************************
 Heading Definitions
****************************************/

body #page #outerHeader #innerHeader h1,
body #page #outerContent #innerContent h1
  {
  font-size: 60px;

  font-family: robotoBlackFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;
      
  line-height: 60px; 
  }

/* 
  This style is needed to fix an issue in IE on the community projects pg 
  whereby the the bottom of the heading disappears. Adding a margin-bottom
  of 10px to the heading fixes this issue and equalises FF, Chrome and IE
*/  
body #page #outerHeader #innerHeader h1.smallBottomMargin
  {
  margin-bottom: 10px;
  }
  
body #page #outerContent #innerContent h1
  {
  margin-bottom: 20px;
  }
  
body #page #outerContent #innerContent h1.noBottomMargin
  {
  margin-bottom: 0;
  } 

body #page #outerContent #innerContent h1.center
  {
  text-align: center;
  }
  
body #page #outerHeader #innerHeader, body #page #outerHeader #innerHeader h1,  
body #page #outerContent #innerContent h1.white, body #page #outerContent #innerContent h1 span.white    
  {
  color: #FFFFFF;
  }
  
body #page #outerContent #innerContent h1.red, body #page #outerContent #innerContent h1 span.red      
  {
  color: #CF0039;
  }  

body #page #outerHeader #innerHeader h1.darkRed, body #page #outerHeader #innerHeader h1 span.darkRed,
body #page #outerContent #innerContent h1.darkRed, body #page #outerContent #innerContent h1 span.darkRed
  {
  color: #34020E;
  }
  
body #page #outerContent #innerContent h1.blue, body #page #outerContent #innerContent h1 span.blue        
  {
  color: #2395ED;
  }  

body #page #outerHeader #innerHeader h1.darkBlue, body #page #outerHeader #innerHeader h1 span.darkBlue,
body #page #outerContent #innerContent h1.darkBlue, body #page #outerContent #innerContent h1 span.darkBlue
  {
  color: #012845;
  }  
  
body #page #outerContent #innerContent h1.cyan, body #page #outerContent #innerContent h1 span.cyan        
  {
  color: #00C8CF;
  }    
  
body #page #outerHeader #innerHeader h1.darkCyan, body #page #outerHeader #innerHeader h1 span.darkCyan,
body #page #outerContent #innerContent h1.darkCyan, body #page #outerContent #innerContent h1 span.darkCyan
  {
  color: #012D38;
  }  
  
body #page #outerContent #innerContent h1.orange, body #page #outerContent #innerContent h1 span.orange        
  {
  color: #FC9E24;
  }  

body #page #outerHeader #innerHeader h1.darkOrange, body #page #outerHeader #innerHeader h1 span.darkOrange,
body #page #outerContent #innerContent h1.darkOrange, body #page #outerContent #innerContent h1 span.darkOrange
  {
  color: #231701;
  }  
  
body #page #outerContent #innerContent h1.salmon, body #page #outerContent #innerContent h1 span.salmon        
  {
  color: #FB803C;
  }    
  
body #page #outerHeader #innerHeader h1.darkSalmon, body #page #outerHeader #innerHeader h1 span.darkSalmon,
body #page #outerContent #innerContent h1.darkSalmon, body #page #outerContent #innerContent h1 span.darkSalmon
  {
  color: #290F02;
  }  
  
body #page #outerContent #innerContent h1.purple, body #page #outerContent #innerContent h1 span.purple          
  {
  color: #9262C5;
  }  

body #page #outerHeader #innerHeader h1.darkPurple, body #page #outerHeader #innerHeader h1 span.darkPurple,
body #page #outerContent #innerContent h1.darkPurple, body #page #outerContent #innerContent h1 span.darkPurple
  {
  color: #2B0B4E;
  }  
  
body #page #outerContent #innerContent h1.lilac, body #page #outerContent #innerContent h1 span.lilac          
  {
  color: #B757B0;
  }    
  
body #page #outerHeader #innerHeader h1.darkLilac, body #page #outerHeader #innerHeader h1 span.darkLilac,
body #page #outerContent #innerContent h1.darkLilac, body #page #outerContent #innerContent h1 span.darkLilac
  {
  color: #350131;
  }  
    
body #page #outerContent #innerContent h1.green, body #page #outerContent #innerContent h1 span.green            
  {
  color: #8BBA4A;
  }       
  
body #page #outerHeader #innerHeader h1.darkGreen, body #page #outerHeader #innerHeader h1 span.darkGreen,
body #page #outerContent #innerContent h1.darkGreen, body #page #outerContent #innerContent h1 span.darkGreen
  {
  color: #121F01;
  }  
  
body #page #outerHeader #innerHeader h2,
body #page #outerContent #innerContent h2
  {
  font-size: 35px;

  font-family: robotoBlackFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;
  
  line-height: 35px; 
  }

body #page #outerContent #innerContent h2
  {
  margin-bottom: 20px;  
  }
  
body #page #outerContent #innerContent h2.noBottomMargin
  {
  margin-bottom: 0;
  }   
  
body #page #outerContent #innerContent h2.center
  {
  text-align: center;
  }  
  
body #page #outerHeader #innerHeader h2.white, body #page #outerHeader #innerHeader h2 span.white,  
body #page #outerContent #innerContent h2.white, body #page #outerContent #innerContent h2 span.white    
  {
  color: #FFFFFF;
  }

body #page #outerContent #innerContent h2.red, body #page #outerContent #innerContent h2 span.red      
  {
  color: #CF0039;
  }  

body #page #outerHeader #innerHeader h2.darkRed, body #page #outerHeader #innerHeader h2 span.darkRed,
body #page #outerContent #innerContent h2.darkRed, body #page #outerContent #innerContent h2 span.darkRed
  {
  color: #34020E;
  }  
  
body #page #outerContent #innerContent h2.blue, body #page #outerContent #innerContent h2 span.blue        
  {
  color: #2395ED;
  }  

body #page #outerHeader #innerHeader h2.darkBlue, body #page #outerHeader #innerHeader h2 span.darkBlue,
body #page #outerContent #innerContent h2.darkBlue, body #page #outerContent #innerContent h2 span.darkBlue
  {
  color: #012845;
  }    
  
body #page #outerContent #innerContent h2.cyan, body #page #outerContent #innerContent h2 span.cyan        
  {
  color: #00C8CF;
  }    

body #page #outerHeader #innerHeader h2.darkCyan, body #page #outerHeader #innerHeader h2 span.darkCyan,
body #page #outerContent #innerContent h2.darkCyan, body #page #outerContent #innerContent h2 span.darkCyan
  {
  color: #012D38;
  }  
  
body #page #outerContent #innerContent h2.orange, body #page #outerContent #innerContent h2 span.orange        
  {
  color: #FC9E24;
  }  

body #page #outerHeader #innerHeader h2.darkOrange, body #page #outerHeader #innerHeader h2 span.darkOrange,
body #page #outerContent #innerContent h2.darkOrange, body #page #outerContent #innerContent h2 span.darkOrange
  {
  color: #231701;
  }    
  
body #page #outerContent #innerContent h2.salmon, body #page #outerContent #innerContent h2 span.salmon        
  {
  color: #FB803C;
  }    
  
body #page #outerHeader #innerHeader h2.darkSalmon, body #page #outerHeader #innerHeader h2 span.darkSalmon,
body #page #outerContent #innerContent h2.darkSalmon, body #page #outerContent #innerContent h2 span.darkSalmon
  {
  color: #290F02;
  }   
  
body #page #outerContent #innerContent h2.purple, body #page #outerContent #innerContent h2 span.purple          
  {
  color: #9262C5;
  }  

body #page #outerHeader #innerHeader h2.darkPurple, body #page #outerHeader #innerHeader h2 span.darkPurple,
body #page #outerContent #innerContent h2.darkPurple, body #page #outerContent #innerContent h2 span.darkPurple
  {
  color: #2B0B4E;
  }   
  
body #page #outerContent #innerContent h2.lilac, body #page #outerContent #innerContent h2 span.lilac          
  {
  color: #B757B0;
  }    
  
body #page #outerHeader #innerHeader h2.darkLilac, body #page #outerHeader #innerHeader h2 span.darkLilac,
body #page #outerContent #innerContent h2.darkLilac, body #page #outerContent #innerContent h2 span.darkLilac
  {
  color: #350131;
  }    
  
body #page #outerContent #innerContent h2.green, body #page #outerContent #innerContent h2 span.green            
  {
  color: #8BBA4A;
  }      
  
body #page #outerHeader #innerHeader h2.darkGreen, body #page #outerHeader #innerHeader h2 span.darkGreen,
body #page #outerContent #innerContent h2.darkGreen, body #page #outerContent #innerContent h2 span.darkGreen
  {
  color: #121F01;
  }    
  
body #page #outerContent #innerContent h3
  {
  font-size: 30px;

  font-family: xeroxSansSerifNarrowFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;
  
  margin-bottom: 20px;  
  
  line-height: 30px; 
  }  
  
body #page #outerContent #innerContent h3.noBottomMargin
  {
  margin-bottom: 0;
  }   
  
body #page #outerContent #innerContent h3.center
  {
  text-align: center;
  }  
  
body #page #outerContent #innerContent h3.white, body #page #outerContent #innerContent h3 span.white    
  {
  color: #FFFFFF;
  }

body #page #outerContent #innerContent h3.red, body #page #outerContent #innerContent h3 span.red      
  {
  color: #CF0039;
  }  

body #page #outerContent #innerContent h3.darkRed, body #page #outerContent #innerContent h3 span.darkRed
  {
  color: #34020E;
  }  
  
body #page #outerContent #innerContent h3.blue, body #page #outerContent #innerContent h3 span.blue        
  {
  color: #2395ED;
  }  

body #page #outerContent #innerContent h3.darkBlue, body #page #outerContent #innerContent h3 span.darkBlue
  {
  color: #012845;
  }    
  
body #page #outerContent #innerContent h3.cyan, body #page #outerContent #innerContent h3 span.cyan        
  {
  color: #00C8CF;
  }    
  
body #page #outerContent #innerContent h3.darkCyan, body #page #outerContent #innerContent h3 span.darkCyan
  {
  color: #012D38;
  }    
  
body #page #outerContent #innerContent h3.orange, body #page #outerContent #innerContent h3 span.orange        
  {
  color: #FC9E24;
  }  

body #page #outerContent #innerContent h3.darkOrange, body #page #outerContent #innerContent h3 span.darkOrange
  {
  color: #231701;
  }    
  
body #page #outerContent #innerContent h3.salmon, body #page #outerContent #innerContent h3 span.salmon        
  {
  color: #FB803C;
  }    
  
body #page #outerContent #innerContent h3.darkSalmon, body #page #outerContent #innerContent h3 span.darkSalmon
  {
  color: #290F02;
  }    
  
body #page #outerContent #innerContent h3.purple, body #page #outerContent #innerContent h3 span.purple          
  {
  color: #9262C5;
  }  

body #page #outerContent #innerContent h3.darkPurple, body #page #outerContent #innerContent h3 span.darkPurple
  {
  color: #2B0B4E;
  }   
  
body #page #outerContent #innerContent h3.lilac, body #page #outerContent #innerContent h3 span.lilac          
  {
  color: #B757B0;
  }    
  
body #page #outerContent #innerContent h3.darkLilac, body #page #outerContent #innerContent h3 span.darkLilac
  {
  color: #350131;
  }  
  
body #page #outerContent #innerContent h3.green, body #page #outerContent #innerContent h3 span.green            
  {
  color: #8BBA4A;
  }      
  
body #page #outerContent #innerContent h3.darkGreen, body #page #outerContent #innerContent h3 span.darkGreen
  {
  color: #121F01;
  }    
  
body #page #outerContent #innerContent h4
  {
  font-size: 30px;

  font-family: robotoBlackFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;
  
  margin-bottom: 20px;  
  
  line-height: 30px; 
  }
  
body #page #outerContent #innerContent h4.noBottomMargin
  {
  margin-bottom: 0;
  }   
  
body #page #outerContent #innerContent h4.center
  {
  text-align: center;
  }  
  
body #page #outerContent #innerContent h4.white, body #page #outerContent #innerContent h4 span.white    
  {
  color: #FFFFFF;
  }

body #page #outerContent #innerContent h4.red, body #page #outerContent #innerContent h4 span.red      
  {
  color: #CF0039;
  }  

body #page #outerContent #innerContent h4.darkRed, body #page #outerContent #innerContent h4 span.darkRed
  {
  color: #34020E;
  }  
  
body #page #outerContent #innerContent h4.blue, body #page #outerContent #innerContent h4 span.blue        
  {
  color: #2395ED;
  }  

body #page #outerContent #innerContent h4.darkBlue, body #page #outerContent #innerContent h4 span.darkBlue
  {
  color: #012845;
  }    
  
body #page #outerContent #innerContent h4.cyan, body #page #outerContent #innerContent h4 span.cyan        
  {
  color: #00C8CF;
  }    
  
body #page #outerContent #innerContent h4.darkCyan, body #page #outerContent #innerContent h4 span.darkCyan
  {
  color: #012D38;
  }    
  
body #page #outerContent #innerContent h4.orange, body #page #outerContent #innerContent h4 span.orange        
  {
  color: #FC9E24;
  }  

body #page #outerContent #innerContent h4.darkOrange, body #page #outerContent #innerContent h4 span.darkOrange
  {
  color: #231701;
  }    
  
body #page #outerContent #innerContent h4.salmon, body #page #outerContent #innerContent h4 span.salmon        
  {
  color: #FB803C;
  }    
  
body #page #outerContent #innerContent h4.darkSalmon, body #page #outerContent #innerContent h4 span.darkSalmon
  {
  color: #290F02;
  }    
  
body #page #outerContent #innerContent h4.purple, body #page #outerContent #innerContent h4 span.purple          
  {
  color: #9262C5;
  }  

body #page #outerContent #innerContent h4.darkPurple, body #page #outerContent #innerContent h4 span.darkPurple
  {
  color: #2B0B4E;
  }    
  
body #page #outerContent #innerContent h4.lilac, body #page #outerContent #innerContent h4 span.lilac          
  {
  color: #B757B0;
  }    
  
body #page #outerContent #innerContent h4.darkLilac, body #page #outerContent #innerContent h4 span.darkLilac
  {
  color: #350131;
  }    
  
body #page #outerContent #innerContent h4.green, body #page #outerContent #innerContent h4 span.green            
  {
  color: #8BBA4A;
  }     
  
body #page #outerContent #innerContent h4.darkGreen, body #page #outerContent #innerContent h4 span.darkGreen
  {
  color: #121F01;
  }   
  
body #page #outerContent #innerContent h5
  {
  font-size: 26px;

  font-family: robotoBlackFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;

  margin-bottom: 20px;  
  
  line-height: 26px; 
  }  
  
body #page #outerContent #innerContent h5.noBottomMargin
  {
  margin-bottom: 0;
  }   
  
body #page #outerContent #innerContent h5.center
  {
  text-align: center;
  }  
  
body #page #outerContent #innerContent h5.white, body #page #outerContent #innerContent h5 span.white    
  {
  color: #FFFFFF;
  }

body #page #outerContent #innerContent h5.red, body #page #outerContent #innerContent h5 span.red      
  {
  color: #CF0039;
  }  
  
body #page #outerContent #innerContent h5.darkRed, body #page #outerContent #innerContent h5 span.darkRed
  {
  color: #34020E;
  }  
  
body #page #outerContent #innerContent h5.blue, body #page #outerContent #innerContent h5 span.blue        
  {
  color: #2395ED;
  }  

body #page #outerContent #innerContent h5.darkBlue, body #page #outerContent #innerContent h5 span.darkBlue
  {
  color: #012845;
  }    
  
body #page #outerContent #innerContent h5.cyan, body #page #outerContent #innerContent h5 span.cyan        
  {
  color: #00C8CF;
  }    
  
body #page #outerContent #innerContent h5.darkCyan, body #page #outerContent #innerContent h5 span.darkCyan
  {
  color: #012D38;
  }    
  
body #page #outerContent #innerContent h5.orange, body #page #outerContent #innerContent h5 span.orange        
  {
  color: #FC9E24;
  }  

body #page #outerContent #innerContent h5.darkOrange, body #page #outerContent #innerContent h5 span.darkOrange
  {
  color: #231701;
  }    
  
body #page #outerContent #innerContent h5.salmon, body #page #outerContent #innerContent h5 span.salmon        
  {
  color: #FB803C;
  }    
  
body #page #outerContent #innerContent h5.darkSalmon, body #page #outerContent #innerContent h5 span.darkSalmon
  {
  color: #290F02;
  }    
  
body #page #outerContent #innerContent h5.purple, body #page #outerContent #innerContent h5 span.purple          
  {
  color: #9262C5;
  }  

body #page #outerContent #innerContent h5.darkPurple, body #page #outerContent #innerContent h5 span.darkPurple
  {
  color: #2B0B4E;
  }  
  
body #page #outerContent #innerContent h5.lilac, body #page #outerContent #innerContent h5 span.lilac          
  {
  color: #B757B0;
  }    
  
body #page #outerContent #innerContent h5.darkLilac, body #page #outerContent #innerContent h5 span.darkLilac
  {
  color: #350131;
  }    
  
body #page #outerContent #innerContent h5.green, body #page #outerContent #innerContent h5 span.green            
  {
  color: #8BBA4A;
  }       
  
body #page #outerContent #innerContent h5.darkGreen, body #page #outerContent #innerContent h5 span.darkGreen
  {
  color: #121F01;
  }   
  
body #page #outerFooter #innerFooter h6
  {
  font-size: 14px;

  font-family: ptSansNarrowFont, Arial, Helvetica, sans-serif;

  color: ;  
  
  margin: 0;
  padding: 0;
  
  line-height: 14px; 
  
  text-transform: uppercase;
  }  

body #page #outerFooter #innerFooter h6 span.white
  {
  color: #FFFFFF;
  }  
  
body #page #outerFooter #innerFooter h6.red, body #page #outerFooter #innerFooter h6 span.red
  {
  color: #CF0039;
  }  
  
body #page #outerFooter #innerFooter h6.blue, body #page #outerFooter #innerFooter h6 span.blue        
  {
  color: #2395ED;
  }  
  
body #page #outerFooter #innerFooter h6.cyan, body #page #outerFooter #innerFooter h6 span.cyan        
  {
  color: #00C8CF;
  }    
    
body #page #outerFooter #innerFooter h6.orange, body #page #outerFooter #innerFooter h6 span.orange        
  {
  color: #FC9E24;
  }  
  
body #page #outerFooter #innerFooter h6.salmon, body #page #outerFooter #innerFooter h6 span.salmon        
  {
  color: #FB803C;
  }    
    
body #page #outerFooter #innerFooter h6.purple, body #page #outerFooter #innerFooter h6 span.purple          
  {
  color: #9262C5;
  }  
  
body #page #outerFooter #innerFooter h6.lilac, body #page #outerFooter #innerFooter h6 span.lilac          
  {
  color: #B757B0;
  }    
    
body #page #outerFooter #innerFooter h6.green, body #page #outerFooter #innerFooter h6 span.green            
  {
  color: #8BBA4A;
  }       
   
/*******************************************************************************************************************************************************************
 Link Definitions
********************************************************************************************************************************************************************/  
 
/***********************************
 All Link Definitions
 **********************************/

body #page a img
  {
  border: 0;
  }  

body #page #outerHeader #innerHeader a, body #page #outerContent #innerContent a, body #page #outerFooter #innerFooter a 
  {
  text-decoration: none;
  } 

body #page #outerHeader #innerHeader a:hover, body #page #outerContent #innerContent a:hover, body #page #outerFooter #innerFooter a:hover 
  {
  text-decoration: none;
  }   
  

/***********************************
 Header Link Definitions
 **********************************/  
  
body #page #outerHeader #innerHeader a
  {
  color: #FFFFFF;
  }
  
/***********************************
 Content Link Definitions
 **********************************/ 

body #page #outerContent #innerContent a.red { color: #CF0039; }
body #page #outerContent #innerContent a.darkRed { color: #34020E; }
body #page #outerContent #innerContent a.blue { color: #2395ED; }
body #page #outerContent #innerContent a.darkBlue { color: #012845; }
body #page #outerContent #innerContent a.cyan { color: #00C8CF; }
body #page #outerContent #innerContent a.darkCyan { color: #012D38; }
body #page #outerContent #innerContent a.orange { color: #FC9E24; }  
body #page #outerContent #innerContent a.darkOrange { color: #231701; }
body #page #outerContent #innerContent a.salmon { color: #FB803C; } 
body #page #outerContent #innerContent a.darkSalmon { color: #290F02; }
body #page #outerContent #innerContent a.purple { color: #9262C5; }
body #page #outerContent #innerContent a.darkPurple { color: #2B0B4E; }
body #page #outerContent #innerContent a.lilac { color: #B757B0; }
body #page #outerContent #innerContent a.darkLilac { color: #350131; }
body #page #outerContent #innerContent a.green { color: #8BBA4A; }
body #page #outerContent #innerContent a.darkGreen { color: #121F01; }

body #page #outerContent #innerContent.ourServicesSection #container .sectionMenu ul li a
  {      
  display: block;
  
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 24px;  
  
  color: #FFFFFF;
  }

/***********************************
 Footer Link Definitions
 **********************************/  
  
body #page #outerFooter #innerFooter a
  {
  color: #FFFFFF;
  }  
  
body #page #outerFooter #innerFooter a.red { color: #CF0039; }
body #page #outerFooter #innerFooter a.blue { color: #2395ED; }
body #page #outerFooter #innerFooter a.cyan { color: #00C8CF; }
body #page #outerFooter #innerFooter a.orange { color: #FC9E24; }  
body #page #outerFooter #innerFooter a.salmon { color: #FB803C; }  
body #page #outerFooter #innerFooter a.purple { color: #9262C5; }
body #page #outerFooter #innerFooter a.lilac { color: #B757B0; }
body #page #outerFooter #innerFooter a.green { color: #8BBA4A; }  
  
/*******************************************************************************************************************************************************************
 Form Definitions
********************************************************************************************************************************************************************/

/* The next definition defines styles for every form used on the website */

body #page #outerContent #innerContent form
  {
  font-size: 11px;       /* MAKE SURE THAT THIS IS WORKING CORRECTLY BY TRYING 11PX AND 1EM AND SEE IF THEY TALLY UP */
                         /* MIGHT HAVE TO ADD A MARGIN-BOTTOM OF 20PX */
  margin: 0;
  padding: 0;
  
  /* will expand to fit the size of its containing div section whatever that may be - 721px or smaller */
  width: 100%;
  }

body #page #outerContent #innerContent form p label
  {
  display: inline-block;
  
  vertical-align: top;
  }
  
body #page #outerContent #innerContent.contactUsSection.contactUsMainPg form p label
  {
  width: 150px;
  }

body #page #outerContent #innerContent form input.submit
  { 
  font-size: 14px;    
    
  font-family: ptSansNarrowBoldFont, Arial, Helvetica, sans-serif;  
      
  color: #FFFFFF;
  
  text-transform: uppercase;  
  
  border: 0;
  
  padding: 0;
  margin: 0;
  
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  }

body #page #outerContent #innerContent form input.submit.red { background-color: #CF0039; }
body #page #outerContent #innerContent form input.submit.blue { background-color: #2395ED; }  
body #page #outerContent #innerContent form input.submit.cyan { background-color: #00C8CF; }  
body #page #outerContent #innerContent form input.submit.orange { background-color: #FC9E24; }  
body #page #outerContent #innerContent form input.submit.salmon { background-color: #FB803C; }  
body #page #outerContent #innerContent form input.submit.purple { background-color: #9262C5; }  
body #page #outerContent #innerContent form input.submit.lilac { background-color: #B757B0; }  
body #page #outerContent #innerContent form input.submit.green { background-color: #8BBA4A; }  
  
/*******************************************************************************************************************************************************************
 Image Definitions
********************************************************************************************************************************************************************/

body #page #outerHeader #innerHeader #socialMediaIcons #facebookIcon
  {
  margin-right: 6px;
  }

body #page #outerContent #innerContent img, body #page #outerFooter #innerFooter img
  {  
  margin-bottom: 20px;  
  }  
 
/* The remaining image definitions are only applied to those images that have been inserted into a post using the insert into post button */
/* You can only insert the wordpress predefined image sizes into posts using the insert post button */
/* Therefore you can only insert the following image sizes into posts:- "thumbnail", "medium", "large" and "full" */

img.size-thumbnail, img.size-medium, img.size-large, img.size-full
  {  
  }
    
img.size-thumbnail.alignnone, img.size-medium.alignnone, img.size-large.alignnone, img.size-full.alignnone,  
img.size-thumbnail.alignleft, img.size-medium.alignleft, img.size-large.alignleft, img.size-full.alignleft
  {
  margin-right: 20px;
  
  float: left;
  }
  
img.size-thumbnail.aligncenter, img.size-medium.aligncenter, img.size-large.aligncenter, img.size-full.aligncenter
  {
  margin-left: auto; 
  margin-right: auto;
  
  display: block; 
  }  

img.size-thumbnail.alignright, img.size-medium.alignright, img.size-large.alignright, img.size-full.alignright
  {  
  margin-left: 20px;
  
  float: right;
  }         

body #page #outerContent #innerContent img.noBottomMargin, body #page #outerFooter #innerFooter img.noBottomMargin  
  {
  margin-bottom: 0;
  }

body #page #outerContent #innerContent img.smallBottomMargin, body #page #outerFooter #innerFooter img.smallBottomMargin  
  {
  margin-bottom: 10px;
  }

body #page #outerContent #innerContent img.smallRightMargin, 
body #page #outerFooter #innerFooter img.smallRightMargin  
  {
  margin-right: 10px;
  }  
  
/* NOT SURE ABOUT THIS RULE YET - MAY DELETE */  
body #page #outerContent #innerContent img.clearedLeft, body #page #outerFooter #innerFooter img.clearedLeft
  {
  clear: left;
  }  
    
/*******************************************************************************************************************************************************************
 Widget Definitions
********************************************************************************************************************************************************************/

body #page #outerContent #innerContent #leftSidebar .widget, body #page #outerContent #innerContent #rightSidebar .widget, body #page #outerFooter #innerFooter #services .widget, body #page #outerFooter #innerFooter #projects .widget, body #page #outerFooter #innerFooter #copyright .widget
  {
  margin: 0;
  padding: 0;  
  }          
  
  
  
/*******************************************************************************************************************************************************************
   
********************************************************************************************************************************************************************/

/***********************************
 Apply to every page on the site
 **********************************/

body #page #outerContent #innerContent #container #pageDescription,
body #page #outerContent #innerContent #leftContainer #pageDescription
  {
  margin: 0;
  padding: 0;
  }

body #page #outerContent #innerContent #container #pageMenu
  {    
  margin: 0;
  padding: 0;
  
  margin-bottom: 20px;
  }

body #page #outerContent #innerContent #container #stockImg
  {    
  margin: 0;
  padding: 0;
  }  
  
body #page #outerContent #innerContent #container .sectionMenu
  {    
  margin: 0;
  padding: 0;
  }  
  
body #page #outerContent #innerContent #container .imgBgBox,
body #page #outerContent #innerContent #leftContainer .imgBgBox,
body #page #outerContent #innerContent #rightSidebar .imgBgBox
  {    
  margin: 0;
  padding: 0;  

  margin-bottom: 20px;  
  
  overflow: hidden;
  
  background-position: top left;
  background-repeat: no-repeat;
   
  position: relative;
  }

body #page #outerContent #innerContent #container .imgBgBox.noBottomMargin,
body #page #outerContent #innerContent #leftContainer .imgBgBox.noBottomMargin,
body #page #outerContent #innerContent #rightSidebar .imgBgBox.noBottomMargin
  {
  margin-bottom: 0;
  }
  
body #page #outerContent #innerContent #container .standardBgBox,
body #page #outerContent #innerContent #leftSidebar .standardBgBox,
body #page #outerContent #innerContent #rightContainer .standardBgBox,
body #page #outerContent #innerContent #rightSidebar .standardBgBox
  {
  margin: 0;
  padding: 0;  
    
  margin-bottom: 20px;    
  }

body #page #outerContent #innerContent #container .standardBgBox,
body #page #outerContent #innerContent #rightContainer .standardBgBox
  {
  padding-top: 20px;  
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;      
  }

body #page #outerContent #innerContent #leftSidebar .standardBgBox,
body #page #outerContent #innerContent #rightSidebar .standardBgBox  
  {
  padding-top: 10px;  
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px; 
  }
  
body #page #outerContent #innerContent #container .standardBgBox .textPlaceholder,
body #page #outerContent #innerContent #container .standardBgBox .imgPlaceholder,
body #page #outerContent #innerContent #container .standardBgBox .videoPlaceholder
  {
  margin: 0;
  padding: 0;
    
  float: left;
  }

body #page #outerContent #innerContent #container .standardBgBox.left
  {
  padding-right: 0;   
  }    
  
body #page #outerContent #innerContent #container .standardBgBox.right
  {     
  }      

body #page #outerContent #innerContent .standardBgBox.lightGrey { background-color: #F5F5F5; }
body #page #outerContent #innerContent .standardBgBox.lightRed { background-color: #FCE0D5; } 
body #page #outerContent #innerContent .standardBgBox.red { background-color: #CF0039; }
body #page #outerContent #innerContent .standardBgBox.darkRed {}
body #page #outerContent #innerContent .standardBgBox.lightBlue {}
body #page #outerContent #innerContent .standardBgBox.blue {}
body #page #outerContent #innerContent .standardBgBox.darkBlue {}
body #page #outerContent #innerContent .standardBgBox.lightCyan {}
body #page #outerContent #innerContent .standardBgBox.cyan {}
body #page #outerContent #innerContent .standardBgBox.darkCyan {}
body #page #outerContent #innerContent .standardBgBox.lightOrange {}
body #page #outerContent #innerContent .standardBgBox.orange { background-color: #FC9E24; }
body #page #outerContent #innerContent .standardBgBox.darkOrange {}
body #page #outerContent #innerContent .standardBgBox.lightSalmon {}
body #page #outerContent #innerContent .standardBgBox.salmon {}
body #page #outerContent #innerContent .standardBgBox.darkSalmon {}
body #page #outerContent #innerContent .standardBgBox.lightPurple {}
body #page #outerContent #innerContent .standardBgBox.purple {}
body #page #outerContent #innerContent .standardBgBox.darkPurple { background-color: #2B0B4E; }
body #page #outerContent #innerContent .standardBgBox.lightLilac {}
body #page #outerContent #innerContent .standardBgBox.lilac {}
body #page #outerContent #innerContent .standardBgBox.darkLilac {}
body #page #outerContent #innerContent .standardBgBox.lightGreen {}
body #page #outerContent #innerContent .standardBgBox.green {}
body #page #outerContent #innerContent .standardBgBox.darkGreen {}
  
body #page #outerContent #innerContent #container .borderBox,
body #page #outerContent #innerContent #leftContainer .borderBox
  {    
  margin: 0;
  padding: 0;  
  
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  
  margin-bottom: 20px;
  
  border: 1px solid #CCCCCC;
  }  
  
body #page #outerContent #innerContent #container .borderBox .textPlaceholder,  
body #page #outerContent #innerContent #container .borderBox .imgPlaceholder,
body #page #outerContent #innerContent #leftContainer .borderBox .textPlaceholder,  
body #page #outerContent #innerContent #leftContainer .borderBox .imgPlaceholder
  {
  margin: 0;
  padding: 0;  
    
  float: left;  
  }
  
body #page #outerContent #innerContent #leftContainer .standardBox
  {
  margin: 0;
  padding: 0;  
  }
  
body #page #outerContent #innerContent #leftContainer .standardBox .textPlaceholder,
body #page #outerContent #innerContent #leftContainer .standardBox .imgPlaceholder
  {
  margin: 0;
  padding: 0;
    
  float: left;
  }

/*  
  Only surround a <form> with <div class="formBox"></div> when you need to
  place a 20px bottom margin on the form - this is to workaround an issue
  im having with FF which doesnt seem to allow me to place a 20px bottom
  margin on a <form>;
  The contact us page does not surround its <form> with <div class="formBox"></div>
  because it doesnt need to place a 20px bottom margin on the form;
*/  
body #page #outerContent #innerContent #container .formBox,  
body #page #outerContent #innerContent #leftContainer .formBox,
body #page #outerContent #innerContent #rightSidebar .formBox,
body #page #outerContent #innerContent #leftSidebar .formBox,
body #page #outerContent #innerContent #rightContainer .formBox
  {
  margin: 0;
  padding: 0;
  
  margin-bottom: 20px;
  }
  
/**********************************************************************
 Home Section Definitions
 *********************************************************************/


/***********************************
 Home Main Pg Definitions
 **********************************/

body #page #outerContent #innerContent.homeSection.homeMainPg #container #resolvingDifferencesTextPlaceholder
  {
  width: 279px; 
  
  margin-left: 50px; 
  
  float: left; 
  
  text-align: right;
  }
  
body #page #outerContent #innerContent.homeSection.homeMainPg #container #resolvingDifferencesPreventingDisputesImgPlaceholder
  {
  width: 200px; 
  
  margin-left: 43px; 
  margin-right: 40px; 
  
  float: left; 
  
  text-align: center;
  }
  
body #page #outerContent #innerContent.homeSection.homeMainPg #container #preventingDisputesTextPlaceholder
  {
  width: 258px; 
  
  margin-right: 50px; 
  
  float: left; 
  
  text-align: left;
  }
  
body #page #outerContent #innerContent.homeSection.homeMainPg #container .imgBgBox#preLegalServicesCommunityProjectsImgBgBox
  {
  width: 920px;
  
  height: 288px;
      
  background-image: url('../../uploads/2013/09/preLegalServicesCommunityProjectsImgBg.png');
  }
  
  
body #page #outerContent #innerContent.homeSection.homeMainPg #container .imgBgBox#preLegalServicesCommunityProjectsImgBgBox #preLegalServicesHeadingPlaceholder
  {
  width: 158px; 
  
  height: 68px; 
  
  overflow: hidden;
  
  position: absolute; 
      
  top: 140px; 
  left: 103px; 
  
  text-align: right;
  }

body #page #outerContent #innerContent.homeSection.homeMainPg #container .imgBgBox#preLegalServicesCommunityProjectsImgBgBox #preLegalServicesTextPlaceholder
  {
  width: 252px; 
  
  height: 46px; 
  
  overflow: hidden;
  
  position: absolute; 
  
  top: 240px; 
  left: 120px;
  }  
  
body #page #outerContent #innerContent.homeSection.homeMainPg #container .imgBgBox#preLegalServicesCommunityProjectsImgBgBox #communityProjectsHeadingPlaceholder
  {
  width: 158px; 
  
  height: 68px; 
  
  overflow: hidden;
  
  position: absolute; 
  
  top: 140px; 
  left: 679px; 
  
  text-align: left;
  }
  
body #page #outerContent #innerContent.homeSection.homeMainPg #container .imgBgBox#preLegalServicesCommunityProjectsImgBgBox #communityProjectsTextPlaceholder
  {
  width: 180px; 
  
  height: 46px; 
  
  overflow: hidden;
  
  position: absolute; 
  
  top: 240px; 
  left: 679px;  
  }
  
/**********************************************************************
 Our Services Section Definitions
 *********************************************************************/  

/***********************************
 Apply to every page in the "our services"  
 section
 **********************************/

body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourExpertiseImgBgBox,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#testimonialsImgBgBox,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#caseStudiesImgBgBox,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourValuesImgBgBox
  {
  width: 215px; 
  
  height: 296px;
    
  float: left;   
  }

body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourExpertiseImgBgBox,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#testimonialsImgBgBox,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#caseStudiesImgBgBox  
  {
  margin-right: 20px;   
  }  

body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourExpertiseImgBgBox
  {
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/ourExpertiseBgImg.png');
  }
  
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#testimonialsImgBgBox
  {
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/testimonialsBgImg.png');
  }
  
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#caseStudiesImgBgBox
  {
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/caseStudiesBgImg.png');
  }
  
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourValuesImgBgBox
  {
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/ourValuesBgImg.png');
  }  
    
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourExpertiseImgBgBox .textPlaceholder,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#testimonialsImgBgBox .textPlaceholder,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#caseStudiesImgBgBox .textPlaceholder,
body #page #outerContent #innerContent.ourServicesSection #container .imgBgBox#ourValuesImgBgBox .textPlaceholder 
  {
  width: 191px; 
  
  height: 140px; 
  
  overflow: hidden; 
  
  position: absolute; 
  
  top: 156px; 
  left: 14px;
  }  

/***********************************
 Our Services Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container #pageDescription
  {
  width: 450px;  
  
  margin-right: 20px;
  
  float: left;
  }

body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container #problemPrevention
  {
  width: 215px;  
    
  margin: 0;
  padding: 0;
  
  margin-right: 20px;
  
  float: left;  
  }
  
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container #problemResolution
  {
  width: 215px;  
    
  margin: 0;
  padding: 0;
    
  float: left;    
  }

body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container #problemPrevention .borderBox,  
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container #problemResolution .borderBox
  {
  height: 210px;
  }

body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container .standardBgBox
  {
  padding-left: 0;
  padding-right: 0;
  }
  
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container .standardBgBox .sectionMenu,
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container .standardBgBox #individualsImgPlaceholder,
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container .standardBgBox #organisationsImgPlaceholder
  {    
  width: 212px;  
  
  padding-left: 3px;
  
  float: left;
  }
  
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container .standardBgBox .sectionMenu,
body #page #outerContent #innerContent.ourServicesSection.ourServicesMainPg #container .standardBgBox #individualsImgPlaceholder
  {
  margin-right: 20px;
  }
  
/***********************************
 Pre Legal Support for Individuals +
 Contracts and Agreements For Organisations +
 Pre Legal Support for Organisations +
 Dispute Resolution Advice & Support For Organisations +
 Training For Organisations
 Pg Definitions
***********************************/

body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForIndividualsPg #container #pageDescriptionAndStockImgPlaceholder,
body #page #outerContent #innerContent.ourServicesSection.contractsAndAgreementsForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder,
body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder,
body #page #outerContent #innerContent.ourServicesSection.disputeResolutionAdviceAndSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder,
body #page #outerContent #innerContent.ourServicesSection.trainingForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder
  {
  margin: 0;
  padding: 0;
  
  width: 670px;
  
  margin-right: 20px;
  
  float: left;
  }

body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForIndividualsPg #container #pageDescriptionAndStockImgPlaceholder #pageDescription,  
body #page #outerContent #innerContent.ourServicesSection.contractsAndAgreementsForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageDescription,
body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageDescription,
body #page #outerContent #innerContent.ourServicesSection.disputeResolutionAdviceAndSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageDescription,
body #page #outerContent #innerContent.ourServicesSection.trainingForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageDescription
  {
  width: 450px;  
  
  margin-right: 20px;
  
  float: left;
  }
  
body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForIndividualsPg #container #pageDescriptionAndStockImgPlaceholder #stockImg,  
body #page #outerContent #innerContent.ourServicesSection.contractsAndAgreementsForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #stockImg,
body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #stockImg,
body #page #outerContent #innerContent.ourServicesSection.disputeResolutionAdviceAndSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #stockImg,
body #page #outerContent #innerContent.ourServicesSection.trainingForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #stockImg
  {
  width: 200px;  
    
  float: right;  
  }

body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForIndividualsPg #container #pageDescriptionAndStockImgPlaceholder #pageIntroduction,  
body #page #outerContent #innerContent.ourServicesSection.contractsAndAgreementsForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageIntroduction,
body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageIntroduction,
body #page #outerContent #innerContent.ourServicesSection.disputeResolutionAdviceAndSupportForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageIntroduction,
body #page #outerContent #innerContent.ourServicesSection.trainingForOrganisationsPg #container #pageDescriptionAndStockImgPlaceholder #pageIntroduction
  {
  margin: 0;
  padding: 0;
    
  width: 670px;  
  }

body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForIndividualsPg #container .sectionMenu,  
body #page #outerContent #innerContent.ourServicesSection.contractsAndAgreementsForOrganisationsPg #container .sectionMenu,
body #page #outerContent #innerContent.ourServicesSection.preLegalSupportForOrganisationsPg #container .sectionMenu,
body #page #outerContent #innerContent.ourServicesSection.disputeResolutionAdviceAndSupportForOrganisationsPg #container .sectionMenu,
body #page #outerContent #innerContent.ourServicesSection.trainingForOrganisationsPg #container .sectionMenu
  {
  width: 230px;  
    
  float: right;
  }
  
/**********************************************************************
 About us Section Definitions
 *********************************************************************/  
  
/***********************************
 About us Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #leftContainer .imgBgBox#ourMissionImgBgBox
  {
  width: 670px;
  
  height: 423px;
  
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/ourMissionBgImg.png');
  }

body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #leftContainer .imgBgBox#ourMissionImgBgBox #ourMissionTextPlaceholder
  {
  width: 466px; 
  
  height: 199px; 
  
  overflow: hidden; 
  
  position: absolute; 
  
  top: 115px; 
  left: 102px;  
  }

body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #leftContainer .imgBgBox#ourMissionImgBgBox #aboutFreshtiesTextPlaceholder
  {
  width: 576px; 
  
  height: 21px; 
  
  overflow: hidden; 
  
  position: absolute; 
  
  top: 377px; 
  left: 47px;  
  
  text-align: center;
  }  
  
body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #leftContainer .borderBox
  {
  
  }

body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #leftContainer .borderBox .imgPlaceholder
  {
  width: 160px;
  
  margin-right: 20px;
  }
  
body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #leftContainer .borderBox .textPlaceholder
  {
  width: 448px;
  }
    
body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #rightSidebar .imgBgBox#directorImgBgBox
  {
  width: 230px;
  
  height: 356px;
  
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/redDirector.png');
  }
    
body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #rightSidebar .imgBgBox#directorImgBgBox #directorHeadingPlaceholder
  {
  width: 160px; 
  
  height: 28px; 
  
  overflow: hidden; 
  
  position: absolute; 
  
  top: 322px; 
  left: 10px;    
  }

body #page #outerContent #innerContent.aboutUsSection.aboutUsMainPg #rightSidebar .imgBgBox#testimonyImgBgBox
  {
  width: 230px;
  
  height: 153px;
  
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/testimony.jpg');
  }    
  
/**********************************************************************
 Our Expertise Section Definitions
 *********************************************************************/  
  
/***********************************
 Our Expertise Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.ourExpertiseSection.ourExpertiseMainPg #leftContainer #pageDescription
  {
    
  }
  
body #page #outerContent #innerContent.ourExpertiseSection.ourExpertiseMainPg #leftContainer .standardBox .imgPlaceholder
  {
  width: 200px;
  
  margin-right: 20px;
  }  
  
body #page #outerContent #innerContent.ourExpertiseSection.ourExpertiseMainPg #leftContainer .standardBox .textPlaceholder
  {
  width: 450px;
  }    
    
body #page #outerContent #innerContent.ourExpertiseSection.ourExpertiseMainPg #rightSidebar .imgBgBox#directorImgBgBox
  {
  width: 230px;
  
  height: 356px;
  
  background-image: url('http://www.freshties.com/wp-content/uploads/2013/09/greenDirector.png');
  }
  
body #page #outerContent #innerContent.ourExpertiseSection.ourExpertiseMainPg #rightSidebar .imgBgBox#directorImgBgBox #directorHeadingPlaceholder
  {
  width: 160px; 
  
  height: 28px; 
  
  overflow: hidden; 
  
  position: absolute; 
  
  top: 322px; 
  left: 10px; 
  }  
  
  
/**********************************************************************
 Contact us Section Definitions
 *********************************************************************/  
  
/***********************************
 Contact us Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.contactUsSection.contactUsMainPg #container #pageDescription
  {
  width: 450px;  
      
  margin-right: 20px;    
  }

body #page #outerContent #innerContent.contactUsSection.contactUsMainPg #leftSidebar,  
body #page #outerContent #innerContent.contactUsSection.contactUsMainPg #rightContainer
  {
  margin-top: 0;
  }
    
/**********************************************************************
 Case Studies Section Definitions
 *********************************************************************/  
  
/***********************************
 Case Studies Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container #pageDescription
  {
  width: 450px;  
      
  margin-right: 20px;
  
  float: left;
  }
  
body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container #pageMenu
  {
  width: 450px;
  
  float: left;
  }

body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container .standardBgBox.left
  {
  width: 160px;
  
  float: left;
  }

body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container .standardBgBox.right
  {
  width: 700px;
  
  float: left;
  }  

body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg .base.backToTop p.blueTopArrow
  {
  margin-left: 220px;
  }  
  
body #page #outerContent #innerContent.caseStudiesSection.caseStudiesMainPg #container .base.backToTop p.blueTopArrow
  {
  margin-left: 200px;
  }
  
/**********************************************************************
 Community Projects Section Definitions
 *********************************************************************/  
  
/***********************************
 Community Projects Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container #pageDescription
  {
  width: 450px;  
  
  margin-right: 20px;
  
  float: left;
  }
  
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container #pageMenu
  {
  width: 450px;
  
  float: left;  
  }

  
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container .standardBgBox.left
  {
  width: 150px;
  
  float: left;
  }

body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container .standardBgBox.right
  {
  width: 710px;
  
  float: left;
  }  
  
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container .standardBgBox.right .textPlaceholder
  {
  width: 460px;
  
  margin-right: 20px;
  }
  
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container .standardBgBox.right .videoPlaceholder
  {
  width: 230px;
  }

body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg .base.backToTop p.orangeTopArrow
  {
  margin-left: 210px;
  }
  
body #page #outerContent #innerContent.communityProjectsSection.communityProjectsMainPg #container .base.backToTop p.orangeTopArrow
  {
  margin-left: 190px;
  }  
 
/**********************************************************************
 Testimonials Section Definitions
 *********************************************************************/  
  
/***********************************
 Testimonials Main Pg Definitions
***********************************/

body #page #outerContent #innerContent.testimonialsSection.testimonialsMainPg #container #pageDescription
  {
  width: 450px;      
  
  margin-right: 20px;
  
  float: left;
  }
  
body #page #outerContent #innerContent.testimonialsSection.testimonialsMainPg #container #stockImg
  {
  width: 71px;  
    
  float: right;
  }
    
body #page #outerContent #innerContent.testimonialsSection.testimonialsMainPg #container .standardBgBox .imgPlaceholder
  {
  width: 200px;
  
  margin-right: 20px;
  }  
  
body #page #outerContent #innerContent.testimonialsSection.testimonialsMainPg #container .standardBgBox .textPlaceholder
  {
  width: 660px;
  }