/*****************************************************
sIFR-screen.css
******************************************************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

*/

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
}
/*
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 17px;
}
*/
/*
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/

/* hide SIFR text while its being rendered */
.sIFR-hasFlash span
{
	 visibility: hidden;
}



/*****************************************************
jquery.jcarousel.css
******************************************************/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	background:			url(../images-994/banner_orangeBackground.jpg);
	width: 812px;
    height: 258px;
	border:		1px solid #02a1e1;
	margin-left:	auto;
	margin-right:	auto;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 812px;
    height: 258px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/*****************************************************
skin.css
******************************************************/
.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 812px;
    height: 258px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 812px;
    height: 258px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
	width: 812px;
    height: 258px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 812px;
    height: 258px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 111px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: transparent url(../images-994/banner_rightArrow2.png) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -86px 0;
}




.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 111px;
    left: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: transparent url(../images-994/banner_leftArrow3.png) no-repeat 0 0;
}



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -36px 0;
}

.banner .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.banner .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.banner .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -86px 0;
}




/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../jcarousel/next-vertical.html) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../jcarousel/prev-vertical.html) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/*****************************************************
layout.css
******************************************************/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, form, fieldset{
	margin:				0px;
	padding:            0px;
}

body{
	background-color:	#eeeeee;
}

a{
	outline-style:		none;
	outline-width:		0px;
	
}

img{
	border:				none;
}

.clearOnly{
	clear:				both;
}

.middle p a, .middle li a{

	color:				#0081b4;
}

.middle p a:hover, .middle li a:hover{
	background-color:	#e0f6ff;
}

.middle p strong, .middle li strong{
	color:				#5f5f5f;
}

.surround { float:left; width:auto; }

/* =HEADER
------------------------------------------------------------------------------*/

.header{
	height:				130px;
	width:				100%;
	min-width:			950px;
	background:			url(../images-994/topBannerBG.png) top left repeat-x;
	z-index:			10;
	position:			absolute;
	left:				0px;
	
}

.innerHeader{
	width:				820px;
	margin-left:		auto;
	margin-right:		auto;
	padding:			0 83px;
	position:			relative;
}

.topLogo{
	height:				120px;
	width:				820px;
	float:				left;
}

.topLogo a{
	height: 120px;
	width: 820px;
	background: url(../images-994/logo.png) top left no-repeat;
	text-indent: -9000px;
	display: block;
}

.extraText{
	height:				53px;
	width:				197px;
	/* background:			url(../images-994/top_hw_PartnerProgram.gif) top left no-repeat; */
	text-indent:        -9000px;
	position:			absolute;
	left:				551px;
	top:				17px;
}



/* =WRAPPER
------------------------------------------------------------------------------*/


.wrapper{
	width:				994px;
	margin-left:		auto;
	margin-right:		auto;
	
}

.stripyWrapper{
	background:			url(../images-994/stripes.jpg) top left repeat;
	margin:				0px 33px 0px 33px;
}

.innerWrapper{
	background-color:	#FFF;
	margin:				0px 15px 0px 15px;
	position:			relative;
}

.topSpacer{
	height:				166px;
	width:				663px;
}



/* =MENU =NAV =SUCKERFISH
------------------------------------------------------------------------------*/



.wrapper .nav .selected a{

  color: 				#FFF;
}		



.nav, .nav ul { 
	list-style: 		none;
	margin: 			0;
	padding:            0;
}

.nav {
  font-family: 			Arial, Helvetica, sans-serif;
  z-index: 				100;
  position: 			relative;
  margin-left:			10px;
  width:				538px;
  float:				right;
  font-size:			11px;
  margin-top:			70px;
}


.nav li {
  float: 				left;
  margin: 				0;
  padding: 	            0;
  position: 			relative;
}

/* MAIN MENU STYLING OF A TAG */
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: 				1.22em Arial, Helvetica, sans-serif;
  color: 				#FFF;
  display: 				block;
  text-decoration: 		none;
  text-indent:        -9999px;
  width:				84px;
  height:				57px;
}


/* DROP DOWN STYLING OF A TAG */
.nav li .subMenu a, .nav li .subMenu a:link, .nav li .subMenu a:active, .nav li .subMenu a:visited {
   padding:             3px 5px 3px 5px;
   height:				20px;
   width:				auto;
}



.nav li a:hover {
  color: 				#FFF;
}


#nav-one li:hover a, 
#nav-one li.sfHover a {
  	color: 				#000;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: 			#68cbf2;
  color: 				#FFF;
  text-indent:          0px;
}

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: 			#02a1e1;
  color: 				#FFF;
  font-style:			italic;
}

.nav ul {
  background: 			#68cbf2;
  list-style: 			none;
  margin: 				-10px 0px 0px 0px;
  width: 				650px;
  position: 			absolute;
  top: 					-999em;
  left: 				-130px;
  z-index:				8888;
  -moz-border-radius:	7px;
  -webkit-border-radius:7px;
  
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 					55px;
}

.nav ul li {
  border: 				0;
  float: 				left;
  width:				200px;
  padding:              2px 0px 2px 10px;
  margin-bottom:		5px;
}

.nav ul a {
  border: 				1px solid #68cbf2;
  border-bottom: 		0;
  padding-right: 		20px;
  white-space: 			nowrap;
  font-style:			italic;
}

.nav li .subMenu li a{
	font-style:			italic;
}

.nav ul a:hover {
  background: 			#ccc;
  color: 				#000;
}



/* =MENU PIXI IMAGES
------------------------------------------------------------------------------*/


.menuHome a{
	background:			url(../images-994/menuMaster.gif) top left no-repeat;
	
}

.menuHome a:hover{
	/* background-position:	right; */
}


.menuServices a{
	background:			url(../images-994/menu_services_pixi.gif) top left no-repeat;
}


.menuServices a:hover{
	/* background-position:	right; */
}

.menuLocations a{
	background:			url(../images-994/menuLocations.gif) top left no-repeat;
}


.menuLocations a:hover{
	/*background-position:	center;*/
}


.menuPortfolio a{
	background:			url(../images-994/menuPortfolio.gif) top left no-repeat;
}


.menuPortfolio a:hover{
	/*background-position:	center;*/
}

.menuPartners a{
	background:			url(../images-994/menuPartners.gif) top left no-repeat;
}


.menuPartners a:hover{
	/*background-position:	center;*/
}

.menuContact a{
	background:			url(../images-994/menuContact.gif) top left no-repeat;
}

.menuContact a:hover{
	/*background-position:	center;*/
}	



.selected a{
	/*background-position:	right;*/
}


/* =IE6 WARNING
------------------------------------------------------------------------------*/

.ie6Warning{
	position:			absolute;
	z-index:			80;
	top:				0px;
	height:				150px;
	width:				1000px;
	
}


/* =CAROUSEL
------------------------------------------------------------------------------*/


.innerCarousel{
	height:				312px;
	width:				981px;
}

.portfolioItem .innerCarousel{
	width: 				451px;
    height:				392px;
}



.innerCarousel h2, .innerCarousel p{
	text-indent:        -9000px;
}

.innerCarousel img{
	margin-top:			-50px;
}


.portfolioItem .innerCarousel img{
	margin-top:			0px;
}

/* =SLIDING IMAGES
--------------------------------------------------------------*/
.fourBoxes{
	width:				870px;
	padding-left:		40px;
	margin-left:		auto;
	margin-right:		auto;

}
/*
#our_work
{
	display:			block;
	width:				981px;
}
#our_work li img, #more_work li img{
	padding-bottom:         15px;
	background:				url(file:///E|/My%20Documents/Web%20Sites/Apache_htdocs/images-994/servicesBoxFooter.jpg) bottom left no-repeat;
}

#our_work li{
	list-style:				none;
	float:					left;
	background: 			#fff;
	margin:					0px 11px 15px 0px;
	padding: 	            0px 7px 8px 0px;
	width:					231px;
	position:				relative;

}

#more_work li{
	list-style:				none;
	float:					right;
	background: 			#fff;
	margin:					0 62px 15px 0;
	padding: 	            0px 7px 8px 0px;
	width:					258px;
	position: 				relative;
}

*html #our_work li{
	_margin:				0px 15px 15px 0px;
}

*html #more_work li{
	_margin:				0px 15px 15px 0px;
}

#our_work li.last, #more_work li.last{
	margin-right:			0;
}

#our_work li a{
	display: 				block;
	position: 				relative;
	overflow: 				hidden;
	width:					231px;
	height:					172px;
	color:					#FFF;
	font: 					1em Helvetica, Arial, sans-serif;
	font-size:				1.4em;
	line-height:			1.6em;
	text-decoration:		none;
	background-color:		#040E2F;
}

#more_work li a {
	display: 				block;
	position: 				relative;
	overflow: 				hidden;
	width:					246px;
	height:					171px;
	color:					#FFF;
	font: 					1em Helvetica, Arial, sans-serif;
	font-size:				1.4em;
	line-height:			1.6em;
	text-decoration:		none;
	background-color:		#040E2F;
}

#our_work .slidingButtons li p{
	z-index:				999;
	position:				relative;
	background:				url(../images-994/sliderTop.png) top left no-repeat;
	width:					226px;
	height:					246px;
	margin:					120px 0px 0px 0px;
	padding:                0px;
	color:					#FFF;
	line-height:			1.2em;
	font-size:				0.9em;
	padding:                0px 10px 0px 10px;
}

#more_work .slidingButtons li p{
	z-index:				999;
	position:				relative;
	background:				url(file:///E|/My%20Documents/Web%20Sites/Apache_htdocs/images-994/servicesTransparant.png) top left no-repeat;
	width:					226px;
	height:					171px;
	margin:					130px 0px 0px 0px;
	padding:                0px;
	color:					#FFF;
	line-height:			1.2em;
	font-size:				0.9em;
	padding:                0px 10px 0px 10px;
}
	
	
#our_work .slidingButtons li p span, #more_work .slidingButtons li p span{
	font-size:				1.4em;
	display:				block;
	padding:				15px 3px 15px 1px;
}



#our_work li a:focus, #our_work li a:hover, #more_work li a:focus, #more_work li a:hover { text-decoration: none; }

#our_work li img{
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				172px;
	width: 					231px;
	border: 				0;
}

#more_work li img{
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				171px;
	width: 					246px;
	border: 				0;
	
}


.topButtons{
	margin-top:				40px;
	float:					left;
	width:					1000px;
	padding:                0px;
	margin-bottom:			20px;
}


#more_work{
	float:					right;
}

.rightButtons{
	float:					right;
	width:					333px;
	padding:                0px;
}

.wrapper .colRight .rightButtons li{
	margin:					0px;
}

*/

/* =SLIDING IMAGES END
--------------------------------------------------------------*/


/* =THREE =COLS
--------------------------------------------------------------*/

.threeCols{
	clear:both;
	width:					813px;
	margin-left:			auto;
	margin-right:			auto;
}

.left{

	width:					191px;
	float:					left;
}

.middleAndRight{
	width:					605px;
	float:					right;
}

.middle{
	width:					394px;
	float:					left;
}
.right{
	float:					right;
	width:					191px;
}
.newOffice{
	float:					right;
	width:					231px;
	padding:				15px 0 0 0;
	text-align:				right;
}
.newOffice img {
	margin:					0 0 10px 0;
}
.newOffice h4{
	margin:					0 0 10px 0;
	font-family:				Verdana,Geneva,sans-serif;
	font-size:				18px;
	color:					#02a1e1;
}
.newOffice h4 a {
	font-size:				14px;
	color:					#02a1e1;
}
.newOffice h4 a:hover{
	background-color:			#E0F6FF
}

.marginTopRight{
	margin-top:				41px;
}

.clear{
	clear:					both;
	padding-bottom:         25px;
}

.footer{
	clear:					both;
	height:					80px;
	width:					100%;
	min-width:				994px;
	background-color:		#5d5d5d;
}


/* =SUB MENU
--------------------------------------------------------------*/

.subMenu{
	list-style:				none;
	position:				relative;
}

.subMenu li{
	margin:					5px 0px 0px 0px;
}

.left .subMenu li{
	position:			relative;
}

.subMenu li a{
	color:					#000;
	text-decoration:		none;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				0.8em;
	font-weight:			lighter;
	}

.left .subMenu .subSelected a{
	color:					#F60;
	font-weight:			bold;
}

.subMenu li a:hover{
	color:					#F60;
}

.menuPointer{
	position:				absolute;
	left:					-42px;
	top:					-6px;

}
	


.tenReasons{
	margin:					20px 0px 0px 0px;
}







/* =PNP QUICK CONTACT incorporating PNP LIGHTBOX
------------------------------------------------------------------------------*/

.wrapper img[class="quickContactButton"]{
	position:				fixed;
	cursor:					pointer;
	margin-left:			auto;
	margin-right:			auto;
	top:					167px;
	padding-left:           28px;
	display:				block;
}




/* =PNP LIGHTBOX
------------------------------------------------------------------------------*/

.pnpLightBox{
	display:				none;
	height:					497px;
	width:					414px;
	background:				url(../images-994/lightBoxPopUp.png) top left no-repeat;
	position:				fixed;
	z-index:				9999;
	left:					50%;
	margin-left:			-207px;
	margin-top:				50px;
	
}

a.pnp_lightBox_close{
	height:					25px;
	width:					25px;
	background:				url(../images-994/close_button.png) top left no-repeat;
	text-indent:            -9999px;
	display:				block;
	position:				relative;
	top:					15px;
	left:					15px;
}

a.pnp_lightBox_close:hover{
	background-position:	bottom;
}

		
.lightboxWrapper{
	position:				fixed;
	z-index:				9998;
	background:				url(../images-994/lightboxBG.png) top left repeat;
	height:					100%;
	width:					100%;
	display:				none;
	cursor:					pointer;
}


/* =CONTACT FORM =LIGHTBOX
------------------------------------------------------------------------------*/

.lightBoxContactForm{
	width:					315px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				20px;
}

.lightBoxContactForm label{
	font-family:			Helvetica, Verdana, Geneva, sans-serif;
	display:				block;
	font-size:				12px;
}

.lightBoxContactForm input{
	width:					306px;
	margin:					0px 0px 7px 0px;
	font-size:				13px;
	font-family:			"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:					#00F;
}

.lightBoxContactForm textarea{
	width:					306px;
	font-family:			"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:				13px;
	color:					#00F;
}

.lightBoxContactForm .submitForm{
	font-size:				13px;
	float:					right;
	margin-top:				6px;
}

/* =CONTACT FORM =PRINT BUYING GUIDE
------------------------------------------------------------------------------*/

.printBuyingGuideForm{
	width:					350px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				30px;
}

.printBuyingGuideForm label{
	font-family:			Helvetica, Verdana, Geneva, sans-serif;
	display:				block;
	font-size:				14px;
}

.printBuyingGuideForm input{
	width:					340px;
	margin:					0px 0px 15px 0px;
	font-size:				15px;
	font-family:			"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:					#00F;
}

.printBuyingGuideForm textarea{
	width:					345px;
	font-family:			"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:					#00F;
}

.printBuyingGuideForm .submitForm{
	font-size:				16px;
	float:					right;
	margin-top:				8px;
}

/* =CONTACT FORM =PORTFOLIO
------------------------------------------------------------------------------*/

.portfolioContactForm{
	margin-top:				27px;
}

.portfolioContactForm label{
	float:					left;
	width:					80px;
	font-family:			Helvetica, Verdana, Geneva, sans-serif;
	font-size:				14px;
}

.portfolioContactForm input{
	float:left				left;
	width:					168px;
	margin:					0px 0px 15px 0px;
	font-size:				15px;
	font-family:			"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:					#00F;
}

.portfolioContactForm textarea{
	float:					right;
	width:					168px;
	height:					62px;
	font-family:			"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:					#00F;
}

.portfolioContactForm .submitForm{
	font-size:				16px;
	float:					right;
	margin-top:				8px;
}

/* =CMS =LIGHTBOX
------------------------------------------------------------------------------*/
.pnpLightBox2{
	display:				none;
	height:					344px;
	width:					425px;
	position:				fixed;
	z-index:				9999;
	left:					50%;
	margin-left:			-172px;
	margin-top:				50px;
	
}

.pnpLightBox2 a.pnp_lightBox_close{
	left:					-15px;
	top:					-1px;
	cursor:					pointer;
}



/* =BREADCRUMBS
------------------------------------------------------------------------------*/

.breadCrumbs{
	width:					100%;
	height:					25px;
	position:				absolute;
	top:					149px;
	left:					30px;
}


.portfolioItemInnerWrapper .breadCrumbs{
	left:					50px;
}

	

.wrapper .breadCrumbs p, .wrapper .breadCrumbs h2, .wrapper .breadCrumbs h3, .wrapper .breadCrumbs h4, .wrapper .breadCrumbs p a, .wrapper .breadCrumbs h2 a, .wrapper .breadCrumbs h3 a, .wrapper .breadCrumbs h4 a{
	color:					#999;
	font-size:				0.9em;
	font-family:			Verdana, Geneva, sans-serif;
	float:					left;
	text-decoration:		none;
	display:				inline;
	font-weight:			lighter;
	
	
}

.wrapper .breadCrumbs p a:hover{
	color:					#67caf1;
}


body .wrapper .innerWrapper .breadCrumbsOn a{
	color:					#67caf1;
	
}
	
	
body .wrapper .innerWrapper .breadCrumbsOn a:hover{
	padding:                0px 105px 105px 0px;
	
	
}



.portfolioMenu{
	float:					left;
	list-style:				none;
	border-bottom:			1px solid #999;
	border-top:				1px solid #999;
	display:				block;
	margin:					0px 20px 0px 20px;
	padding:                15px 0px 10px 0px;
	width:					820px;
}

.portfolioMenu li{
	float:					left;
}

.portfolioMenu li a{
	margin:					10px 20px 10px 20px;
}

/* =PORTFOLIO GRID
------------------------------------------------------------------------------*/

.portfolioGrid{
	float:					left;
	list-style:				none;
}

.portfolioGrid li{
	height:					170px;
	width:					170px;
	float:					left;
	margin:					22px;
}

.portfolioGrid li img{
	border:					10px solid #eee;
}

.portfolioGrid li img:hover{
	border:					10px solid #29b1e8;
}
#corporate-clients img:hover{
	border:					10px solid #eee;
}
#corporate-clients li p{
	font-family:			"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:		none;
	font-size:				0.9em;
}
.portfolioGrid li p a{
	font-family:			"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:					#29b1e8;
	text-decoration:		none;
	font-size:				0.9em;
}

.portfolioGrid li p a:hover{
	text-decoration:		underline;
}

.portfolioItemInnerWrapper .projectNav{
	width:					300px;
	float:					right;
	position:				relative;
	top:					55px;
	left:					-10px;
	text-align:				right;
}

.portfolioItemInnerWrapper .projectNav a{
	color:					#666666;
	font-family:			"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:		none;
}


.portfolioItemInnerWrapper .projectNav a:hover{
	text-decoration:		none;
	color:					#29b1e8;
}

.portfolioItem{
	width:					500px;
	float:					left;
	margin:					0px 50px 60px 0px;
}

.portfolioFourBoxes{
	border-top:				1px solid #CCCCCC;
	clear:					both;
}

.likeWhatYouSee{
	display:				block;
	height:					56px;
	width:					224px;
	position:				absolute;
	right:					112px;
	margin-top:				-25px;
}

.portfolioItemInnerWrapper .portfolioText{
	float:					left;
	font-family:			"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:					#666;
	font-weight:			lighter;
	width:					328px;
	margin:					20px 0px 20px 0px;
}

.portfolioItemInnerWrapper .portfolioText a{
	color:					#29b1e8;
	text-decoration:		none;
}

.portfolioItemInnerWrapper .portfolioText a:hover{
	color:					#FFF;
	background-color:		#29b1e8;
}

.portfolioItemInnerWrapper .portfolioItemGrid{
	width:					821px;
	margin-left:			35px;
	border-top:				1px solid #CCCCCC;
	border-bottom:			1px solid #CCCCCC;
	padding-top:            20px;
	padding-bottom:         20px;
	height:					200px;
	overflow:				hidden;
}

.portfolioItemInnerWrapper .portfolioItemGrid li{
	margin:					17px;
	
}

/* =sIFR =FONTS =FONT
------------------------------------------------------------------------------*/

h3 .sIFR-replaced{
	font-size:				2.2em !important;
	color:					#e75a07;
	line-height:			0.4em;	
	font-weight:			normal !important;
}

.slabFontOrange{ /* NO FLASH */
	font-size:				1.6em;
	color:					#e75a07;
	line-height:			1em;
	font-family:			"Times New Roman", Times, serif;
	font-weight:			lighter;
}

.slabFontGrey{
	font-size:				1em;
	color:					#666;
}

.middle p, .middle ol, .middle ul{
	font-family:			"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:				0.8em;
	line-height:			1.6em;
	color:					#666;
}

.middle ol, .middle ul{
	padding:                0px 0px 0px 30px;
}
		
.middle ol li, .middle ul li{
	margin:					0px 0px 5px 0px;
}

h1 .slabFontBlack{
	font-size:				2em;
}

.portfolioMenu li .slabFontGreyBold, .portfolioMenu li .slabFontBlueBold{
	font-size:				1.3em;
}



.portfolioTitle{
	margin:					20px 0px 10px 20px;
	font-size:				1.5em;
}

.portfolioItemInnerWrapper .portfolioTitle{
	margin:					30px 0px 0px 0px;
	float:					left;
}


.portfolioItemTop{
	margin:					30px 50px 10px 50px;
	border-bottom:			1px solid #CCC;
	padding:                0px 0px 20px 0px;
	height:					70px;
	
}

.portfolioSubTitle{
	float:					left;
	margin:					50px 0px 0px 5px;
}

.bodyOrangeH4{
	font-size:				0.9em;
	margin:					20px 0px 5px 0px;
}

/* =SLIDING IMAGES VANELLA
--------------------------------------------------------------*/

.sliderList{
	padding:                0px;
	margin:					0px;
	list-style:				none;
}

.sliderList li{
	height:					142px;
	width:					193px;
	overflow:				hidden;
	display:				block;
	float:					left;
	position: 				relative;
	cursor:					pointer;
}


.sliderList .brandSlider{
	background:				url(../images-994/pnpSliderBranding.gif) top left no-repeat;
}

.slider{
	background:				url(../images-994/pnpSliderBackground.png) top left no-repeat;
	height:					145px;
	width:					193px;
	position:				relative;
	top:					108px;
	overflow:				hidden;
	display:				block;
	cursor:					pointer;
}

.sliderWindow{
	position:				absolute;
	z-index:				99;
}


/* =SLIDING IMAGES CUSTOM STYLING
--------------------------------------------------------------*/


.sliderList .sliderLI .slider h3{
	visibility:				visible !important;
	text-transform:			none;
	font-stretch:			normal;
	letter-spacing:			normal;
	font-size: 12px;
	font-family:			"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style:				italic;
	margin:					1px 1px 1px 5px;
	/*background:				url(../images-994/arrow.png) center right no-repeat;*/

	
}

.sliderList .sliderLI .slider h3 a{
	color:					#FFF;
	text-decoration:		none;
}

.sliderList .sliderLI .slider p{
	margin: 0px 2px 0px 2px;
	font-size: 11px;
	line-height: 1.5em;
}

.sliderList .sliderLI .slider p a{
	color:					#FFF;
	text-decoration:		none;
	font-family:			"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style:				italic;
}


.sliderList{
	float:					left;
	margin:					30px 0px 30px -16px;
}

.sliderList li{
	float:					left;
	margin-left:			15px;
}

.sliderList .brandSlider{
	background:				top left no-repeat;
}

.sliderList .webSlider{
	background:				top left no-repeat;
}

.sliderList .ecomSlider{
	background:				top left no-repeat;
}

.sliderList .cmsSlider{
	background:				top left no-repeat;
}


/* =QUOTE
--------------------------------------------------------------*/

.standardQuote{
	font-size:				1.05em;
	background:				url(../images-994/upQuotes.gif) top left no-repeat;
	padding:                20px 0px 0px 0px;
}

q.standardQuote{
	display:				block;
	width:					200px;
	float:					right;
	margin:                 12px;
	text-decoration:		none;
	quotes:					none;
	font-size:				0.8em;
}

.standardQuote .slabFontOrange{
	background:				url(../images-994/downQuotes.gif) bottom right no-repeat;
}



/* =TWITTER
--------------------------------------------------------------*/

.twitter{
	background:				url(../images-994/twitterBG.gif) top right no-repeat;
	height:					234px;
	width:					196px;
	margin:					33px 0px 0px -4px;
	overflow:hidden;
}

.twitter #scroller {
	float:left;
	margin-top:2px;
	width:194px;
	height:177px;
}

.twitter p {
	padding:0 3px 0 7px;
	color:#666666;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:0.8em;
	line-height:1.6em;
}

.twitter p.timeAndDate {
	padding:0 3px 3px 7px;
	font-size:0.7em;
}

.twitter a { color:#0081B4; }

.newsItem {
	float:left;
}

#pscroller1 {
	margin:4px 0 0 6px;
	height:149px;
	width:186px;
}
	
/* =SERVICES
--------------------------------------------------------------*/

.serviceHeader{
	font-size:				2.9em;
	width:					538px;
	float:					left;
	margin:					0 0 0 30px;
	font-family:			"museo-slab-1","museo-slab-2", Rockwell, times, serif;
	color:					#FF6600;
	font-weight:			700;
}

.serviceIntro{
	font-size:				1.7em;
	width:					538px;
	float:					left;
	margin:					10px 0px 0px 30px;
	font-family:			"museo-slab-1","museo-slab-2", Rockwell, times, serif;
	color:					#666666;
	font-weight:			700;
}

.bodyOrange{
	font-family:			"museo-slab-1","museo-slab-2", Rockwell, times, serif;
	font-weight:			700;
	color:					#FF6600;
}

.serviceTopWebDesign{
	background:				url(../images-994/webDesign_monitor.png) top right no-repeat;
	height:					440px;
	width:					100%;
	padding-right:          30px;
	position:				relative;
	top:					0;
}

.serviceTopLocations{
	background:				url(../images-994/uk.jpg) top right no-repeat;
	height:					400px;
	width:					100%;
	padding-right:          30px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceTopCMS{
	background:				url(../images-994/CMSmonitor.jpg) top right no-repeat;
	height:					460px;
	width:					97%;
	position:				relative;
}







.servicePrintingValue{
	background:				url(../images-994/pig.jpg) bottom right no-repeat;
	height:					280px;
	width:					100%;
	padding-right:          0px;
	padding-top:            33px;
	position:				relative;
	top:					-33px;
}

.servicePrintBuying{
	background:				url(../images-994/buyingGuide.jpg) bottom right no-repeat;
	height:					253px;
	width:					100%;
	padding-right:          0px;
	padding-top:            33px;
	position:				relative;
	top:					-33px;
}

.serviceEmail{
	background:				url(../images-994/blackberry.jpg) top right no-repeat;
	height:					207px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceCalendars{
	background:				url(../images-994/calendar.gif) top right no-repeat;
	height:					207px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceFeatures{
	background:				url(../images-994/features.gif) bottom right no-repeat;
	height:					207px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceModules{
	background:				url(../images-994/modules.gif) center right no-repeat;
	height:					207px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceEmailFeatures{
	background:				url(../images-994/contacts.jpg) top right no-repeat;
	height:					207px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceEmailCosts{
	background:				url(../images-994/email-cost.gif) top right no-repeat;
	height:					207px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceEmailWhyUs{
	background:				url(../images-994/email-why-us.jpg) top right no-repeat;
	height:					277px;
	width:					100%;
	padding-top:            40px;
	position:				relative;
	top:					-40px;
}

.serviceTopPrinting{
	background:				url(../images-994/largeBuyingGuide.jpg) top right no-repeat;
	height:					370px;
	width:					100%;
	padding-right:          0px;
	padding-top:            33px;
	position:				relative;
	top:					-20px;
}

.serviceTopSEO{
	background:				url(../images-994/seo-service.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.worms{
	background:				url(../images-994/worms.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.start{
	background:				url(../images-994/start.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.start .serviceIntro {
	width:470px;	
}

.pencils{
	background:				url(../images-994/pencils.jpg) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}


.serviceTopBrandIdentity{
	background:				url(../images-994/brands.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            18px;
	position:				relative;
	top:					-20px;
}

.consider{
	background:				url(../images-994/thinking.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.coffee{
	background:				url(../images-994/coffee.jpg) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.construction{
	background:				url(../images-994/construct.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.payment{
	background:				url(../images-994/payment.gif) top right no-repeat;
	height:					287px;
	width:					100%;
	padding-right:          0px;
	padding-top:            40px;
	position:				relative;
	top:					-20px;
}

.serviceTopLocations{
	background:				url(../images-994/uk.jpg) top right no-repeat;
	height:					400px;
	width:					100%;
	padding-top:            40px;
	padding-right:          0px;
	position:				relative;
	top:					-40px;

}

.serviceTopCMS{
	background:				url(../images-994/CMSmonitor.jpg) top right no-repeat;
	height:					381px;
	width:					97%;
	position:				relative;
}

.serviceTopCMS .serviceHeader{
	font-size:				3.7em;
}















.checkPortfolio{
	position:				relative;
}


.checkPortfolio a{
	background:				url(../images-994/ourPortfolio.gif) bottom left no-repeat;
	height:					380px;
	width:					570px;
	left:					500px;
	position:				absolute;
	text-indent:            -9999px;
}

.serviceTopCMS .checkPortfolio a{
	left:					207px;
	width:					697px;
	height:					320px;
	background:				url(../images-994/checkoutCMS.gif) bottom left no-repeat;
}

.serviceTopCMS .checkPortfolio a:hover{
	cursor:					pointer;
}



.serviceTopEcommerce {
	background:				url(../images-994/eCom3.png) top right no-repeat;
	height:					380px;
	width:					898px;
	padding-right:          30px;
	position:				relative;
}

.serviceTopEcommerce .serviceHeader {
	margin-top:				15px;	
}

.servicePartners{
	background:				url(../images-994/partnersBG.gif) top right no-repeat;
	margin:					0px 5px 0px 0px;
}

.bodyOrange span{
	font-size:				1.9em;
}


h3.bodyOrange {
	margin-bottom:5px;			
}

.icons{
	width:					538px;
}	

.icons .iconPortfolio img{
	margin:					30px 20px 0px 60px;
}

.icons .checkOutOur img{
	position:				relative;
	top:					-30px;
	left:					20px;
}

.icons .stickyNote{
	margin:					5px 0px 0px 15px;
}

/* =LOCATION
--------------------------------------------------------------*/
.locationsPage{
	padding:				0 30px;
}
.aLocation{
	clear:					both;
	margin:					0 0 15px 0;
	padding:				0 0 15px 0;				
	border-bottom:				2px solid #eee;
}
.aLocation:after {
  	content:				'.';
 	display:				block;
  	clear:					both;
	height:					0;
  	visibility:				hidden;
}
ul.locationInformation{
	padding:				10px 0 0 0;
	list-style:				none;
}



/* =PARTNER
--------------------------------------------------------------*/





/* =PARTNER ENQUIRY FORM
--------------------------------------------------------------*/

.partnerForm{
	font-size:			1.4em;
	font-family:		Helvetica, "Trebuchet MS", Arial, sans-serif;
	color:				#e75a07;
	margin:				20px 0px 0px 60px;
	
}

.hr{
	border-bottom:		2px solid #e75a07;
	margin-bottom:		25px;
	margin-top:			10px;
}

.webDesignTicks{
	width:				426px;
	position:			relative;
	top:				20px;
	left:				30px;
}

.tickBoxes{
	list-style:			none;
	float:				left;
}

.tickBoxes li{
	height:				37px;
}

.tickBoxes li{
	padding:            11px 0px 0px 50px;
	background:			url(../images-994/tickBox.gif) top left no-repeat;
	margin:				0px 0px 0px 0px;
}


.tickBoxes li a{
	height:				37px;
	display:			block;
	width:				406px;
	text-indent:        -9999px;
}

.tickBoxes li .editYourWebsite{
	background:			url(../images-994/editYourOwnWebsite.gif) top left no-repeat;
}

.tickBoxes li .searchEngineFromScratch{
	background:			url(../images-994/searchEngineOptimised.gif) top left no-repeat;
	width:				446px;
}

.tickBoxes li .customDesign{
	background:			url(../images-994/customDesign.gif) top left no-repeat;
}


.aLocation .GMapEZ{
	float:				left;
	margin:				0 30px 0 0;
}

.preload { position:absolute; left:-9999px; }
.preload img { }
div#bannerWebdesignContent { width:981px; height:312px; background:url(../img_banner/1.png) no-repeat; margin-top:-47px; }
div#bannerCmsContent { width:981px; height:312px; background:url(../img_banner/2.png) no-repeat; margin-top:-47px; }
div#bannerEcommerce { width:981px; height:312px; background:url(../img_banner/3.png) no-repeat; margin-top:-47px; }
div.banner { height:260px; }


.portfolioSubTitle a {
	margin:6px 5px 6px 5px;
	color:#000;
	text-decoration:none;
	font-family:Rockwell, Verdana, Helvetica, Geneva, sans-serif;
	font-size:.8em;
	font-weight:bold;
}

.portfolioSubTitle .selected, .portfolioSubTitle a:hover {
	color:#29B1E8;
}

#partnerFormContent a {
	display:inline;
	float:left;
	margin:0 0 0 132px;
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	color:#0081B4;
	outline-style:none;
	outline-width:0;
}

#partnerFormContent a:hover {
	background-color:	#e0f6ff;
}

a#partnerProgram {
	display:block;
	height:170px;
	width:150px;
	margin:120px 0 0 175px;
	background:url(../images-994/partnerProgramPDF.gif) no-repeat;
}

.formWrapper{
	background-color:		#EEEEEE;
	padding:                5px 0px 50px 0px;
}

.formWrapperPortfolio{
	float:					left;
	margin:					0 0 50px 10px;
	background-color:		#EEEEEE;
	padding:                0 20px 20px 20px;
}

p.contactBold{
	color:					#666666;
	font-family:			"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:				20px;
	font-weight:			bold;
	font-style:				italic;
	margin:					20px 0px 20px 0px;
}

p.contactBold span{
	font-style:				normal;
	color:					#666666;
	visibility:				visible;
	font-weight:			lighter;
}

div.portfolioFormHeadings {
	float:					left;
	margin:					30px 0 0 10px;
}

div.portfolioFormHeadings a{
	color:					#0081B4;
}

div.portfolioFormHeadings a:hover{
	background-color:		#E0F6FF;
}



.innerFooter{
	width:					898px;
	margin-left:			auto;
	margin-right:			auto;
	
}

.innerFooter p {
	float:					right;
	color:					#FFF;
	font-family:			"Trebuchet MS",Helvetica,Arial,sans-serif;
	text-align:				right;
	font-size:				0.8em;
	margin-top:				15px;
}

.innerFooter span {
	font-size:				10px;
	color:					#999;
	visibility:				visible;
}

.portfolioMenu li a {
	font-family:			Rockwell, Georgia, "Times New Roman", Times, serif;
	color:					#000;
	text-decoration:		none;
	font-size:				1.1em;
	
}

.portfolioMenu li a:hover {
	color:					#29B1E8;
	

}

.input_newsletter {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	border: 0px solid #9dcbed;
	background-color: #f1f3f4;
}

.input_botao_newsletter {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: transparent;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	border: 0px;
}