body {

	background: #fff url('../images/bodybg.gif') repeat-x;

	margin: 0;

	padding: 0;

	overflow-x: hidden;

}

body, p, td, th, li {

	font-family: "Trebuchet MS";

	font-size: 14px;

	line-height: 16px;

	color: #8c643a;

}

#mainContainer {

	width: 979px;

	margin: 0 auto;

	background: #fff;

}

#innerContainer {
	width: 938px;
	margin: 0 20px;
	background-color: #FFFFFF;

}

a:active, a:focus {

	outline: 0;

}

p {

	margin: 0 0 1em 0;

}

input {

	color: #666;

	text-indent: 5px;

}

textarea {

	color: #666;

}

/*--- Link Styles ---*/

a img {

	border: none;

}

a:link, a:visited {

	color: #8c643a;

	text-decoration: underline;

	border: 0;

}

a:hover, a:active {

	border: 0;

	color: #f37721;

	text-decoration: underline;

}

h1 {

	color: #ffffff;

	margin: 0;

	font-size: 36px;

	line-height: 36px;

}

h2 {

	color: #ffffff;

	margin: 0;

	font-weight: bold;

	font-size: 29px;

	line-height: 36px;

}

h3 {
	color: #8c643a;
	font-size: 22px;
	line-height: 30px;
	padding-left: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;

}
h4 {
	font-size: 130%;
	color: #F47822;
	margin-bottom: 10px;
}


form {

	margin: 0;

	padding: 0;

}

ul {

	margin: 0;

	margin-left: 25px;

	list-style-type: none;

}

ol {

	margin-left: 25px;

}

/* Standard Definitions----------------------------------------*/

.left, .left2 {

	float: left;

	width: 530px;

	padding: 22px 0px 0 0;

}

.left2 {

	width: 585px;

}

.left p, .left2 p {

	line-height: 20px;

	font-size: 14px;

	/*font-weight: bold;

*/

	padding-left: 15px;

}

.right, .right2 {

	float: left;

	padding-top: 22px;

	width: 393px;

	padding-left: 17px;

}

.right2 {
	width: 329px;

}


.clearThis {

	clear: both;

}

/* TopNav----------------------------------------*/

#topNav {

	height: 26px;

	color: #fff;

}

#topNav ul {

	margin: 0;

	padding: 0;

	color: #fff;

}

#topNav ul li {

	float: left;

	line-height: 22px;

	height: 26px;

	font-weight: bold;

	color: #fff;

	text-align: center;

}

#topNav ul li a {

	text-decoration: none;

	font-size: 13px;

	color: #fff;

	display: block;

}

#topNav ul li.home {

	background: url('../images/topmenu/home.jpg') no-repeat;

	width: 88px;

}

#topNav ul li.home:hover {

	background-position: 0 -26px;

}

#topNav ul li.webdesign {

	background: url('../images/topmenu/webdesign.jpg') no-repeat;

	width: 111px;

}

#topNav ul li.webdesign:hover {

	background-position: 0 -26px;

}

#topNav ul li.smallbusiness {

	background: url('../images/topmenu/smallbusiness.jpg') no-repeat;

	width: 135px;

}

#topNav ul li.smallbusiness:hover {

	background-position: 0 -26px;

}

#topNav ul li.corporate {

	background: url('../images/topmenu/corporate.jpg') no-repeat;

	width: 104px;

}

#topNav ul li.corporate:hover {

	background-position: 0 -26px;

}

#topNav ul li.ecommerce {

	background: url('../images/topmenu/ecommerce.jpg') no-repeat;

	width: 110px;

}

#topNav ul li.ecommerce:hover {

	background-position: 0 -26px;

}

#topNav ul li.emailmarketing {

	background: url('../images/topmenu/emailmarketing.jpg') no-repeat;

	width: 143px;

}

#topNav ul li.emailmarketing:hover {

	background-position: 0 -26px;

}

#topNav ul li.seo {

	background: url('../images/topmenu/seo.jpg') no-repeat;

	width: 58px;

}

#topNav ul li.seo:hover {

	background-position: 0 -26px;

}

#topNav ul li.portfolio {

	background: url('../images/topmenu/portfolio.jpg') no-repeat;

	width: 90px;

}

#topNav ul li.portfolio:hover {

	background-position: 0 -26px;

}

#topNav ul li.contact {

	background: url('../images/topmenu/contact.jpg') no-repeat;

	width: 99px;

}

#topNav ul li.contact:hover {

	background-position: 0 -26px;

}

/* Header----------------------------------------*/

#portfolio {

	height: 304px;

	background: url('../images/portbg.jpg') no-repeat;

}

#portText {

	width: 500px;

	padding: 12px 0 0 15px;

	z-index: 2;

	float: left;

}

#portText h1 {
  font-size: 28px;
  line-height: 34px;
}

#portText p {

	padding-top: 20px;

	font-size: 16px;

	line-height: 24px;

	color: #fff;

}

#portFlash {

	height: 252px;

	width: 388px;

}

.portWHAT {

	width: 388px;

	float: left;

	padding-left: 10px;

	margin-top: 20px;

}

#captionFlash {

	width: 388px;

	height: 24px;

	text-align: right;

	display: block;

}

#captionFlash a.caption {

	font-weight: bold;

	padding-top: 4px;

	position: fixed;

	width: 388px;

	text-align: right;

	color: #fff;

}

#portFlash {

	border: 1px solid #000;

}

/* Portfolio Main-------------------------------*/

.portBlock {

	margin-left: 15px;

	width: 919px;

	margin-bottom: 32px;

}

.portHead {

	background: url('../images/porthead.gif') no-repeat;

	height: 46px;

	width: inherit;

	color: #fff;

	font-size: 31px;

	line-height: 42px;

	padding: 0;

	padding-left: 10px;

	margin-bottom: 1px;

}

.portHead b {

	float: left;

	width: 450px;

	font-weight: normal;

	text-align: left;

}

.portHead span {

	width: 445px;

	float: left;

	text-align: right;

	font-size: 18px;

}

.portImage {

	float: left;

	width: 574px;

	height: 406px;

	border: 3px solid #f47820;

	padding: 7px;

	overflow-y: hidden;

	overflow-x: hidden;

}

.emailImage {

	float: left;

	width: 574px;

	height: 406px;

	border: 3px solid #f47820;

	padding: 7px;

	overflow-y: auto;

	overflow-x: hidden;

}

.portDesc {

	float: left;

	margin-left: 2px;

	width: 303px;

	padding: 10px;

	height: 406px;

	background: #e3d9cf;

	font-weight: normal;

	margin-bottom: 1px;

}

.portDesc p {

	font-size: 14px;

	line-height: 18px;

}

ul.caseFull , .portDesc ul {

	margin: 0;

	padding: 0;

}

ul.caseFull li, .case-caption ul li, .portDesc ul li {

	background: url('../images/littlearrow.jpg') 0px 2px no-repeat;

	font-weight: normal;

	padding-left: 25px;

	padding: 0px 0 0px 25px;

	margin-top: 10px;

}

ul.caseFull li {

	font-weight: normal;

	font-weight: 12px;

}

ul.caseFull {

	padding-left: 35px;

}

.case-caption h3.link, .case-caption h3 {

	font-size: 16px;

	line-height: 22px;

	font-weight: bold;

	padding-bottom: 20px;

}

.case-caption h3.link {

	font-weight: normal;

	font-size: 24px;

}

.portBottom {

	clear: both;

	background: url('../images/portbottom.gif') no-repeat;

	height: 38px;

	width: inherit;

}

.visitSite {

	background: url('../images/visitbutton.gif') center right no-repeat;

	width: 200px;

	padding-right: 30px;

	margin-right: 10px;

	color: #fff;

	font-size: 23px;

	height: 38px;

	line-height: 38px;

	text-align: right;

	float: right;

}

.visitSite a {

	color: #fff;

	text-decoration: none;

	display: block;

}

.visitSite a:hover {

	color: #fff;

}

/* Smallheader----------------------------------*/

.smallHeader {

	background: url('../images/smallheader.jpg') bottom left no-repeat;

	margin-top: 6px;

	height: 206px;

	width: 938px;

}

.smallHeaderContact {

	background: url('../images/smallheader.jpg') bottom left no-repeat;

	padding-left: 10px;

	margin-top: 6px;

	height: 206px;

	width: 938px;

}

.smallHeaderContact h1 {

	padding-top: 50px;

	padding-bottom: 10px;

}

.smallHeader .left {

	margin: 0;

	padding: 0;

	width: 500px;

	float: left;

	padding: 50px 0 0 10px;

}

.smallHeader h2 {

	padding-top: 10px;

}

.smallHeader .right {

	width: 428px;

	float: left;

	text-align: right;

	font-size: 15px;

	color: #fff;

	line-height: 18px;

	font-weight: bold;

	padding: 0;

	margin: 0;

	margin-top: -6px;

}

.smallHeader .small {

	font-size: 12px;

	font-style: italic;

}

/* Title---------------------------------------*/

.title {

	height: 53px;

	background: url('../images/titlebg.jpg') no-repeat;

	color: #fff;

	margin: 20px 0 0 0;

	padding-left: 10px;

	line-height: 50px;

	font-size: 33px;

}

.case-title {

	padding: 0 0 0 15px;

	color: #f37721;

	font-size: 19px;

	margin-bottom: 10px;

	line-height: 30px;

}

.case-link {

	padding-left: 15px;

	font-size: 15px;

	font-weight: bold;

	margin-bottom: 10px;

	line-height: 40px;

}

.left .case-caption p {

	font-size: 13px;

	line-height: 20px;

	font-weight: normal;

}

/* Ourservice----------------------------------*/

.Homeourservice {

	width: 378px;

	height: 143px;

	background: url('../images/ourservices.jpg') no-repeat;

	padding-left: 15px;

}

.ourservice {

	width: 325px;

	height: 143px;

	background: url('../images/ourservices-small.jpg') no-repeat;

	padding-left: 5px;

}

.news .title {

	background: none;

	line-height: 45px;

	font-size: 33px;

	color: #fff;

}



.news p {

  font-size: 10px;

}



.bodytex a {

  font-size: 18px;

  color: #fff;

}



.bodytex a:hover {

  color: #fff;

}



.Homeourservice ul,  .ourservice ul {

	margin: 0;

	padding: 10px;

	padding-top: 10px;

	list-style-type: none;

}

.Homeourservice ul li,  .ourservice ul li {

	background: url('../images/list.gif') 0px 3px no-repeat;

	padding-left: 25px;

	height: 30px;

}

.Homeourservice ul li a,  .ourservice ul li a {

	color: #fff;

	display: block;

	text-decoration: none;

	font-size: 22px;

	line-height: 24px;

}

.ourservice ul li a:visited,  .Homeourservice ul li a:visited,  .ourservice ul li a:hover,  .Homeourservice ul li a:hover {

	color: #fff;

}

.Homeourservice, .news {

	margin-bottom: 20px;

}

.freeaudit {

	background: url('../images/brownform2.jpg') no-repeat;

	width: 300px;

	height: 232px;

	padding: 14px;

	margin-bottom: 20px;

}

.freeaudit form, .homeAudit form {

	margin: 0;

	padding: 0;

}

.homeAudit p,  .freeaudit p {

	width: 200px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	line-height: 20px;

}

.homeAudit p {

	width: 260px;

	margin-bottom: 0;

}

.homeAudit h2,  .freeaudit h2 {

	padding-bottom: 5px;

}

.homeAudit h3,  .freeaudit h3 {

	color: #fff;

	margin: 0;

	padding: 0;

	margin-top: 4px;

}

.homeAudit h3 {

	float: left;

}

.homeAudit input {

	width: 215px;

	height: 20px;

	border: 0;

	margin: 0;

	padding: 0;

	float: left;

	margin-top: 10px;

	margin-left: 20px;

	line-height: 25px;

	*line-height: 15px;

	padding-top: 5px;

}

.freeaudit input {

	width: 300px;

	height: 20px;

	border: 0;

	margin: 0;

	padding: 0;

	line-height: 40px;

	*line-height: 15px;

	padding-top: 5px;

}

.homeAudit input.nextButton {

	background: url('../images/submit.jpg') no-repeat;

	width: 87px;

	height: 32px;

	float: right;

	margin-top: 8px;

}

.freeaudit input.nextButton {

	background: url('../images/submit.jpg') no-repeat;

	width: 87px;

	height: 32px;

	float: right;

	margin-top: 8px;

}

.homeAudit input.nextButton:hover,  .freeaudit input.nextButton:hover {

	background: url('../images/submit_hover.jpg') no-repeat;

}

.homeAudit {

	background: url('../images/brownform.jpg') no-repeat;

	width: 365px;

	height: 171px;

	padding: 14px;

	margin-bottom: 20px;

}

/* News----------------------------------------*/

.news {

	background: url('../images/news.jpg') no-repeat;

	padding-left: 15px;

	width: 378px;

	height: 395px;

}

.news p {

	padding-left: 10px;

	padding-right: 20px;

	color: #fff;

	font-size: 14px;

	line-height: 20px;

}

/* Testimonial---------------------------------*/

.testimonialTop {

	background: url('../images/testimonial-top.jpg') no-repeat;

	height: 17px;

}

.smalltestTop {

	background: url('../images/process-top.jpg') no-repeat;

	height: 53px;

	width: 330px;

	margin-top: 20px;

}

.smalltestTop h4 {

	color: #fff;

	font-size: 22px;

	line-height: 40px;

	text-indent: 15px;

}

.testimonialBottom {

	background: url('../images/testimonial-bottom.jpg') no-repeat;

	height: 19px;

}

.smalltestBottom {

	background: url('../images/process-bottom.jpg') no-repeat;

	height: 16px;

	width: 330px;

}

.testimonial, .smalltest {

	border-left: 5px solid #f37721;

	border-right: 5px solid #f37721;

	width: 343px;

	padding: 20px;

	font-size: 18px;

	color: #f37721;

	line-height: 24px;

}

.testimonial {

  padding-top: 10px;

  padding-bottom: 10px;

}

.smalltest {

	width: 290px;

	background: #f37721;

	color: #fff;

	padding-left: 10px;

}

.testimonial ul,  .smalltest ul {

	margin: 0;

	padding: 0;

	width: 320px;

	padding-left: 20px;

	list-style-type: disc;

}

.smalltest ul {

	width: 290px;

	padding-left: 0px;

	color: #fff;

	list-style-type: none;

}

.testimonial ul li,  .smalltest ul li {

	color: #f37721;

	font-size: 16px;

	font-weight: bold;

	line-height: 16px;

	padding: 6px 0;

}

.smalltest ul li {

	color: #fff;

}

.smalltest ul li {

	font-size: 16px;

	font-weight: normal;

}

.testimonial h4,  .smalltesttop h4 {

	font-size: 22px;

	margin: 0;

	padding: 0;

	padding: 10px;

}

.smalltest h4 {

	padding: 0;

}

.testimonial .testi {

	font-size: 18px;

	font-weight: bold;

	display: block;

}

/* Main Content----------------------------------------*/

#mainContent {

	width: 979px;

}

/* Footer----------------------------------------*/

.lookingfor {

	margin-top: 20px;

	background: url('../images/bottom.gif') no-repeat;

	height: 143px;

	width: 918px;

	padding: 10px;

	color: #fff;

	font-weight: bold;

	font-size: 20px;

}

.lookingfor textarea {

	margin-top: 15px;

	overflow: hidden;

	width: 320px;

	border: 0;

}

.lookingfor label {

	float: left;

	width: 120px;

	text-align: left;

	margin-bottom: 10px;

	padding-right: 20px;

	line-height: 20px;

}

.lookingfor input {

	float: left;

	width: 210px;

	border: 0;

	margin-bottom: 12px;

	height: 16px;

}

input.bigsubmit {

	background: url('../images/bigsubmit.gif') no-repeat;

	float: left;

	border: 0;

	height: 39px;

	width: 113px;

	margin-left: 25px;

	margin-top: -20px;

}

.lookingfor input.bigsubmit:hover {

	background: url('../images/bigsubmit_hover.jpg') no-repeat;

	border: 0;

	outline: 0;

}

.mainFooter {

	background: #F37721 url('../images/footer.jpg') top left no-repeat;

	margin: 0;

	padding: 0;

	width: 938px;

	color: #fff;

}

.mainFooter ul {

	margin: 0;

	padding: 0;

}

.mainFooter ul li {

	float: left;

	line-height: 18px;

	font-weight: bold;

}

.mainFooter ul li a {

	text-decoration: none;

	font-size: 17px;

	padding: 0 23px;

	color: #fff;

}

.info {

	clear: both;

	margin: 0 auto;

	padding-top: 10px;

	text-align: center;

	width: 619px;

	font-size: 12px;

	font-weight: bold;

	margin-bottom: 4px;

}

.mainFooter p,  .mainFooter p a {

	color: #fff;

	font-size: 10px;

	font-weight: bold;

	text-align: center;

}

h4.testomonial {

	font-size: 15px;

	font-weight: normal;

	line-height: 20px;

	text-align: right;

	padding: 0;

	margin: 0;

	margin-bottom: 20px;

}

h4 span {

	font-size: 14px;

	line-height: 26px;

	font-weight: bold;

}

.caseStudyAvailable a {

	background: url('../images/visitbutton.gif') center right no-repeat;

	width: 250px;

	color: #fff;

	font-size: 23px;

	padding-left: 10px;

	height: 38px;

	line-height: 38px;

	text-align: left;

	float: left;

}

.contactUs {

	margin: 0;

	padding-left: 15px;

	line-height: 18px;

}

.contactUs h3 {

	font-size: 26px;

	font-weight: normal;

	margin: 0;

	padding: 0;

}

h2.contact {

	font-size: 16px;

	font-weight: normal;

	color: #8c643a;

	line-height: 24px;

}

.contactPic {

	background: url('../images/inhousemedia.jpg') no-repeat;

	width: 330px;

	height: 476px;

	/*padding: 14px;

*/

	margin-bottom: 20px;

}

ul.caseStudy {

	margin: 0;

	padding: 0 15px;

}

ul.caseStudy li {

	background: url('../images/whitearrow.jpg') center left no-repeat;

	padding-left: 20px;

	font-size: 16px;

	line-height: 24px;

}

.contactForm {

	background: url('../images/formbg.jpg') top left no-repeat;

	padding-left: 15px;

	color: #fff;

	height: 238px;

	width: 576px;

}

.contactForm label {

	color: #fff;

	font-weight: normal;

	font-size: 18px;

	float: left;

	width: 120px;

	line-height: 20px;

}

.contactForm input {

	float: left;

	width: 200px;

	margin-top: 5px;

}

.contactForm .left {

	float: left;

	margin: 0;

	padding: 0;

	width: 330px;

}

.contactForm .right {

	float: left;

	width: 220px;

	margin: 0;

	padding: 0;

	margin-left: 5px;

	padding-left: 15px;

}



.contactForm textarea {

  height: 85px;  

}



.contactForm .right input.bigsubmit {

	margin-left: 66px;

}



h2.blog {

  padding-left: 15px;

}



.contactFooter {

  background: url('../images/contact-footer.jpg') no-repeat;

  height: 32px;

}



.businesstimes {

  margin-left: 15px;

}



.businesstimes b {

  width: 160px;

  float: left;

  margin-bottom: 10px;

}



.businesstimes input {

  float: left; 

  width: 300px;

  margin-bottom: 10px;

}



.businessubmit {

  background: url('../images/businesssubmit.jpg') no-repeat;

  height: 32px;

  width: 87px;

  border: 0;

}

.thankyou {
	background-image: url(../images/smallheader-thankyou.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.intro {
	font-size: 170%;
}
.testimonialSmall {
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F47723;
	border-left-color: #F47822;
	border-right-width: 4px;
	border-left-width: 4px;
	width: 264px;
	padding: 20px;
	font-size: 120%;
	color: #F5781B;
	line-height: 130%;
}
.mmBox {
	background-color: #FFFFFF;
	float: left;
	width: 250px;
	padding: 10px;
}
.mmBox h1 {
	color: #F08439;
	font-size: 150%;
	line-height: 100%;
	margin-bottom: 10px;
}
.mmBox a {
	text-decoration: none;
}

.marginRight10px {
	margin-right: 10px;
}
.black {
	color: #000000;
}
.mmcontain {
	float: left;
	width: 270px;
	height: 340px;
	margin-bottom: 20px;
}
.mmcontain h1 {
	color: #FFFFFF;
	background-image: url(../images/thanyou-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	font-size: 150%;
}
.mmcontain a {
	color: #FFFFFF;
	text-decoration: none;
}
.orangebkg {
	background-color: #F37721;
	color: #FFFFFF;
}
.orangebkg p {
	color: #FFFFFF;
}
.mmblack {
	color: #FFFFFF;
	background-color: #000000;
}
.mmblack p {
	color: #FFFFFF;
}
.mmblack h2 {
	font-size: 170%;
	line-height: 110%;
	margin-bottom: 10px;
	color: #F37721;
	text-align: center;
}
.mmblack a {
	color: #F37721;
}
.marginLeft10px {
	margin-left: 10px;
}
.marginRight20px {
	margin-right: 20px;
}
.height12px {
	height: 12px;
}
.freeguide-bkg {
	background-image: url(../images/smallheader-freeguide.jpg);
	background-repeat: no-repeat;
}
.bestof-bkg {
	background-image: url(../images/smallheader-bestof.jpg);
	background-repeat: no-repeat;
}
.nobestof-bkg {
	background-image: url(../images/smallheader.jpg);
	background-repeat: no-repeat;
}
.bestof #innerContainer #mainContent ul li {
	margin-bottom: 10px;
}
.bestof #mainFooter ul {
	list-style-image: none;
	list-style-type: none;
}
.bestof #innerContainer #mainContent #footer #mainFooter {
	list-style-image: none;
}


.bestof #mainFooter ul li {
	list-style-image: none;
}
.bestoflist {
	list-style-image: url(../images/bullet-black.jpg);
}
.nobullet {
	list-style-image: none;
	list-style-type: none;
}
.border {
	border: 1px solid #CCCCCC;
}
.marginBottom10px {
	margin-bottom: 10px;
}

.blogsform {

  margin-left: 15px;
  width:378px;
  float:left;
  background-color:#a38060;
  background-image:url(../images/brownform.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  padding-bottom:10px;

}

.blogsform h3{
	color:white;
	margin-top:4px;
	margin-bottom:8px;
}

.blogsform table{
	margin-left:12px;
}


.blogsform td{
	vertical-align:middle;
	color:white;
	padding-top:2px;
	padding-bottom:2px;
}



.blogsform input[type="text"] {


  width:200px;
  
  margin-left:16px;


}



.blogsformsubmit {

  background: url('../images/submit.jpg') no-repeat;

  height: 32px;

  width: 87px;
  
  float:right;

  border: 0;

}

h4.blog{
	color:#8C643A;
	margin-bottom:0px;
	margin-left:15px;
	font-size:18px;
}

input.downloadButton{
	background-image:url(../images/download_button.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:172px;
	height:39px;
	border:none;
	cursor:pointer;
	margin-top:96px;
	margin-left:16px;
}

input.downloadButton:hover{
	background-image:url(../images/download_button_over.jpg);
}

.webdesignpackage label {
  width: 250px;
  float: left;
  margin-bottom: 4px;
  *margin: 0;
}

.webdesignpackage input {
  width: 250px;
  float: left;
  margin-bottom: 4px;
  *margin: 0;
}