HTML {
	background-color: #f7f8f9;
	background-image: url(../images/bg-header.png);
	background-position: top center;
	background-repeat: no-repeat;
}
BODY,H1,H2,H3,H4,H5,H6,P,LI,DL,DT,DD,LABEL,INPUT,SELECT,TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
HTML,BODY,H1,H2,H3,H4,H5,H6,P,LI,DL,DT,DD,HR {
	margin: 0;
	padding: 0;
}

/* Mobile browsers only */
@media only screen and (max-device-width: 480px) {      
	H1,H2,H3,H4,H5,H6,P,UL,OL,LI,DL,DT,DD,LABEL,INPUT,TEXTAREA { -webkit-text-size-adjust:100% }               
}

H1 {
	font-family: Arvo, Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 34px;
	font-weight: 700;
	color: #000;
	margin: 0 0 10px 0;
}
H2 {
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: #363738;
	margin: 10px 0 30px 0;
	width: 100%;
}
H3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	margin: 0 0 6px 0;
}
H4 {
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	color: #000;
	margin: 18px 0 18px 0;
}
P,TD,UL,OL,DL,LI,DT,DD,LABEL,INPUT,SELECT,TEXTAREA {
	font-size: 14px;
	line-height: 19px;
	color: #363738;
}
P,TD,UL,OL,DL,LABEL {
	margin: 0 0 18px 0;
}
LI {
	margin-bottom: 9px;
}

.smalltext {
	font-size: 11px;
	line-height: 15px;
}
.footnote {
	font-size: 11px;
	line-height: 15px;
	font-style: oblique;
	margin-top: 18px;
}
.yellow {
	color: #f58220;
}
.blue {
	color: #06c;
}
.headshot {
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #ddd;
	margin: 0 10px 0 0;
}
.last {
	margin-right: 0;
}

IMG {
	border: none;
}
HR {
	display: block;
	height: 1px;
	width: 100%;
	background-color: #ddd;
	border: none;
	margin-top: 25px;
	margin-bottom: 25px;
}

/* links */
A:link,A:visited {
	color: #06f;
	text-decoration: none;
}
A:hover,A:visited.hover {
	color: #f58220;
	text-decoration: underline;
}

div.col2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;

	column-width: 335px;
	-moz-column-width: 335px;
	-webkit-column-width: 335px;

	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
}
div.col2 p { 
  break-before: column; 
  break-inside: avoid-column; 
  break-after: avoid-column;
}

/* This is in here to help the divs clear correctly in firefox */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* Containers */
div#Content,div#Header,div#Footer,div#Copyright,div#Hero,div#Hero2 {
	width: 100%;
}
.container {
	width: 990px;
	position: relative;
	margin: 0 auto 0 auto;
	clear: both;
}


/* Sections */
div#Content {
	position: relative;
	margin-top: 65px;
	clear: both;
}


/* Header Elements */
div#Header {
	position: absolute;
	top: 0;
	height: 65px;
}
#Logo {
	position: absolute;
	top: 20px;
	left: 15px;
}
#Nav {
	position: absolute;
	top: 32px;
	right: 15px;
}
.navItem {
	position: relative;
	float: left;
	margin-left: 25px;
}

div#navCapabilities A:link,
div#navCapabilities A:visited,
div#navClients A:link,
div#navClients A:visited,
div#navPortfolio A:link,
div#navPortfolio A:visited,
div#navAbout A:link,
div#navAbout A:visited,
div#navContact A:link,
div#navContact A:visited {
	display: block;
	text-indent: -9999px;
  cursor: pointer;
	background-repeat: no-repeat;
	height: 16px;
}
div#navCapabilities A:hover,
div#navCapabilities A:visited.hover,
div#navClients A:hover,
div#navClients A:visited.hover,
div#navPortfolio A:hover,
div#navPortfolio A:visited.hover,
div#navAbout A:hover,
div#navAbout A:visited.hover,
div#navContact A:hover,
div#navContact A:visited.hover {
	background-repeat: no-repeat;
}

div#navCapabilities A:link,
div#navCapabilities A:visited {
	width: 96px;
  background-image: url(../images/nav-capabilities.png);
}
div#navCapabilities A:hover,
div#navCapabilities A:visited.hover,
div#navCapabilities.currentNav A:link,
div#navCapabilities.currentNav A:visited {
	background-image: url(../images/nav-capabilities-over.png);
}

div#navClients A:link,
div#navClients A:visited {
	width: 53px;
  background-image: url(../images/nav-clients.png);
}
div#navClients A:hover,
div#navClients A:visited.hover,
div#navClients.currentNav A:link,
div#navClients.currentNav A:visited {
	background-image: url(../images/nav-clients-over.png);
}

div#navPortfolio A:link,
div#navPortfolio A:visited {
	width: 67px;
  background-image: url(../images/nav-portfolio.png);
}
div#navPortfolio A:hover,
div#navPortfolio A:visited.hover,
div#navPortfolio.currentNav A:link,
div#navPortfolio.currentNav A:visited {
	background-image: url(../images/nav-portfolio-over.png);
}

div#navAbout A:link,
div#navAbout A:visited {
	width: 48px;
  background-image: url(../images/nav-about.png);
}
div#navAbout A:hover,
div#navAbout A:visited.hover,
div#navAbout.currentNav A:link,
div#navAbout.currentNav A:visited {
	background-image: url(../images/nav-about-over.png);
}

div#navContact A:link,
div#navContact A:visited {
	width: 62px;
  background-image: url(../images/nav-contact.png);
}
div#navContact A:hover,
div#navContact A:visited.hover,
div#navContact.currentNav A:link,
div#navContact.currentNav A:visited {
	background-image: url(../images/nav-contact-over.png);
}

div#navCapabilities,
div#navClients,
div#navPortfolio,
div#navAbout,
div#navContact {
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
}

div#navCapabilities {
	background-image: url(../images/nav-capabilities-over.png);
}
div#navClients {
	background-image: url(../images/nav-clients-over.png);
}
div#navPortfolio {
	background-image: url(../images/nav-portfolio-over.png);
}
div#navAbout {
	background-image: url(../images/nav-about-over.png);
}
div#navContact {
	background-image: url(../images/nav-contact-over.png);
}


/* Copyright Elements */
div#Copyright {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 90px;
}
div#Copyright div {
	text-align: center;
}
div#Copyright P {
	width: 960px;
	border-top: 1px dotted #ddd;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 0 15px;
	padding: 20px 0 0 0;
	color: #87898c;
	text-align: center;
}


/* Footer Elements */
div#Footer {
	position: fixed;
	bottom: 0;
	background-image: url(../images/bg-footer.png);
	background-repeat: repeat-x;
	height: 70px;
	z-index: 999;
}
.footerLinks {
	position: relative;
	float: right;
}
div#Footer dl {
	position: absolute;
	top: 25px;
	right: 15px;
}
div#Footer dt {
	float: left;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	margin: 7px 10px 0 10px;
	color: #87898c;
}
div#Footer dd {
	float: left;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	margin-left: 10px;
	color: #87898c;
}
div#Footer A:link,div#Footer A:visited {
	color: #87898c;
	text-decoration: none;
}
div#Footer A:hover,div#Footer A:visited.hover {
	color: #fff;
	text-decoration: none;
}

div#footerID A:link,
div#footerID A:visited,
dd#footerFB A:link,
dd#footerFB A:visited,
dd#footerTW A:link,
dd#footerTW A:visited {
	display: block;
	text-indent: -9999px;
  cursor: pointer;
	background-repeat: no-repeat;
}
div#footerID A:hover,
div#footerID A:visited.hover,
dd#footerFB A:hover,
dd#footerFB A:visited.hover,
dd#footerTW A:hover,
dd#footerTW A:visited.hover {
	background-repeat: no-repeat;
}

div#footerID A:link,
div#footerID A:visited {
	height: 40px;
	width: 183px;
  background-image: url(../images/footer-impactive-design.png);
}
div#footerID A:hover,
div#footerID A:visited.hover {
	background-image: url(../images/footer-impactive-design-over.png);
}

dd#footerFB A:link,
dd#footerFB A:visited {
	height: 30px;
	width: 30px;
  background-image: url(../images/icon-facebook.png);
}
dd#footerFB A:hover,
dd#footerFB A:visited.hover {
	background-image: url(../images/icon-facebook-over.png);
}

dd#footerTW A:link,
dd#footerTW A:visited {
	height: 30px;
	width: 30px;
  background-image: url(../images/icon-twitter.png);
}
dd#footerTW A:hover,
dd#footerTW A:visited.hover {
	background-image: url(../images/icon-twitter-over.png);
}

div#footerID,
dd#footerFB,
dd#footerTW {
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
}

div#footerID {
	position: absolute;
	top: 20px;
	left: 15px;
	background-image: url(../images/footer-impactive-design-over.png);
}
dd#footerFB {
	background-image: url(../images/icon-facebook-over.png);
	border-left: 1px solid #6e7073;
	padding-left: 20px;
}
dd#footerTW {
	background-image: url(../images/icon-twitter-over.png);
}


/* Content Elements */
div#LeftContent {
	position: relative;
	float: left;
	width: 700px;
	margin: 30px 0 0 30px;
	padding-bottom: 0;
	text-align: left;
	min-height: 400px;
}
div#RightContent {
	position: relative;
	float: right;
	width: 200px;
	margin: 35px 15px 0 0;
	background-image: url(../images/menu-footer-bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
div#WideContent {
	position: relative;
	float: left;
	width: 930px;
	margin: 30px 0 0 30px;
}

/* Left Side Content */
div#LeftContent H4,div#WideContent H4 {
	clear: both;
	width: 100%;
	border-top: 1px solid #ddd;
	padding-top: 18px;
}

/* Right Side Content */
div#RightContent DL {
	margin: 0;
	padding: 0;
}

div#RightContent H1,div#RightContent H3,div#RightContent P,div#RightContent DT,div#RightContent DD {
	display: block;
	margin: 0 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
div#RightContent H1,div#RightContent DT {
	padding: 10px 10px 8px 15px;
	background-image: url(../images/menu-header-bg.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #000;
}
div#RightContent H3,div#RightContent DD {
	padding: 13px 10px 12px 15px;
	background-image: url(../images/menu-item-bg.png);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	color: #333;
}
div#RightContent P {
	padding: 13px 10px 12px 15px;
	background-image: url(../images/menu-item-bg.png);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
div#RightContent .currentpage {
	background-image: url(../images/menu-over-bg.png);
}
div#RightContent dt.currentpage {
	background-image: url(../images/menu-header-over-bg.png);
}

div#RightContent DT A:link,div#RightContent DT A:visited {
	color: #333;
}
div#RightContent DT A:hover,div#RightContent DT A:visited.hover,div#RightContent DD A:hover,div#RightContent DD A:visited.hover {
	color: #f58220;
	text-decoration: none;
}
div#RightContent DD.currentpage A:link,div#RightContent DD.currentpage A:visited,div#RightContent DD.currentpage A:hover,div#RightContent DD.currentpage A:visited.hover {
	color: #333;
	font-weight: normal;
}


/* Services */
.svccolumn {
	width: 50%;
}
.left {
	padding-right: 20px;
}
.right {
	padding-left: 20px;
}
.svccolumn P {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
.svccolumn A {
	font-weight: bold;
}


/* Contact Form */
div#ContactForm {
	position: relative;
	float: right;
	width: 500px;
	margin: 0 0 20px 50px;
}
div#ContactForm H4 {
	display: block;
	width: 460px;
	background-image: url(../images/bg-contact-header.png);
	background-repeat: no-repeat;
	padding: 15px 20px 15px 20px;
	margin: 0;
	border: none;
}
div#ContactForm Form {
	width: 460px;
	background-image: url(../images/bg-contact.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 20px 15px 20px;
	margin: 0;
}
div#ContactForm P {
	margin: 0 0 10px 0;
}

/* Form Items */
INPUT, SELECT, TEXTAREA {
	background-image: url(../images/bg-formfield.png);
	background-repeat: no-repeat;
	background-color: none;
	border: none;
	width: 346px;
	height: 23px;
	padding: 7px 7px 0 7px;
	margin: 0 0 10px 0;
}
TEXTAREA {
	background-image: url(../images/bg-textfield.png);
	width: 446px;
	height: 143px;
}
INPUT[type="image"] {
	clear: both;
	border: none;
	background-color: none;
	background-image: none;
	display: block;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0 auto 0 auto;
}
LABEL {
	clear: both;
	float: left;
	width: 100px;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
}
LABEL.longlabel {
	width: 460px;
}
.required {
	color: #F00;
}
.warning {
	color: #F00;
	font-weight: bold;
}
.sent {
	color: #363738;
	font-weight: bold;
}



/* Portfolio */
.portfolioItem {
	width: 700px;
	padding-bottom: 25px;
}
.portfolioItem H2 {
	width: 680px;
	border-top: 1px solid #ddd;
	padding: 15px 10px 5px 10px;
	margin: 0;
}
.portfolioItem P {
	width: 680px;
	font-size: 11px;
	line-height: 13px;
	padding: 0 10px 5px 10px;
	margin: 0;
}


/*--Thumbnails--*/
.thumbnails {
	width: 700px;
	margin-bottom: 18px;
}
.thumbnails H3 {
	width: 680px;
	padding: 10px 10px 5px 10px;
	margin: 0;
	background-image: url(../images/bg-thumbs-header.png);
	background-repeat: no-repeat;
}
.switchers {
	position: relative;
	width: 690px;
	padding: 0 0 4px 10px;
	background-image: url(../images/bg-thumbs.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.switchers a {
	float: left;
	margin: 0 4px 4px 0;
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #ccc;
	text-decoration: none;
}
.switchers a.active,.switchers a:hover,.switchers a:visited.hover {
	border: 1px solid #363738;
	text-decoration: none;
}


/*--Client Page--*/
.clientlist {
	float: left;
	width: 280px;
	margin: 0 30px 18px 0;
}
.clientlist P {
	margin: 0;
	padding: 3px 0 3px 0;
}

ul.clientthumbs {
	list-style-type: none;
	padding: 0;
	margin: 0 0 40px 0;
}
ul.clientthumbs li {
	position: relative;
	list-style-type: none;
	float: left;
	margin: 0 6px 6px 0;
	padding: 0;
	background-position: -999px -999px;
	background-repeat: no-repeat;
}
ul.clientthumbs A:link,
ul.clientthumbs A:visited {
	display: block;
	width: 180px;
	height: 100px;
  cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#client-challengegolf A:link,
#client-challengegolf A:visited {
  background-image: url(../images/client-challengegolf.png);
}
#client-challengegolf A:hover,
#client-challengegolf A:visited.hover,
ul.clientthumbs li#client-challengegolf {
	background-image: url(../images/client-challengegolf-over.png);
}

#client-crowdtilt A:link,
#client-crowdtilt A:visited {
  background-image: url(../images/client-crowdtilt.png);
}
#client-crowdtilt A:hover,
#client-crowdtilt A:visited.hover,
ul.clientthumbs li#client-crowdtilt {
	background-image: url(../images/client-crowdtilt-over.png);
}

#client-eec A:link,
#client-eec A:visited {
  background-image: url(../images/client-eec.png);
}
#client-eec A:hover,
#client-eec A:visited.hover,
ul.clientthumbs li#client-eec {
	background-image: url(../images/client-eec-over.png);
}

#client-fortify A:link,
#client-fortify A:visited {
  background-image: url(../images/client-fortify.png);
}
#client-fortify A:hover,
#client-fortify A:visited.hover,
ul.clientthumbs li#client-fortify {
	background-image: url(../images/client-fortify-over.png);
}

#client-hfw A:link,
#client-hfw A:visited {
  background-image: url(../images/client-hfw.png);
}
#client-hfw A:hover,
#client-hfw A:visited.hover,
ul.clientthumbs li#client-hfw {
	background-image: url(../images/client-hfw-over.png);
}

#client-jki A:link,
#client-jki A:visited {
  background-image: url(../images/client-jki.png);
}
#client-jki A:hover,
#client-jki A:visited.hover,
ul.clientthumbs li#client-jki {
	background-image: url(../images/client-jki-over.png);
}

#client-lavacado A:link,
#client-lavacado A:visited {
  background-image: url(../images/client-lavacado.png);
}
#client-lavacado A:hover,
#client-lavacado A:visited.hover,
ul.clientthumbs li#client-lavacado {
	background-image: url(../images/client-lavacado-over.png);
}

#client-lifesize A:link,
#client-lifesize A:visited {
  background-image: url(../images/client-lifesize.png);
}
#client-lifesize A:hover,
#client-lifesize A:visited.hover,
ul.clientthumbs li#client-lifesize {
	background-image: url(../images/client-lifesize-over.png);
}

#client-phg A:link,
#client-phg A:visited {
  background-image: url(../images/client-phg.png);
}
#client-phg A:hover,
#client-phg A:visited.hover,
ul.clientthumbs li#client-phg {
	background-image: url(../images/client-phg-over.png);
}

#client-sento A:link,
#client-sento A:visited {
  background-image: url(../images/client-sento.png);
}
#client-sento A:hover,
#client-sento A:visited.hover,
ul.clientthumbs li#client-sento {
	background-image: url(../images/client-sento-over.png);
}

#client-tejas A:link,
#client-tejas A:visited {
  background-image: url(../images/client-tejas.png);
}
#client-tejas A:hover,
#client-tejas A:visited.hover,
ul.clientthumbs li#client-tejas {
	background-image: url(../images/client-tejas-over.png);
}

#client-titan A:link,
#client-titan A:visited {
  background-image: url(../images/client-titan.png);
}
#client-titan A:hover,
#client-titan A:visited.hover,
ul.clientthumbs li#client-titan {
	background-image: url(../images/client-titan-over.png);
}

#client-trew A:link,
#client-trew A:visited {
  background-image: url(../images/client-trew.png);
}
#client-trew A:hover,
#client-trew A:visited.hover,
ul.clientthumbs li#client-trew {
	background-image: url(../images/client-trew-over.png);
}

#client-xlnkr A:link,
#client-xlnkr A:visited {
  background-image: url(../images/client-xlnkr.png);
}
#client-xlnkr A:hover,
#client-xlnkr A:visited.hover,
ul.clientthumbs li#client-xlnkr {
	background-image: url(../images/client-xlnkr-over.png);
}

#client-y2s A:link,
#client-y2s A:visited {
  background-image: url(../images/client-y2s.png);
}
#client-y2s A:hover,
#client-y2s A:visited.hover,
ul.clientthumbs li#client-y2s {
	background-image: url(../images/client-y2s-over.png);
}