@charset "utf-8";
#innercontent  {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
	overflow: hidden;
	background-color: #f3f7fa;
}
#innercontent ul {
}

.innertop {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/topinnerbg.jpg);
	width: 940px;
}




.innertop  h2 {
	color: #F46E3B;
	font-size: 36px;
	background-position: left top;
	padding-top: 30px;
	padding-left: 40px;
	background-image: url(../images/top-design.jpg);
	background-repeat: no-repeat;
	display: block;
	z-index: 400;
}

.inner {
	background-image: url(../images/about-us-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 1px;
	border-bottom-width: 16px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 24px;
}
#innercontent p {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 16px;
}
#innercontent ul {
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.inner h3 {
	font-size: 22px;
	color: #4B4B4B;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 12px;
}


.inner  .left {
	float: left;
	width: 410px;
}
.inner.right  {
	float: left;
	width: 500px;
	margin-left: 40px;
}
#secondarynav {
	margin: 0px;
	padding: 0px;
	float: right;
}
#innercontent  #secondarynav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#innercontent  #secondarynav a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #E55B03;
	font-size: 16px;
	padding-right: 8px;
	padding-left: 8px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFEDE1;
}
#innercontent #secondarynav a.active {
	border-left-style: none;
	color: #666666;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #FFFFFF;
}
#mainbody .margins .formula {
	float: left;
}





#mainbody .margins .websolutions {
	background-image: url(../images/solutions-web-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 366px;
	background-color: #F0F2F1;
	float: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #D4D0C8;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
.websolutions    h2, .print h2   {
	font-size: 30px;
	padding-top: 64px;
	color: #E55B03;
	background-image: url(../images/websolutions-img.jpg);
	background-position: 220px 70px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.websolutions   p, .print p   {
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 20px;
	clear: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 16px;
}
.websolutions  a, .print a {
	display: block;
	background-image: url(../images/learnmore-big-btn.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 88px;
	margin-top: 24px;
	float:right;
}

#mainbody .print a {
	background-image: url(../images/learnmore-printbig-btn.jpg);
}
#mainbody .print h2 {
	background-position: right top;
	background-image: url(../images/print-solutions-img.jpg);
}


.websolutions  a  span, .print a span {
	display: none;
}


#mainbody .margins .print {
	background-image: url(../images/solutions-print-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 366px;
	background-color: #FDFDFB;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
#container .websolutions   h2   strong, #container  .print  h2  strong {
	font-size: 36px;
	color: #616161;
	font-weight: normal;
	display: block;
}
a.formulalink {
	background-image: url(../images/formula-icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 26px;
	margin-top: 10px;
}

#innercontent li {
	margin-left: 20px;
	list-style-type: square;
	color: #666666;
	font-size: 16px;
	margin-bottom: 12px;
}



#breadcrumbs {
	height: 26px;
	color: #d7d7d7;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #AFAFAF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BCBCBC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BCBCBC;
}

#breadcrumbs span {
	float: left;
	padding-top: 6px;
}

#breadcrumbs a {
	color: #D7D7D7;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/breadcrumb-1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	float: left;
	height: 19px;
	padding-right: 25px;
	padding-top: 6px;
	margin-left: 14px;
}
#breadcrumbs a:hover {
	color: #606060;
}
#breadcrumbs div {
	background-color: #929292;
	float: left;
	padding-left: 40px;
	height: 25px;
}
#breadcrumbs .active {
	color: #FFFFFF;
	margin-left: 8px;
}
#breadcrumbs  .preactive {
	background-image: url(../images/breadcrumb-2.jpg);
}



.contact .formbox {
	float: left;
	width: 270px;
}

.contact  #innercontent {
	background-color: #FFFFFF;
	padding-top: 0px;
	background-image: url(../images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.contact  .box {
	background-image: url(../images/top-contact-box.png);
	background-position: left top;
	height: 255px;
	background-repeat: no-repeat;
	padding-top: 11px;
	width: 550px;
	float: left;
	margin-left: 34px;

}
.contact #innercontent h2 {
	margin-left: -40px;
	margin-bottom: 20px;
	background-image: url(../images/top-white-design.jpg);
}

.contact .box .black {
	width: 178px;
	float: left;
	margin-left: 4px;
	padding-top: 30px;
}
#innercontent   .box   .black   p          {
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	margin-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.contact   .box   h3  {
	float: left;
	height: 200px;
	font-weight: normal;
	font-size: 20px;
	padding-left: 28px;
	padding-top: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 160px;
	display: block;
}
#innercontent .box .black a {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	padding-left: 18px;
	background-image: url(../images/map-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	color: #FFAF52;
	padding-bottom: 4px;
	width: 80px;
}

.contact   #innercontent .box    h3  strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #E55B03;
	font-weight: normal;
	margin-top: 20px;
	display: block;
	letter-spacing: -1px;
	
	
}
.contact    #innercontent  .box     h3   span {
	margin-top: 14px;
	font-size: 16px;
	display: block;
}

.imageright {
	float: right;
	margin-left: 60px;
	margin-right: 40px;
}
#officepics {
	clear: both;
	margin-top: 12px;
	height: 200px;

}
#officepics a {
	display: block;
	height: 160px;
	width: 169px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 18px;
	padding-left: 12px;
	padding-top: 12px;
	margin-right: 2px;
	margin-left: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a.exterior  {
	background-image: url(../images/office-exterior.png);
}
a.first-floor  {
	background-image: url(../images/office-1st-floor.png);
}
a.conference  {
	background-image: url(../images/office-conference-room.png);
}
.Portfoliocol {
	float: left;
	width: 182px;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
	padding-top: 20px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	background-image: url(../images/web-assist-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -14px;
}
#mainbody  .Portfoliocol ul {
	padding: 0px;
}
#mainbody .Portfoliocol li {
	background-image: url(../images/orange-arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 24px;
	font-size: 18px;
	margin-bottom: 24px;
	color: #f36e3a;
}
#mainbody .Portfoliocol li li {
	background-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 14px;
	margin-bottom: 4px;
	color: #999999;
	list-style-image: url(../images/small-gray-bullet.gif);
}
#mainbody .Portfoliocol a {
	font-size: 12px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainbody .Portfoliocol a:hover {
	color: #DB8500;
}

form.appt {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 30px;
	padding-bottom: 154px;
	background-image: url(../images/mug-bot.jpg);
}
form.appt p {
	margin-right: 160px;
}


.logos img {
	margin-right: 10px;
	float: left;
	margin-bottom: 60px;
	margin-top: 14px;
}
.clientlogo {
	float: left;
	height: 238px;
	width: 240px;
	background-color: #d0d1d2;
	text-align: center;
	margin-top: 24px;
	background-image: url(../images/portfolio-client-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.clientlogo img {
	margin-top: 10%;
}
.clientlogo  span {
	display: block;
	height: 20px;
}


.portfolioholder {
	width: 700px;
	height: 238px;
	float: left;
	margin-top: 24px;
}
.portdes {
	float: left;
	width: 560px;
	margin-right: 20px;
}
.marginfix {
	margin-top: -18px;
	padding-top: 20px;
	border-top-style: none;
}
.backportfolio {
	float: right;
	font-size: 14px;
	margin-top: 40px;
	margin-right: 40px;
}
form.jobs {
	float: right;
	width: 380px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding-left: 20px;
	margin-left: 40px;
}
div.success-formula-2 {
	background-image: url(../images/success-formula-2.jpg);
	height: 341px;
	width: 355px;
	float: right;
	padding-top: 360px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 60px;
	margin-top: -20px;
	padding-right: 40px;
}
#innercontent em {
	font-style: italic;
}

div.thoughts {
	width: 360px;
	float: right;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
.clientlist {
	float: left;
	width: 50%;
}
.team {
	float: left;
	width: 50%;
	height: 300px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
}
.team strong {
	color: #D6973C;
}
.thanks {
	background-image: url(../images/thanks.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 242px;
	width: 244px;
	float: right;
	clear: both;
}
.error {
	background-image: url(../images/oops.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 239px;
	width: 237px;
	float: right;
}
#innercontent .thumbs {
	clear: both;
	margin-bottom: 20px;
}
#innercontent  .thumbs  a    {
	float: left;
	height: 60px;
	width: 60px;
	border: 1px solid #CCCCCC;
	margin-right: 8px;
	margin-bottom: 8px;
}
#innercontent .thumbs a:hover {
	border-top-color: #DB8500;
	border-right-color: #DB8500;
	border-bottom-color: #DB8500;
	border-left-color: #DB8500;
}
.scheduletop {
	background-image: url(../images/mug-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-left: 20px;
}
.scheduletop p {
	margin-left: 40px;
	margin-right: 200px;
}
.ramongarcia {
	background-image: url(../images/ramon-garcia.jpg);
}


.schedulemid {
	background-image: url(../images/mug-mid.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 120px;
}

/* blog style */

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float:right;
	width:268px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -9999px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9999px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	}

#sidebar ul{
		xmargin:4px; 
		padding-left:6px;
	}

#sidebar li{
		xmargin-left:4px; 
		xpadding-left:4px;
	}

.post {
	width: 620px;
	padding-right: 20px;
}

.post h2 a, .post h2 {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}



#innercontent .global-links.landingpagesidebar .newslettersidebar {
}
#innercontent .left2 a img {
	padding-left: 10px;
}

#SignUp form .signup2.singup3 {
	background-image: url(../images/submit-4.jpg);
	float: right;
	margin-right: 50px;
	text-transform: none;
}

#innercontent .left2 p #dolares {
	color: #F17F4F;
}
#mainbody .openhousebanner {
	background: url(../images/xziting-open-house-banner.jpg) left center;
	height: 300px;
	border-bottom-style: none;
}