@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#background {
	background-image: url(../images/body-bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

h2 {
	color: #E55B03;
	font-weight: normal;
	font-size: 34px;
	letter-spacing: -1px;
	margin-bottom: 16px;
	padding-top: 20px;
}
#innercontent h4 {
	font-size: 16px;
	color: #AFAFAF;
	padding: 0px;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: italic;
}




p {
	color: #666666;
	font-size: 14px;
	padding-bottom: 14px;
}


img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container strong {
	font-weight: bolder;
}



a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DB8500;
	font-size: 14px;
}
a:hover {
	color: #F2AF09;
	text-decoration: underline;
}

a:visited {
	color: #E15B04;
}
#wrapper  ol  li {
	list-style-type: decimal;
}




#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.clearing {
	height: 0;
	clear: both;
}
.supplementalinks  {
	display: block;
	text-align: right;
	padding-right: 46px;
	padding-top: 36px;

}
#container .supplementalinks    a     {
	text-decoration: underline;
	color: #e65f03;
	font-size: 12px;
	font-weight: bold;
	margin-right: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.supplementalinks strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #525252;
	font-weight: normal;
	letter-spacing: -1px;
	margin-left: 14px;
}



#header {
	background-image: url(../images/new-banner.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 98px;
	padding-top: 71px;
	background-position: top;
}
#header  a.homelogo {
	height: 80px;
	width: 204px;
	display: block;
	float: left;
	position: relative;
}
#header a.homelogo span {
	display: none;
}

#header  h1, #header h2{
	display: none;
}



#mainbody {
	background-image: url(../images/main-body-bg.png);
	width: 980px;
	background-position: left top;
	background-repeat: repeat-y;
}
#mainbody  .margins {
	background-image: url(../images/container-bg-fix.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 18px;
	padding-left: 22px;
	padding-bottom: 16px;
}
#mainbody #content  {
	padding-left: 22px;
	padding-right: 20px;
	margin-left: 1px;
}




#footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	height: 220px;
	text-align: center;
	clear: both;
	background-position: -1px top;
	padding-top: 12px;
}

#footer ol{
	list-style: none;
	padding: 0;
	margin-left: 148px;
	margin-bottom: 60px;
	height: 20px;
}

#footer ol li {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#footer ol a {
	color: #838383;
	padding-left: 6px;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: bottom;
	padding-right: 6px;
}

#footer ol a:hover {
	background-position: top;
	color: #E65E03;
}
#footer .current {
	background-position: top;
	background-repeat: repeat-x;
	font-weight: bold;
	text-decoration: none;
}

#footer h6 {
	font-size: 12px;
	color: #858585;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: left;
	margin-bottom: 14px;
}
#thirdparty  {
	height: 120px;
}
#thirdparty  img {
	margin-right: 4px;
	margin-left: 4px;

}


.left2 {
	float: left;
	width: 580px;
	padding-top: 14px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
.global-links {
	float: right;
	width: 246px;
	padding-left: 12px;
	margin-left: 14px;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	padding-top: 14px;
}

.global-links-portfolio{
	float: right;
	width: 230px;
	padding-left: 12px;
	margin-left: 20px;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	padding-top: 14px;
}
.global-links-portfolio li {
	list-style-type: none;
	list-style-image: url(../images/orange-arrow.png);
}
.global-links-portfolio ul {
	padding-left: 0px;
	margin-left: -30px;
	display: block;
}
.global-links-portfolio li a {
	display: block;
	margin-left: 6px;
}



#innercontent .global-links strong{
	font-size: 18px;
	color: #484848;
	display: block;
	letter-spacing: -1px;
	font-weight: normal;
	width: 130px;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
}

#innercontent .global-links a {
	text-decoration: none;
	color: #838383;
	font-size: 12px;
	display: block;
	width: 210px;
	margin-bottom: 7px;
	float: left;
	padding-left: 24px;
	padding-top: 26px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 102px;
}


#innercontent .global-links a:hover {
	background-position: left bottom;
	color: #000000;
}
#innercontent .global-links a  span {
	display: block;
	width: 140px;
	margin-top: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
}
#innercontent .global-links a.letschat {
	background-image: url(../images/schedule-appt-btn.jpg);
}
#innercontent  .global-links  a.portfolio  {
	background-image: url(../images/portfolio-btn.jpg);
}
#innercontent .global-links a.faq {
	background-image: url(../images/faq-btn.jpg);
}
#innercontent .global-links a.logoportfolio {
	background-image: url(../images/view-logos.jpg);
}
#innercontent .global-links a.illustrationwork {
	background-image: url(../images/view-illustrations.jpg);
}
#innercontent .products .col h3 a {
	text-decoration: none;
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#innercontent       .marginfix       a         {
	color: #E55B03;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	display: inline;
}
#innercontent .marginfix a.hover {
	text-decoration: underline;
}
#innercontent .marginfix h3 {
	letter-spacing: -1px;
}





.hide {
	overflow: hidden;
}
.jobsbanner {
	background-image: url(../images/jobs-banner.jpg);
	height: 162px;
}
.lecturestraining {
	background-image: url(../images/lectures-training.jpg);
	height: 253px;
}
#pagebanner.lecturestraining h4 {
	float: right;
	padding-right: 214px;
	position: relative;
	padding-top: 44px;
	width: 300px;
}


.emailmarketingbanner {
	background-image: url(../images/email-marketing.jpg);
	height: 216px;
}

.webstrategybanner {
	background-image: url(../images/strategy-planning.jpg);
	height: 238px;
}
.remotewebmaster {
	background-image: url(../images/remote-web-master.jpg);
	height: 241px;
}
.brandidentity {
	background-image: url(../images/brand-identity-banner.jpg);
	height: 242px;
}
.getsocial {
	background-image: url(../images/get-social.jpg);
	height: 192px;
}
#pagebanner h3 em {
	font-style: italic;
	font-size: 26px;
	color: #999999;
}

#pagebanner.successformula {
	background-image: url(../images/success-formula.jpg);
	height: 170px;
	border-bottom-style: none;
	border-bottom-width: 0px;
}



.internetmarketing {
	background-image: url(../images/seo-internet-marketing.jpg);
	height: 252px;
}
.successformula h3 em {
	font-style: italic;
	color: #666666;
}

.businesscollateral {
	background-image: url(../images/business-collateral.jpg);
	height: 179px;
}
#container .portfoliobanner {
	background-image: url(../images/portfolio-banner.jpg);
	height: 152px;
	border-bottom-style: none;
}

.advertising {
	background-image: url(../images/advertising.jpg);
	height: 259px;
}
.offlineprint {
	background-image: url(../images/printsol-placeholder.jpg);
	height: 250px;
	padding-right: 60px;
}
.onlineweb {
	background-image: url(../images/online-web-solutions.jpg);
	height: 235px;
	padding-right: 60px;
}









#pagebanner {
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #e76e05;
	background-repeat: no-repeat;
	background-position: left top;
}
#pagebanner h3 {
	font-size: 36px;
	color: #E55B03;
	padding-left: 40px;
	background-image: url(../images/banner-title-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	display: block;
	float: left;
	margin-top: 24px;
	letter-spacing: -1px;
}
#pagebanner.lecturestraining h3 {
	color: #FFFFFF;
	background-image: url(../images/banner-title-black-bg.png);
}

#pagebanner h4 {
	font-size: 24px;
	float: left;
	clear: left;
	color: #656565;
	padding-left: 40px;
	display: block;
	width: 500px;
}
#pagebanner.webstrategybanner   h4  {
	color: #FFFFFF;
	float: left;
}
.portolioselector {
	float: right;
	height: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E76E05;
	color: #FFFFFF;
	background-image: url(../images/portfolio-selector-left-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	margin-top: 114px;
	clear: both;
	padding-right: 8px;
}
.portolioselector strong {
	float: left;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

.portolioselector li  {
	float: left;
}
#pagebanner   .portolioselector   li a {
	color: #FFFFFF;
	background-color: #c96006;
	text-decoration: none;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #E76E05;
	display: block;
	background-image: url(../images/porfolio-selector-a.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#pagebanner    .portolioselector a.active {
	color: #E76E05;
	background-image: url(../images/porfolio-selector-active.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}
#pagebanner .portolioselector li a:hover {
	text-decoration: underline;
}
#pagebanner  .portolioselector  .active span {
	background-image: url(../images/porfolio-selector-active-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#pagebanner  .portolioselector  li  a span {
	padding-top: 10px;
	display: block;
	background-image: url(../images/porfolio-selector-span.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
}

.green {
	color: #259f39;
}
.violete {
	color: #f50df2;
}
.purple {
	color: #2f2fc2;
}
.gold {
	color: #b79728;
}
.lightpurple {
	color: #9f42e0;
}
.redorange {
	color: #dc5b08;
}
.aqua {
	color: #08dadc;
}
.gray {
	color: #9b9b9b;
}