/* 
ERIC BENOIT - Boston Freelance Graphic and Web Designer
http://www.ebenoit.com
CSS Document - Styles and Structure
*/


/* --- DEFAULT BODY --- */
body {
	background: url(../images/body-bg.jpg) repeat-x top center fixed #e4e4e4;
	color: #202020;
	font: normal 13px/20px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* DEFAULT LINK */
a:link, a:visited {
	color: #c4151d;
}

a:active {
	color: #4d4d4d;
}

a:hover {
	color: #000;
}


/* LINK BUTTON */
a.button:link, a.button:visited {
	background: url(../images/button-fixed.png) no-repeat top left;
	color: #FFF;
	display: inline-block;
	height: 21px;
	margin-right: 20px;
 	padding: 2px 15px 0 15px;
	text-align: left;
 	text-decoration: none;
	width: 97px;
}

a.button:hover {
	background-position: left -23px;
}

a.button:active {
	background-position: left -46px;
}


/* DEFAULT H1, H2, H3, H4, H5 */
H1 { 
	color: #000;
	font: normal 46px/55px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

H2 { 
	color: #000;
	background: url(../images/h2-bg.gif) repeat-x bottom center;
	font: normal 20px/24px  Helvetica, Arial, sans-serif;
	margin: 0 0 25px;
	padding: 0 0 10px;
}

H3 {
	color: #6d452c;
	font: normal 18px/20px  Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

H4 {
	color: #6d452c;
	font: normal 15px/18px  Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

H5 {
	color: #507494;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
	letter-spacing: .17em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

H6 {
	color: #6d452c;
	font: normal 19px/23px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}


/* DEFAULT PARAGRAPH */
p {
	padding: 0 0 18px;
}


/* DEFAULT SMALL STYLE */
small {
	font: 10px/13px Helvetica, Arial, sans-serif;
}


/* DEFAULT UNORDERED LISTS */
ul, ol {
	margin: 0;
	padding: 0 0 18px 17px;
}

ul li {
	margin-bottom: 6px;
	padding-left: 0;
}


/* IMAGE STYLES */
img {
	border: 0;
}

.floatLeftImg {
	float: left;
	margin-right: 10px;
}


/* CONTACT FIELD STYLES */
form {
	margin-top: 20px;
}

form H3 {
	margin-bottom: 20px;
}

.rowContainer {
	margin-bottom: 35px;
}

label {
	color: #000;
	display: block;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
	letter-spacing: .19em;
	text-transform: uppercase;
	width: 570px;
}

.rowContainer input {
	width:570px;
}

input, textarea {
	padding: 3px;
}

select {
	width: 250px;
}

.submit {
	background: url(../images/submit-button.png) no-repeat 0 0;
	border: 0;
	color: #FFF;
	cursor: pointer;
	font: normal 13px/20px Georgia, "Times New Roman", Times, serif;
	height: 23px;
	padding: 2px 0 0 10px;
	text-align: left;
	width: 93px;
}

.submit:hover {
	background: url(../images/submit-button.png) no-repeat 0 -23px;
}

.submit:active {
	background: url(../images/submit-button.png) no-repeat 0 -46px;
}


/* CLEARING FLOATS */
.clear {
	clear: both;
}


/* WRAPPER and HEADER  STYLES */
#wrapper {
	width: 980px;
}

#header {	
	width: 100%;
}

#header #headerLeft {
	float: left;
	width: 202px;
}

#header #headerLeft a:link, #header #headerLeft a:visited {
	background: url(../images/boston-web-designer-logo.png) no-repeat 0 0;
	display: block;
	height: 51px;
	max-height: 51px;
	text-indent: -9999px;
	width: 202px;
}

#header #headerLeft a:hover {
	background-position: 0 -51px;
}


/*NAVIGATION STYLES */
#navigation {
	float: right;
	height: 30px;
	position: relative;
	width: 756px;
}
	
#navigation ul {
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	display: inline;
}

#navigation li a, #navigation li a:visited {
	background-color: transparent;
	display: block;
	height: 30px;
	position: absolute;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	top: 0;
}

/* Navigation Links */
#nav-home a:link, #nav-home a:visited {
	background: url(../images/navigation-main.png) 0 0 no-repeat;
	right: 450px;
	width: 31px;
}

#nav-portfolio a:link, #nav-portfolio a:visited {
	background: url(../images/navigation-main.png) -36px 0 no-repeat;
	right: 340px;
	width: 64px;
}

#nav-services a:link, #nav-services a:visited {
	background: url(../images/navigation-main.png) -103px 0 no-repeat;
	right: 240px;
	width: 56px;
}

#nav-about a:link, #nav-about a:visited {
	background: url(../images/navigation-main.png) -163px 0 no-repeat;
	right: 160px;
	width: 39px;
}
	
#nav-blog a:link, #nav-blog a:visited {
	background: url(../images/navigation-main.png) -205px 0 no-repeat;
	right: 90px;
	width: 31px;
}
	
#nav-contact a:link, #nav-contact a:visited {
	background: url(../images/navigation-main.png) -239px 0 no-repeat;
	right: 0;
	width: 54px;
}

/* Navigation Hover and Current Section State */
#nav-home a:hover, body#home #nav-home a:link, body#home #nav-home a:visited {
	background-position: 0 -30px;
}

#nav-portfolio a:hover, body#portfolio #nav-portfolio a:link, body#portfolio #nav-portfolio a:visited {
	background-position: -36px -30px;
}

#nav-services a:hover, body#services #nav-services a:link, body#services #nav-services a:visited {
	background-position: -103px -30px;
}

#nav-about a:hover, body#about #nav-about a:link, body#about #nav-about a:visited {
	background-position: -163px -30px;
}

#nav-blog a:hover, body#blog #nav-blog a:link, body#blog #nav-blog a:visited {
	background-position: -205px -30px;
}

#nav-contact a:hover, body#contact #nav-contact a:link, body#contact #nav-contact a:visited {
	background-position: -239px -30px;
}

/* Navigation Active State (click and hold) */
#nav-home a:active {
	background-position: 0 -60px;
}

#nav-portfolio a:active {
	background-position: -36px -60px;
}

#nav-services a:active {
	background-position: -103px -60px;
}

#nav-about a:active {
	background-position: -163px -60px;
}

#nav-blog a:active {
	background-position: -205px -60px;
}

#nav-contact a:active {
	background-position: -239px -60px;
}

/* Navigation Current State Hover */
body#home #nav-home a:hover {
	background-position: 0 -90px;
}

body#portfolio #nav-portfolio a:hover {
	background-position: -36px -90px;
}

body#services #nav-services a:hover {
	background-position: -103px -90px;
}

body#about #nav-about a:hover {
	background-position: -163px -90px;
}

body#blog #nav-blog a:hover {
	background-position: -205px -90px;
}

body#contact #nav-contact a:hover {
	background-position: -239px -90px;
}


/* MAIN CONTENT */
#content {
	padding-top: 35px;
	text-align: left;
	width: 100%;
}


/* 2 COLUMN STANDARD LAYOUT - About, Blog, Contact, Services, Sitemap, Links */
#contentLeft {
	float: left;
	width: 570px;
}

#contentRight {
	float: right;
	width: 360px;
}


/* HOMEPAGE STYLES */
#homeBanner {
	background: url(../images/homepage-banner.png) no-repeat top center;
	color: #c4151d;
	height: 240px;
	padding-top: 55px;
	text-align: center;
}

#homeBanner p {
	padding-bottom: 30px;
}

#homeBanner em {
	background: url(../images/h2-bg.gif) repeat-x bottom center;
	color: #666;
	font-size: 26px;
	padding: 0 15px 15px;
}

.smallContent {
	float: left;
	margin-right: 70px;
	width: 350px;
}

.smallContentRight {
	float: left;
	margin-right: 55px;
	width: 250px;
}

.smallContent a:link, .smallContent a:visited, .smallContentRight a:link, .smallContentRight a:visited {
	background: url(../images/link-icon.png) no-repeat 0 3px;
	display: block;
	padding-left: 16px;
}

.smallContent a:hover, .smallContentRight a:hover {
	background-position: 0 -34px;
}

a:link.webReviews {
	background: none;
	display: inline;
	padding: 0;
}


/* ABOUT SECTION STYLES */
.testimonials {
	float: left;
	margin: 0 25px 0 0;
	width: 170px;
}

.testimonials p {
	padding: 18px 0 0;
}

.versionPortfolio {
	float: left;
	font-size: 11px;
	margin: 10px 10px 0 0;
	width: 150px;
}

.versionPortfolio a:link img, .versionPortfolio a:visited img {
	border: 4px solid #dddcdc;
	margin-bottom: 2px;
}

.versionPortfolio a:hover img {
	border-color: #bfbfbf;
}

ul li em {
	color: #9a9a9a;
}


/* SERVICES SECTION STYLES */
.sideServices {
	float: left;
	font-size: 11px;
	margin-top: 13px;
	width: 180px;
}

.highlightedServices {
	float: left;
	margin-right: 10px;
	width: 183px;
}

.highlightedServices h4 {
	background: #2c2c2c;
	color: #FFF;
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 2px 4px 2px 8px;
	text-transform: uppercase;
}

.highlightedServices p {
	padding: 0 7px 10px;
}

.highlightedServices a:link, .highlightedServices a:visited {
	background: url(../images/link-icon.png) no-repeat 0 3px;
	display: block;
	font-size: 11px;
	margin-bottom: 10px;
	padding-left: 16px;
}

.highlightedServices a:hover {
	background-position: 0 -34px;
}

.processSteps {
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 15px;
	min-height: 104px;
	padding-bottom: 15px;
}

.processSteps .processDescription {
	padding-top: 15px;
}

.processSteps img {
	float: left;
	height: 104px;
	margin-right: 15px;
	width: 104px;
}


/* PORTFOLIO STYLES */
.portfolioAd {
	background: url(../images/portfolio-ad-bg.png) no-repeat;
	float: left;
	font-size: 11px;
	height: 220px;
	line-height: 14px;
	padding: 4px 0 0 4px;
	width: 192px;
}

.portfolioAdCategory {
	float: left;
	height: 220px;
	width: 196px;
}

.portfolioAdContact a:link, .portfolioAdContact a:visited{
	background: url(../images/portfolio-ad-contact-bg-2.png) no-repeat 0 0;
	float: left;
	height: 220px;
	text-indent: -9999px;
	width: 196px;
}

.portfolioAdContact a:hover {
	background-position: 0 -220px;
}

/* Portfolio Image Hover Links */
.portfolioWebAcuinvoice, .portfolioWebSwimEx, .portfolioWebCommunity, .portfolioWebShelfplus, .portfolioWebSmartStaffing, .portfolioWebTms, .portfolioAppSmartInvoice, .portfolioAppOnCall, .portfolioInteractiveSwimex, .portfolioLogoWellington, .portfolioLogoAbcSports, .portfolioLogoSpidersilk, .portfolioPrintSwimex, .portfolioPrintDunkinDonuts, .portfolioPrintTmlp, .portfolioPrintSwimexDvd, .portfolioPrintRonzio, .portfolioPrintNewport, .portfolioInteractiveSmartInvoice, .portfolioInteractiveGivingPoint {
	background: url(../images/portfolio-thumbs-sprite.jpg) no-repeat;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 184px;
}

.portfolioWebAcuinvoice {
	background-position: 0 0;
}

a:hover .portfolioWebAcuinvoice {
	background-position: 0 -159px;
}

.portfolioWebSwimEx {
	background-position: -184px 0;
}

a:hover .portfolioWebSwimEx {
	background-position: -184px -159px;
}

.portfolioWebCommunity {
	background-position: -368px 0;
}

a:hover .portfolioWebCommunity {
	background-position: -368px -159px;
}

.portfolioWebShelfplus {
	background-position: -552px 0;
}

a:hover .portfolioWebShelfplus {
	background-position: -552px -159px;
}

.portfolioWebSmartStaffing {
	background-position: -736px 0;
}

a:hover .portfolioWebSmartStaffing {
	background-position: -736px -159px;
}

.portfolioWebTms {
	background-position: -920px 0;
}

a:hover .portfolioWebTms {
	background-position: -920px -159px;
}

.portfolioAppSmartInvoice {
	background-position: -1104px 0;
}

a:hover .portfolioAppSmartInvoice {
	background-position: -1104px -159px;
}

.portfolioAppOnCall {
	background-position: -1288px 0;
}

a:hover .portfolioAppOnCall {
	background-position: -1288px -159px;
}

.portfolioInteractiveSwimex {
	background-position: -1472px 0;
}

a:hover .portfolioInteractiveSwimex {
	background-position: -1472px -159px;
}

.portfolioLogoWellington {
	background-position: -1656px 0;
}

a:hover .portfolioLogoWellington {
	background-position: -1656px -159px;
}

.portfolioLogoAbcSports {
	background-position: -1840px 0;
}

a:hover .portfolioLogoAbcSports {
	background-position: -1840px -159px;
}

.portfolioLogoSpidersilk {
	background-position: -2024px 0;
}

a:hover .portfolioLogoSpidersilk {
	background-position: -2024px -159px;
}

.portfolioPrintSwimex {
	background-position: -2208px 0;
}

a:hover .portfolioPrintSwimex {
	background-position: -2208px -159px;
}

.portfolioPrintDunkinDonuts{
	background-position: -2392px 0;
}

a:hover .portfolioPrintDunkinDonuts {
	background-position: -2392px -159px;
}

.portfolioPrintTmlp{
	background-position: -2576px 0;
}

a:hover .portfolioPrintTmlp {
	background-position: -2576px -159px;
}

.portfolioPrintSwimexDvd {
	background-position: -2760px 0;
}

a:hover .portfolioPrintSwimexDvd {
	background-position: -2760px -159px;
}

.portfolioPrintRonzio {
	background-position: -2944px 0;
}

a:hover .portfolioPrintRonzio {
	background-position: -2944px -159px;
}

.portfolioPrintNewport {
	background-position: -3128px 0;
}

a:hover .portfolioPrintNewport {
	background-position: -3128px -159px;
}

.portfolioInteractiveSmartInvoice {
	background-position: -3312px 0;
}

a:hover .portfolioInteractiveSmartInvoice {
	background-position: -3312px -159px;
}

.portfolioInteractiveGivingPoint {
	background-position: -3496px 0;
}

a:hover .portfolioInteractiveGivingPoint {
	background-position: -3496px -159px;
}

.portfolioBriefDescription {
	background: url(../images/portfolio-ad-arrow.png) no-repeat 160px 25px;
	display: block;
	padding: 10px 0 17px 10px;
}

a:hover .portfolioBriefDescription {
	background-position: 165px 25px;
}

.portfolioAd a:link, .portfolioAd a:visited, a:hover .portfolioBriefDescription em, a:hover .portfolioBriefDescription span {
	color: #202020;
	text-decoration: none;
}

a:hover .portfolioBriefDescription {
	color: #c4151d;
}

.portfolioBriefDescription em {
	color: #9d9d9d;
}

.portfolioBriefDescription span {
	color: #507494;
}


/* PORTFOLIO INDIVIDUAL PAGES */
#portfolioLeft {
	float: left;
	margin-bottom: 50px;
	width: 386px;
}

#portfolioRight {
	float: right;
	margin-bottom: 50px;
	width: 563px;
}

#portfolioLeft H1 {
	margin-bottom: 25px;
}

#portfolioLeft ul li {
	margin-bottom: 0;
}

#portfolioLeft ul li em {
	color: #202020;
}

.portfolioInfo {
	border-bottom: 1px solid #bfbfbf;
	font-style: italic;
	padding: 4px 0;
}

.portfolioInfo .portfolioHeader {
	float: left;
	padding-top: 3px;
	width: 100px;
}

.portfolioTestimonial {
	background: url(../images/testimonials-quote-bg.png) no-repeat 0 0;
	border-bottom: 1px solid #c5c5c7;
	color: #8a8b8f;
	font-size: 17px;
	font-style: italic;
	line-height: 24px;
	margin-top: 30px;
	padding: 45px 20px 15px;
}

#entirePortfolio {	
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	clear: both;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
	letter-spacing: .17em;
	margin: 0 0 14px;
	padding: 5px 0 3px;
	text-transform: uppercase;
}

#entirePortfolio em {
	color: #9a9a9a;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}

.entirePortfolioList {
	float: left;
	margin-right: 30px;
	width: 172px;
}

.entirePortfolioList a:link, .entirePortfolioList a:visited {
	color: #202020;
	display: block;
	font-size: 11px;
	margin-bottom: 6px;
}

.entirePortfolioList a:hover {
	color: #c4151d;
}

.entirePortfolioList a.hotwire:hover {
	background: url(../images/hotwire-link-logo.png) no-repeat 0 3px;
	padding-left: 20px;
}

.entirePortfolioList a.ebenoit:hover {
	background: url(../images/ebenoit-link-logo.jpg) no-repeat 0 3px;
	padding-left: 20px;
}

/* Easy Slider for Portfolio */
#slider ul, #slider li {
	list-style:none;
	margin:0;
	padding:0;
}
		
#slider {
	background: #fcfbfb;
	border: 11px solid #FFF;
	height:480px;	
	overflow:hidden;
	width: 541px;
}

#slider li {
	height:480px;
	overflow:hidden;
	width:541px;
}

#youtube {
	background: #fcfbfb;
	border: 11px solid #FFF;
	width: 541px;
}

span#nextBtn a:link, span#nextBtn a:visited, span#prevBtn a:link, span#prevBtn a:visited {	
	background: #3a383a;
	color: #FFF;
	height: 21px;
	padding-top: 2px;
	text-decoration: none;
}

span#prevBtn a:link, span#prevBtn a:visited {
	background: url(../images/button-gallery-left.png) no-repeat top left;
	float: left;
	padding-left: 25px;
	width: 256px;	
}

span#nextBtn a:link, span#nextBtn a:visited {
	background: url(../images/button-gallery-right.png) no-repeat top right;
	float: right;
	padding-right: 25px;
	text-align: right;
	width: 257px;
}

span#prevBtn a:hover {
	background-position: left -23px;
}

span#nextBtn a:hover {
	background-position: right -23px;
}

span#prevBtn a:active {
	background-position: left -46px;
}

span#nextBtn a:active {
	background-position: right -46px;
}


/* BLOG STYLES */
#blog h3 {
	font: 22px/24px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}

#blog small, #home small {
	color: #a6a6a6;
	padding-bottom: 6px;
	text-transform: uppercase;
}

.post {
	border-bottom: 1px dashed #bfbfbf;
	margin-bottom: 20px;
	padding-bottom: 10px
}

.postmetadata {
	color: #616161;
}

#blog #contentRight ul ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#blog #contentRight ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px;
}

#blog #contentRight .aktt_tweets ul li {
	padding-bottom: 10px;
}

ul.commentlist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.commentlist li {
	list-style: none;
}

.avatar {
	float: left;
	margin: 0 10px 3px 0;
	width: 32px;
}

.authorDate {
	float: left;
	padding-top: 4px;
	width: 500px;
}

#blog .highlightedServices {
	display: block;
	float: none;
	margin-bottom: 20px;
	width: 100%;
}

#blog .highlightedServices h4 {
	padding-top: 4px;
}

code {
	margin: 0;
	padding: 0;
}


/* MISC STYLES */
.last {
	border: 0;
	margin-right: 0;
	padding-right: 0;
}

.straightLine {
	border-top: 1px solid #bfbfbf;
	font-size: 0px;
	height: 1px;
	line-height: 0px;
	margin: 2px 0;
	width: 100%;
}

.bottomPadding {
	padding-bottom: 25px;
}


/* FOOTER STYLES */
#footer {
	background: url(../images/footer-bg.jpg) repeat-x top center #222;
	color: #a1a5a8;
	font: 11px/16px Helvetica, Arial, sans-serif;
	margin-top: 40px;
	padding: 8px 0 50px;
	text-transform: uppercase;
	width: 100%;
}

#footer .inner-wrap {
	margin: 0 auto;
	text-align: center;
	width: 980px;
}

#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	text-transform: capitalize;
}

#footer a:hover {
	color: #c4151d;
	text-decoration: none;
}

#footerLeft {
	float: left;
	text-align: left;
	width: 550px;
}

#footerRight {
	float: right;
	text-align: right;
	width: 300px;
}

#footerSocialLinks a:link, #footerSocialLinks a:visited {
	display: inline-block;
	height: 19px;
	margin-top: 4px;
	text-indent: -9999px;
	width: 22px;
}

#footer-twitter {
	background: url(../images/social-buttons.jpg) 0 0 no-repeat;
}

#footerSocialLinks a#footer-twitter:hover {
	background-position: 0 -19px;
}

#footer-linkedin {
	background: url(../images/social-buttons.jpg) -22px 0 no-repeat;
}

#footerSocialLinks a#footer-linkedin:hover {
	background-position: -22px -19px;
}

#footer-facebook {
	background: url(../images/social-buttons.jpg) -44px 0 no-repeat;
}

#footerSocialLinks a#footer-facebook:hover {
	background-position: -44px -19px;
}


/* STRETCH FOOTER and KEEP IT ON THE BOTTOM OF EVERY PAGE NO MATTER BROWSER or CONTENT HEIGHT */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -10.00em; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 10.00em; /* .push must be the same height as .footer */
}


/* scalable Inman Flash Replacement (sIFR) version 3. */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
	vertical-align: bottom;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

/*---- Header styling ---*/

.sIFR-active h1,
.sIFR-active #home h1,
.sIFR-active h2,
.sIFR-active h2 a:link,
.sIFR-active h2 a:visited,
.sIFR-active #home h3,
.sIFR-active #portfolio h3,
.sIFR-active #services h3,
.sIFR-active #about h3,
.sIFR-active #contact h3,
.sIFR-active #default h3,
.sIFR-active h4,
.sIFR-active .highlightedServices h4,
.sIFR-active #headerRight ul li,
.sIFR-active .topNav { 
	visibility:hidden;
	}

}


/* What are you doing poking around in my CSS files? Snoop! */