@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: #838383;
	font-size: 12px;
	padding-bottom: 14px;
}
.margins .innertop #innercontent .global-links .maps a {
	display: inline;
	height: auto;
	width: auto;
}
#container #mainbody a.registerbutton {
	background: #F16A3B;
	color: #FFF;
	padding: 6px;
	text-decoration: none;
	font-size: 16px;
	border: 1px solid #8A8D92;
	font-weight: bold;
	height: auto;
	width: auto;
}



img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.hidden {
	display: none;
}

#container strong {
	font-weight: bolder;
	letter-spacing: -1px;
}



a:link {
	color: #E66412;
}
a:hover {
	color: #F2AF09;
	text-decoration: underline;
}

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


#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#SignUp .signup2 {
	background-image: url(../images/submit-2.gif);
	height: 28px;
	background-repeat: no-repeat;
	background-position: left;
	width: 111px;
	text-indent: -9999px;
	cursor: pointer;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.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;
	display: none;
}
.newslettersidebar {
	background-image: url(../images/bono_bg.jpg);
	width: 240px;
	padding-left: 24px;
	padding-top: 26px;
	background-repeat: no-repeat;
	background-position: left top;
}

.newslettersidebar span {
	font-size: 12px;
	color: #838383;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
}
.newslettersidebar     input     {
	width: 100px;
}





#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: 360px;
	text-align: center;
	clear: both;
	background-position: 5px top;
	padding-top: 12px;
	padding-left: 58px;
}

#footer ol{
	list-style: none;
	padding: 0;
	margin-left: 80px;
	margin-bottom: 70px;
	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;
	margin-bottom: 14px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding-top: 12px;
	display: block;
	width: 860px;
}

.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: 15px;
	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: 22px;
}

.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: #f36e3a;
	background-repeat: no-repeat;
	background-position: left top;
}
#pagebanner h3, #pagebanner h2.seolandingpage {
	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;
	width: 580px;
}
#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;
}

.juangomez {
	background-image: url(../images/juan-gomez.jpg);
}

.jeshuazapata {
	background-image: url(../images/jeshua-zapata.jpg);
}

.jairogomez {
	background-image: url(../images/jairo.jpg);
}

.willieamparo {
	background-image: url(../images/willie-amparo.jpg);
}

.jonathanshockley {
	background-image: url(../images/jonathan-shockley.jpg);
}

.marcelavallejo {
	background-image: url(../images/marcela.jpg);
}
.timmywong {
	background-image: url(../images/timmy-wong.jpg);
}
.viviana {
	background-image: url(../images/viviana-z.jpg);
}
.jeremiah {
	background-image: url(../images/jeremiah-stover.jpg);
}
.alexzapata {
	background-image: url(../images/alex-zapata.jpg);
}
.andreatager {
	background-image: none;
	background-color: #CCCCCC;
}



#bios a {
	background-image: url(../images/bio-mid.gif);
	background-repeat: repeat-y;
	background-position: left;
	text-decoration: none;
}
#bios a:hover {
	text-decoration: underline;
}

#bios .top {
	background-image: url(../images/bio-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 4px;
	clear: both;
	font-size: 1px;
}
#bios .bottom {
	background-image: url(../images/bio-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 3px;
}


#bios span {
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #ebdfda;
	margin-top: 4px;
	margin-bottom: 4px;
}
#bios span div {
	display: block;
	height: 146px;
	width: 167px;
}
#bios     strong          {
	display: block;
	padding-left: 6px;
	text-decoration: none;
	font-size: 16px;
	color: #DB8500;
}
#bios    .position    {
	display: block;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
#bios  span  div {
	margin-top: 1px;
	margin-left: 1px;
}
#bios  span div:hover {
	background-image: url(../images/bio-hover-overlay.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}
.footerinfo {
	float: left;
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 8px;
}
.footerinfo h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #767573;
	padding-bottom: 12px;
}
.footerinfo a {
	font-size: 11px;
	color: #F46E3B;
}
.footerinfo p {
	font-size: 11px;
}
.footerinfo .mid {
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 14px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: 10px 30px;
	color: #838383;
	font-size: 11px;
}
.footerinfo .mid p {
	padding-left: 50px;
}

.footerinfo .top {
	background-image: url(../images/footer-info-top-office.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 4px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}

#footer .officeinfo {
	width: 200px;
}
.officeinfo .mid {
}

#footer .contactinfo {
	width: 188px;
}
#footer .popservicesinfo {
	width: 232px;
}
#footer .hoursinfo {
	width: 218px;
}
.popservicesinfo .top {
	background-image: url(../images/footer-info-top-popservices.png);
}
.hoursinfo .top {
	background-image: url(../images/footer-info-top-hours.png);
}
#footer .contactinfo .top {
	background-image: url(../images/footer-info-top-contact.png);
}
.hoursinfo .mid {
	background-image: url(../images/hours-of-operation-sign.gif);
}
.contactinfo .mid {
	background-image: url(../images/footer-phone.gif);
}
.officeinfo .mid {
	background-image: url(../images/footer-map.gif);
}
.footerinfo li {
	background-image: url(../images/bullet-square.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 8px;
	padding-bottom: 2px;
}
.dandyid {
	width: 348px;
}

.dandyid img.widgetImg{
	width: 16px;
	height: 16px;
}

.dandyid .widgetIcon{
	width: 17px;
	height: 17px;
}



.organizations img {
	padding-right: 3px;
}
.organizations {
	width: 340px;
}
.requiredtwo   {
	float: left;
	font-size: 8px;
	color: #484848;
}

#background #container #mainbody #SignUp form .einputs {
	height: 20px;
}

.newslettersidebar #SignUp form {
	margin-top: -10px;
}

.retengabanner {
	background-image: url(../images/Landing_banner.jpg);
	background-repeat: no-repeat;
	height: 218px;
}
#SignUp form .signup2.singup3 {
}
#mainbody .buildingsocialinteractivewebsites {
	background: url(../images/building-social-interactive-websites-bg.jpg) left bottom;
	height: 340px;
	border-bottom-style: none;
}
#mainbody .buildingsocialinteractivewebsites h3, #mainbody .buildingsocialinteractivewebsites h4, #mainbody .openhousebanner h3, #mainbody .openhousebanner h4{
	display: none;
}
#mainbody .buildingsocialinteractivewebsites object {
	float: right;
	margin-top: 58px;
	margin-right: 40px;
}
#mainbody .margins .innertop #innercontent .fullwidth {
	width: 100%;
}
#background #container #mainbody .margins .innertop #innercontent .left2 .paypaldonate .donatebutton{
	float: left;
	width: auto;
	border-style: none;
	background: transparent url(none);
}

#mainbody .left2 .sharethis {
	float: right;
	margin-top: 20px;
}

.error_strings{
	float: left;
	width: 160px;
	display: block;
}
#innercontent .error_strings li {
	font-size: 10px;
	color: #F00;
	margin-bottom: 4px;
}
#innercontent .error_strings ul {
	margin: 0px;
	padding: 0px;
}