/* Begin Typography & Colors

dark brown	= #595241;
dark red	= #8c1215;
col2-color 	= #f5f5f3;
col3-color 	= #eae8e5;

 */

a:link, a:visited{
  color:#336666;
  text-decoration:underline;
  }

a:visited{
  color:#c00;
  }

a:hover, a:focus{
 color:#666666;
  }
 

body {
	background: #fff;
	background: url(../images/background-body.gif) repeat-x;
	}
	
p {
	margin:0 0 1em;
}	

#header {	}

#headerimg h1 a {
	width:178px;
	height:43px;
	display:block;
	background: url(../images/suimple-web-design.png) no-repeat 0 15px;
	text-indent:-5000px;
	padding:15px 10px 0 0;
	}
	
	

#content {	font-size: 1.2em;	}

.column-spacing {margin:10px;}
#homePageBlog .column-spacing {margin-left:10px;}




small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	}

h1 {
	font-size: 4em;
	}

/* page description */

.home-description {
	font-size: 1.4em;
	color:#595959;
	margin:-5px 0 0 10px;
	}
#page .description {
	font-size: 1.6em;
	color:#333333;
	background:#e6e6e2;
	margin-top:-11px;
	padding:5px 10px;
	}
#page .description em {
	font-style:normal;
	color:#860815;
	}
#page .description small {	font-size:0.6em;	}

#page .description a {	display:block;margin-top:.5em;	}


h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 2.2em;
	line-height:0.9;
	letter-spacing:-0.036em;
	color:#595241;
	}



h3 {
	font-size: 2.0em;
	color:#333333;
	letter-spacing:-0.016em;
	margin-bottom:.5em;
	}

#homePagePopular h2, h4 {
	font-size: 1.6em;
	color:#333333;
	letter-spacing:-0.016em;
	margin-bottom:0;
	margin-left:5px;
	}	
	
.entry, h4 {
	font-size: 1.4em;
	margin-left:0;
	}	
	

h3 small {font-size:0.6em;letter-spacing:normal;}	

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

	
/* =sidebar sell */
#sidebar-sell {margin:5px 4px;}
#sidebar-sell h3 {
	background:#93d7d7 url(../images/background-sidebarsell-title.jpg);
	color:#595241;
	font-size:3.4em;
	letter-spacing:-0.036em;
	line-height:0.8;
	padding:6px 10px;
	text-shadow: #72a8a5 2px 2px 1px;
}

#sidebar-sell ul{
	margin:-10px 0 5px;
	paddding:0;
	list-style:none;	
}

#sidebar-sell ul h4, .large-sell-banner ul h4, #servicesBanner h4 {
	width:75px;
	color:#860815;
	font-size:1.6em;
	line-height:1.0;
	letter-spacing:-0.02em;
	margin-left:5px;
}

#sidebar-sell ul h4 small, .large-sell-banner ul h4 small, #servicesBanner h4 small {
	color:#fff;
	font-size:0.7em;
	letter-spacing:-0.036em;
	line-height:1.0;
}

#sidebar-sell ul h4 small em, .large-sell-banner ul h4 small em, #servicesBanner h4 small em {
	font-size:1.8em;
}

#sidebar-sell ul > li{
	background: url(../images/background-sidebarsell.jpg) no-repeat left top  ;
	padding:10px 4px;
	margin-bottom:5px;
	position:relative;
	z-index:1;
}

#sidebar-sell ul li a {
	display:block;
	position:absolute;
	width:160px;
	height:35px;
	padding:115px 0 0 90px;
	top:0;
	left:10px;
	z-index:5;
	text-indent:-5000px;
}

#sidebar-sell .sidebar-sell-language {
	margin:-100px 10px 10px 100px;
	min-height:140px;
	background-image: url(../images/sell-bots-web-design.png);
	background-repeat:no-repeat;
	padding-right:70px;
	width:80px;
}

#sidebar-sell li#usabilityRedesign .sidebar-sell-language {margin-top:-80px;background-position: right 0}
#sidebar-sell li#landingPageOptimization .sidebar-sell-language {margin-top:-95px; background-position: 70px -142px}
#sidebar-sell li#seoDesignReview .sidebar-sell-language {margin-top:-97px; background-position: right -291px}

#sidebar-sell .sidebar-sell-language p {
	font-size:1.6em;
	letter-spacing:-0.026em;
	color:#595241;
	line-height:0.9;
	margin-bottom:.75em;
}


#sidebar-sell .sidebar-sell-language p em {
	display:block;
	margin-top:1.0em;
	text-decoration:underline;
	font-size:0.6em;
	font-style:normal;
	letter-spacing:normal;
	color:#006666;
}


#viewerLegal {
	display:block;
	background:#f5f5f3;
	font-size:0.8em;
	padding:.5em 1em;
	color:#666666;
	margin:.25em 0;
	letter-spacing:-0.036em;
	line-height:1.0;
	font-style:italic
}	
	
/* =sidebar */

#sidebar {	margin-right:4px;	}

#sidebar ul h2{
	padding:5px;
	font-size:1.4em;
	color:#333;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-0.02em;
	background:#CCCAC4 ;
}

#sidebar ul ul li {
	background:#e5e3de;
}


#sidebar ul li a {
	color:#333;
	text-decoration:none;
}

.aktt_tweets li a, .post-stats {
	display:block;
	color:#666666;
	font-style:italic;
	margin:0 0 3px;
	font-weight:normal !important;
	font-size:11px !important;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#oneColumn {background:url(../images/background-one-col.gif) repeat-y;}
#threeColumn, #twoColumn  {background:url(../images/background-three-col.gif) repeat-y;}
#twoColumn1 {margin:0 3px;width:194px;}



/* =post */


.post {
	margin: 0 0 40px;
	text-align: left;
	}

.post h2 a {
	font-size:1.2em;
	letter-spacing:-0.026em;
	color:#417070;
	line-height:1.0;
	text-align:left;
	text-decoration:none;
}
.post h2 a:hover {text-decoration:underline;}

.post .date {
	color:#999999;
	font-size:0.8em;
	margin:5px 0;
	}

.post .date a {	text-decoration:none;	}
.post .date a:hover {	text-decoration:underline;	}
	
.post hr {
	display: block;
	}
	
.post  ol li, .post ul li {margin-bottom:.75em;}	
.category-container {margin-top:-5px;}
.category-container a {
	background:#93d7d7;
	color:#fff;
	padding:3px 5px;
	display:inline-block;
	text-decoration:none;
	}
	
.entry {
	clear:left;
	margin:5px 0;
	font-size:1.2em;}	

.entry h3 {
	font-size:1.4em;
	line-height:1.0;
	letter-spacing:-0.036em;
	margin:20px 0 10px;
}

.entry h5 {
	font-size:1.2em;
	line-height:1.0;
	letter-spacing:-0.036em;
	padding-top:1.25em;
	border-top:1px dotted #ccc;
	font-weight:normal;
	margin-bottom:.5em;
}





#redesignNotes .entry h3 {
	margin:0 0 15px;
}

.postmetadata {
	clear: both;
}

.entry .target {font-size:1.4em; margin-bottom:.75em; line-height:1.0;letter-spacing:-0.036em;}
.entry .target .red {color:#8f1115;}

	
.entry .skip a, .entry .skip a:visited { 
	display:block;
	background: #8b0c1a url(../images/icn_launch_small.png) no-repeat 2px 2px;
	color:#fff;
	text-decoration:none;
	padding:5px 5px 5px 30px;
}

/* =home */


#homePagePopular ul { list-style:none;margin:0 0 1.5em 0;padding:0;}
#homePagePopular ul li {margin-bottom:2px;padding:3px 5px;}
#homePagePopular ul li a{
	color:#333333;
	text-decoration:none;
	line-height:1.2;
	font-size:1.2em;
	}
#homePagePopular ul li:hover{
	background:#e4e3e0;
	}

.large-sell-banner .testimonial{
	background:#e4e3df;
	padding:0 5px;
	margin:5px;
	}

.large-sell-banner .testimonial h4{
	font-size:1.2em;
	}
.large-sell-banner .testimonial h4 small{
	font-size:0.7em;
	}	
.large-sell-banner .testimonial blockquote{
	border:0;
	padding:0;
	margin:0 5px;
	}		
.large-sell-banner .testimonial blockquote p{
	margin-bottom:.25em;
	font-size:0.8em;
	font-style:normal;
	}		

.large-sell-banner .testimonial blockquote .signature{
	text-align:right;
	display:block;
	font-size:0.8em;
	margin-right:2em;
	}		
	
/* work */
#homePageWork ul {list-style:none;margin:10px 0;padding:0;}
#homePageWork ul li {margin-bottom:1.5em;}
#homePageWork ul img {border:5px solid #595241; }
#homePageWork ul a {
	display:block; 
	padding:0 4px;
	text-decoration:none;
	color:#333333;
	font-size:1.2em;
	letter-spacing:-0.036em;
	}
#homePageWork ul a:hover {background:#E4E3E0}

/* banner */

.large-sell-banner {
	background: url(../images/background-main-image.jpg) repeat-x left bottom;
	padding-bottom:5px;
}


.large-sell-banner ul{
  list-style: none;
  margin: 0 5px;
  padding: 0;
  width:100%;
  height:220px
}

.large-sell-banner ul li{
  float: left;
  padding: 10px 0;
  display: block;
  margin-right: 0;
}

.large-sell-banner ul li span{
  display: block;
  overflow: hidden;
  height: 210px;
  width: 120px;
  background: url(../images/background-slide.jpg) no-repeat;
}

.large-sell-banner #seoReviewSlide{
  width: 700px;
}

.large-sell-banner ul li div.slide-tab{
  float:left;
  width:115px;
  height:200px;
  margin:8px 6px 0 4px;
  cursor:pointer;
}

.large-sell-banner ul li div.expanded-content{
  float:left;
  margin: 0;
  padding: 0;
  width: 565px;
  display: block;
}

.large-sell-banner ul li div.slide-text {
	float:left;
	width:227px;
	margin-top:10px;
}

.large-sell-banner ul li div.slide-text div.action {
	font-size:1.2em;
	letter-spacing:-0.036em;
	line-height:1.0;
	text-align:center;
	margin-top:1em;
}

.large-sell-banner ul li div.slide-text div.action a {
	color:#544e43;
}

.large-sell-banner ul li div.slide-text div.action small {
	font-size:0.7em;
	line-height:1.2;
	color:#544e43;
	letter-spacing:-0.026em;
}


.large-sell-banner ul li div.slide-image {	
	float:left;
	margin-left:10px;
	margin-top:-2px}


.large-sell-banner ul li div.slide-text h3, #servicesBanner h3 {
	color:#006666;
	font-size:1.6em;
	line-height:1.0;
	margin-bottom:.25em;
}
.large-sell-banner ul li div.slide-text p {
	line-height:1.0; 
	color:#595241;
	font-size:1.6em; 
	margin:0;
	letter-spacing:-0.025em;
	}

.large-sell-banner ul h4, #servicesBanner h4 {width:100px;font-size:1.8em;letter-spacing:-0.05em;line-height:0.9;}
.large-sell-banner ul h4 strong, #servicesBanner h4 strong {font-size:1.4em;font-weight:normal;}
.large-sell-banner ul h4 .small-title, #servicesBanner h4 .small-title {color:#7d2626;}

/* =services */

#servicesBanner {
	padding:5px 0 10px;
	background: url(../images/background-services-banner.jpg) no-repeat 10px 10px; 
	}
	
#servicesBanner div.span-7 {
	margin-left:-.75em;
	}
		
#servicesBanner h4 {
	font-size:2.2em;
	margin:25px 0 0 25px;
}	
#servicesBanner h3 {
	font-size:1.8em;
	margin-top:25px;
}	

#servicesBanner h3 em {
	font-size:0.9em;
	display:block;
	margin-top:.25em;
}	

#servicesBanner p {	line-height:1.2;}	
#servicesBanner  .slide-image {text-align:right;}
#servicesBanner  .slide-image img {margin:.8em 0 0 1em;}
	
/* =services pricing */	
	
#pricingContainer {background:#fff;margin:5px;}
#pricingContainer .pricing-row {clear:left;margin:0;padding:0;}
#pricingContainer .pricing-cell {border-right:1px solid #e9e7e4;min-height:96px;}
#pricingContainer .last {border-right:0;}
#pricingContainer .active {
	border:2px solid #595241;
	-moz-box-shadow: 0 0 1em #bbb8af;
	-webkit-box-shadow: 0 0 1em #bbb8af;	
	box-shadow: 0 0 4px #bbb8af;
	}
#pricingContainer h6{
 	color: #48412f;
	font-size:1.4em;
	letter-spacing:-0.036em;
	margin:10px 5px 0;
	line-height:0.9;
	font-weight:normal;
	}
#pricingContainer h6 small{
	font-size:0.9em;
	line-height:1.0;
	}
#pricingContainer .cost-title{
	display:block;
	color:#aca8a0;
	margin:-2px 5px;
	}
#pricingContainer .cost-value{
	display:block;
	color:#942225;
	margin:0 5px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.0;
	}

#pricingContainer .description{
	font-size:0.9em;
	line-height:1.1;
	padding:0;
	margin:10px 10px 10px 0;
	background:0;	
	}

.pricing-cell button, .order a  {
	display:block;
	background: url(../images/button-order.gif) no-repeat;
	width:50px;
	height:46px;
	text-indent:-5000px;
	border:0;
	cursor:pointer;
	}
	
.order {
	text-align:center;
	margin-top:10px;
	min-height:70px ! important;
	}

.order span {
	display:block;
	font-size:0.7em;
	color:#918c80;
	font-style:italic;
	width:50px;
	margin-top:3px;
}
 	

/* =testimonials services */
#servicesTestimonial  blockquote {
	border-left: none;
	margin:0;
	padding:0 5px;
}
#servicesTestimonial  blockquote p {margin-bottom:.75em;}

#servicesTestimonial  blockquote span.signature {
	display:block;
	text-align:right;
	line-height:1.1;
}

#servicesTestimonial h4{ margin-bottom:.5em;}



/* =how to services */

#servicesHowTo ol li {margin-bottom:8px;}
#servicesHowTo ol li strong {display:block;font-size:1.4em;font-weight:normal;}
#servicesHowTo p {margin-bottom:1em;}

/* =guarantee */

.guarantee {
	background: url(../images/suimple-guarantee-small.png) no-repeat 0 1.5em;
	padding-left:80px;
	padding-top:1.5em;
	border-top:1px dotted #d6d6d6;
	margin:1.5em 0 .5em;
	color:#878786;
	font-size:0.9em;
	line-height:1.1;	
	min-height:55px;
	}

.guarantee strong {
	display:block;
	color:#625b4b;
	margin-bottom:3px;
	}

/* =forms */

.submit-thanks-contianer {
	padding:10px; 
	background:#ffc;
	font-style:italic;
	}

.form-container div.entry >	p {
	border-bottom:1px dotted #a4a497;
	padding:0 .75em .75em;
}

.form-container	p {
	font-size:1.2em;
	line-height:1.2;
	margin-bottom:1.0em;
}
	
.form-container ul {margin: 10px 0;}
.form-container ul li {text-align:left; list-style:none;}
.form-container .messaging h3 {
	margin-bottom:.25em; 
	font-size:1.6em;
	line-height:1.2;
	}
.form-container .messaging {
	margin:1em 0; 
	padding:.20em 1em .5em 1em; 
	background:#f2f2f0 url(../images/icn-more-med.png) no-repeat 98% 50%;
	}
.form-container .messaging small {	
	color:#8c1215;	
	font-size:.8em;	
	}
	
div.entry  .paymentshow form,  .action-option-form .paymentshow form {
	background: url(../images/paypal-graphic.gif) no-repeat  center bottom;
	text-align:center;
	padding:1em 1em 6em;
	}

div.entry  .paymentshow form input,  .action-option-form  .paymentshow form input{
	padding:.5em 1em;
	font-size:1.4em;
	}


.form-container .post {text-align:left;}
.form-container .wpcf7 {margin-left:1em;}
.form-container .post h2 {
	background:#e4f5f5;
	padding:10px;
	font-size:1.6em;
	letter-spacing:-0.036em;
	font-weight:normal;	
	}
.form-container .post h2 strong { font-weight:bold;}


.form-container input[type="text"], .form-container input[type="password"], .form-container input.text, .form-container input.title, .form-container textarea, .form-container select {
	margin:.1em 0 0.75em 0;
	padding:4px;
	width:80%;
}
.form-container input[type="submit"], .form-container  button {padding:4px 10px;}
.form-container textarea {height:100px;}
.form-container label {font-size:1.2em;font-weight:normal;}
.form-container label small {font-size:0.6em;color:#8c1215;}


ul.steps  {margin:2px;padding:0;}
ul.steps li {
	margin-bottom:2px;
	padding:20px 10px;
	background:#e6e6e2;
	color:#a8a8a5;
	line-height:1.1;	
	}
	
ul.steps li.active {
	font-weight:bold;
	color:#333333;
	}

/* =contact form overrides */
div.entry div.wpcf7-validation-errors, .action-option-form  div.wpcf7-validation-errors {
	background:#8C1215;
	color:#fff;
	border:0; 
	padding:.5em 1em;
	line-height:1.0;
	font-size:1.4em;
}

ul li span.wpcf7-not-valid-tip {
	font-size:10pt;
	position:absolute;
	left:1%;
	top:1%;
	background:#8C1215;
	border:0 none;
	padding:3px 8px;
	width:525px;
	z-index:100;
	color:#fff;
}

div.wpcf7-response-output {	margin:1em 0;}

div.entry div.wpcf7-mail-sent-ok, .action-option-form  div.wpcf7-mail-sent-ok {
	border:0;
	background:#e4f5f5;
	color:#333333;
	border:0; 
	padding:.5em 1em;
	line-height:1.0;
	font-size:1.4em;
}

.inline-pop-post {
	padding:1em;
	background:#ffffe6;
}

.inline-pop-post ul li a {
	font-size:1.4em;
}


/* error 404 */

#container-error-404{
	background: url(../images/error-404.gif) no-repeat;
	padding-left:300px;
	height:325px;
}

#container-error-404 h2 {
	font-size:4.6em;
	letter-spacing:-0.036em;
	text-transform:uppercase;
}

#container-error-404 p{
	margin-top:-4em;
}

#container-error-404 #searchform {
	margin:10px auto 0;
	padding:5px 3px;
	text-align:left;
}

#container-error-404 input#s {
	background:#f2f2f0 none repeat scroll 0 0;
	border:1px solid #660000;
	color:#666;
	font-size:1.4em;
	padding:5px;
	width:60%;
	border:1px solid #999;
}

.post .entry .linkscreencast {
	text-decoration:none;
	color:#336666;
	display:block;
	vertical-align:middle;
	background: url(../images/icn-screencast.gif) no-repeat;
	padding:5px 0 5px 50px;
}

/* =form sidebar */

#formSidebarContainer  blockquote {
	border-left:0;
	margin:1em;
	padding-left:0;
	border-bottom:1px dotted #c6c2bc;
	padding-bottom:1em;
}
#formSidebarContainer  blockquote p {
	font-style:normal;
}

.messaging h3 {
	cursor:pointer;
	
	}

.badge {margin: 5%;}

.clear {
	clear: both;
}

#footer {
	background:#595241;
	color:#fff;
	clear: both;
}

#footer .container {background: url(../images/background-footer-container.gif) repeat-y;}

#company-info {padding:15px 0;}
#company-info h5 {color:#fff;margin-bottom:.5em;}

#company-info p, #company-info p a {color:#aca9a0;}
#company-info p a {text-decoration:underline;}

#footer-navigation ul {
	list-style:none;
	padding:15px 5px;	
	} 	
	
#footer-navigation ul a { 
	color:#fff;
	font-size:1.6em;
	line-height:1.0;
	text-decoration:none;
} 	
#footer-navigation ul a:hover {background:#720d0f} 	


#footerSubscribe {background:#6c6555;}

#footerSubscribe ul{
	margin:4px 0;
	padding:0;
	list-style:none;
}
#footerSubscribe ul li {
	padding:10px 10px 10px 55px;
	background:#625b4b url(../images/sprite-icon-footer.gif) no-repeat;
	margin:2px;
	overflow:hidden;
	clear:both;
	}

#footerSubscribe ul li#footerFeed {background-position:10px 10px;}
#footerSubscribe ul li#footerTwitter {background-position:10px -40px;}
#footerSubscribe ul li#footerContact {background-position:10px -92px;}

#footerSubscribe ul ul {margin:0; padding:0;}
#footerSubscribe ul ul li {background:none;padding:0;}

#footerSubscribe ul ul li textarea, #footerSubscribe ul ul li .your-email input {
	width:180px;
	background:#676050;
	border:1px solid #534c3d;
	}
#footerSubscribe ul ul li textarea {height:40px; width:170px;}
#footerSubscribe h6 {
	color:#fff;
	text-transform:uppercase;
	margin-bottom:0;
	}	
#footerSubscribe p a {color:#aca9a0; text-decoration:none;}

#footerSubscribe ul ul li label {font-size:0.9em;color:#e3e3e0;}
#footerSubscribe ul ul li input, #footerSubscribe ul ul li textarea  {margin:0;color:#fff;}

#footerSubscribe  .wpcf7-mail-sent-ok, #footerSubscribe .wpcf7-validation-errors {
	background:#6c6555;
	color:#fff;
	border:none;}
	
#footerSubscribe .wpcf7-validation-errors {border:2px solid #c00;}
	
#footerSubscribe   span.wpcf7-not-valid-tip {
	background:#676050 none repeat scroll 0 0;
	border:1px solid #FF0000;
	font-size:10pt;
	left:0;
	padding:0;
	position:absolute;
	top:-2px;
	width:175px;
	z-index:100;
}

#footerSubscribe  li.submit input {
	background:#4c4537;
	border:1px solid #3a3529;
	text-transform:uppercase;
	font-size:0.8em;
	width:182px;
	padding:4px 0;
}

#footer p {
	margin: 0;
	padding: 0;
	}

#company-info p {margin: .8em 0;	}
/* End Structure */



/*	Begin Headers */

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 2px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 1px 0 0;
	padding: 6px;
	list-style:none;
	line-height:1.4;
	font-size:1.1em;
	}
	
#sidebar ul ul li:hover, #sidebar ul ol li:hover {
	}	
	
#sidebar ul #twitter-tools  h2 {
	background: #CCCAC4 url(../images/icn-tweet-tweet.png) no-repeat 145px 3px;
}
	
#sidebar ul #twitter-tools  .aktt_more_updates a {font-style:italic;}
/* End Entry Lists */


/* =services */

.services-sell ul {
	margin:0;
	list-style:none;	
}

.services-sell ul li {
	float:left;
	width:185px;
	height:260px;
	margin-right:8px;
	padding:18px 10px 15px;
	position:relative;
}

.services-sell ul li h4 {
	font-size:1.8em;
	color:#8b0c1a;
	line-height:0.8;
}

.services-sell ul li h4 small {
	color:#fff;
	font-size:0.6em;
}

.services-sell ul li p {
	color:#333333;
	font-size:1.4em;
	letter-spacing:-0.026em;
	margin:15px 6px;
	line-height:1.0;
}

.services-sell ul li p em {display:none;}
.services-sell ul li a {
	text-decoration:none;
	color:#000000;	
	display:block;
	position:absolute;
	width:175px;
	height:30px;
	padding:240px 0 0 10px;
	top:0;
	left:10px;
	z-index:5;	
	}
	

.services-sell ul li#usabilityRedesign {
	background: url(../images/background-services-slide-1.jpg) no-repeat;
}
.services-sell ul li#landingPageOptimization {
	background: url(../images/background-services-slide-2.jpg) no-repeat;
}
.services-sell ul li#seoDesignReview {
	background: url(../images/background-services-slide-3.jpg) no-repeat;
}

/* =work */

.work-sample-container {
	background: url(../images/background-work-sample.gif) repeat-x;
	padding:10px 0; 
	}

.work-sample-container  .slide-contianer {background: url(../images/background-work-slide.jpg) no-repeat 10px 0; }
.work-sample-container #jFlowSlide, 
.work-sample-container #jFlowSlide2, 
.work-sample-container #jFlowSlide3,
.work-sample-container #jFlowSlide4,
.work-sample-container #jFlowSlide5   { margin:4px 17px;}

.work-sample-container .description-container h5 {
	font-size:1.5em;
	line-height:1.0;
	letter-spacing:-0.035em;	
	margin:.35em 0 .5em;
	font-weight:normal;
}	

.work-sample-container .description-container h6 {
	font-weight:normal;
	font-size:1.2em;
	font-style:italic;
	margin-bottom:.5em;
}	

.work-sample-container .description-container blockquote {
	border:0;
	margin:0;
	padding:0;
}	

.work-sample-container .description-container blockquote p {
	margin:.25em;
}	

.work-sample-container .description-container .signature {
	display:block;
	text-align:right;
	margin-right:10px;
}
.work-sample-container  .hidden{display: none;}

.work-sample-container  .prevNext {}
.work-sample-container  .prevNext img{ position: relative; z-index: 999; cursor: pointer; }
.work-sample-container  .prevNext img.jFlowPrev,
.work-sample-container  .prevNext img.jFlowPrev2,
.work-sample-container  .prevNext img.jFlowPrev3,
.work-sample-container  .prevNext img.jFlowPrev4,
.work-sample-container  .prevNext img.jFlowPrev5{ top:-28px;  left:320px}
.work-sample-container  .prevNext img.jFlowNext,
.work-sample-container  .prevNext img.jFlowNext2,
.work-sample-container  .prevNext img.jFlowNext3,
.work-sample-container  .prevNext img.jFlowNext4,
.work-sample-container  .prevNext img.jFlowNext5{ top:-45px; left:305px}
.work-sample-container .slide-contianer p
{
	display:none;
	margin: 0;
	padding: 0 1em;
	font-size: 1.5em;
	position: relative;
	top: -50px;
	line-height: 50px;
	height: 50px;
	background: black;
	opacity: .6;
	filter:alpha(opacity=60);
	color:#fff;
	text-align:left;
}

.jFlowControl4, .jFlowControl, .jFlowControl3, .jFlowControl2, .jFlowControl5 {
	display:none;
}
.jFlowControl4 a, .jFlowControl a, .jFlowControl3 a, .jFlowControl2 a, .jFlowControl5 a {
	font-size:.9em;
	color:#999;
	margin:-30px 25px;
	text-decoration:none;
	display:block;
}
.jFlowSelected {display:block;}

.work-sample-container  .jFlowSlideContainer {overflow:hidden ! important; position:absolute;z-index:1;}

/* Begin Form Elements */
#searchform {
	margin: 10px auto 0;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 10px;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/

#commentsContainer, #respond  {
	background: url(../images/background-comment-header.gif) repeat-x;
	margin-top:15px;
	padding:5px;
}

#commentsContainer .commentsHeaderContainer, .commentsFooterContainer {
	background: url(../images/icn-comment-32.gif) no-repeat 395px 10px;
	padding:10px;
	border-bottom:1px dotted #999999;
}

#commentsContainer #respond .commentsFooterContainer {
	background-image: url(../images/icn-post-32.gif);
}

#commentsContainer .commentsHeaderContainer h4, .commentsFooterContainer  h4 {
	font-size:1.8em;
	letter-spacing:-0.036em;
	color:#333333;
	margin-left:0;
}
#commentsContainer .commentsHeaderContainer p, .commentsFooterContainer p {line-height:.75;}
#commentsContainer .navigation {background:#f1f1ef;margin:5px 0;}
#commentsContainer .commentlist {
	margin-left:0;
	padding-left:0;
	width:100%;
}
#commentsContainer .commentlist li {
	list-style:none;
	border:0;
}

.commentlist  ul {margin:0 0 0 1.5em;}

#commentsContainer .commentlist .comment {
	background: url(../images/background-comment-header.jpg) repeat-x;
	padding:5px;
}

#commentsContainer .commentlist .comment-author-admin {
	background: url(../images/background-comment-header-admin.jpg) repeat-x ! important;
}

#commentsContainer .comment-author, #commentsContainer .comment-author a {
	color:#fff;
}
.comment .comment-meta a {
	font-size:1.0em;
	line-height:1.0;
	color:#bebaad;
}

.comment .comment-meta + p {
	clear:left;
	margin-top:25px;
}


.comment  .reply { 
	background: url(../images/background-comment-footer.jpg) repeat-x bottom left; 
	padding:5px 10px;
	margin:5px -5px 5px;
	}

.comment-author .says {display:none;}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	margin-right:5px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin:.75em;
	}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}


.thread-alt {}
.thread-even {}
.depth-1 {}
.even, .alt {}

/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	clear:both;
	}

a img {
	border: none;
	}
	
/* =header */


/* =search */
#searchContainer {
	background: url(../images/search-background.png);
	}
#searchContainer div {
	vertical-align:middle;	
	}

input#s {
	width:120px; 
	background:#8f1115;
	color:#fff;
	border:1px solid #600;	
	padding:5px;
	font-size:1.4em;
}

#searchform #searchsubmit {
	border:1px solid #660000;
	background: #7d2626 url(../images/background-search-button.gif) repeat-x;
	text-transform:uppercase;
	color:#fff;
	font-size:.8em;
	height:31px;
	width:35px;
}

.search-results h3 a {
	font-size:.8em;
}

/* =navigation */
.menu {text-align:right;}
.menu ul.nav { margin:23px 10px 0; 	}
.menu ul.nav li { display:inline; 	}
.menu ul.nav li a { 
	display:inline-block;
	color:#fff;
	padding:2px 6px; 
	font-size:1.6em;
	letter-spacing:-0.026em;
	text-decoration:none;
	}

.menu ul.nav li a:hover, .menu ul.nav li.current_page_parent a, .menu ul.nav li.current_page_item a{ 
	color:#8c1215;
	background:#fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}
	
.navigation {	
	background:#eeffff;
	padding:5px;
	}	
	
.navigation a {color:#339999;text-decoration:none;}	
.navigation a:hover {color:#006666;}	
/* End Various Tags & Classes*/

/* =page test case */
#testCaseContainer{}
#testCaseContainer h2{ 
	background:#8b0c1a;
	color:#fff;
	padding:10px;
	margin-bottom:0;
}

#testCaseContainer .entry {
	background:#f2f2f0;
	padding:15px;
}

#testCaseContainer .entry h3 {
	font-size:1.4em;
	text-align:left;
}

#testCaseContainer .entry ul {
	margin:0;
	padding:0;
	list-style:none;
}

#testCaseContainer .entry ul li {
	float:left;
	width:28%;
	margin-left:2%;
	padding-left: 2%;
	border-left:1px solid #ccc;
	min-height:250px;
	text-align:justify;
	font-size:.8em;
}


#testCaseContainer .entry ul li.first {
	margin-left:0;
	border-left:0;
}


#TestCaseController {
	background:	#fff url(../images/background-test-web-design-nav.gif) repeat-x bottom left;
	padding:6px;
}
#TestCaseController span {
	display:inline-block;
	cursor:pointer;
	padding:0 10px;
	border-right:1px solid #ccc;
}
#TestCaseController span a {
	text-decoration:none;
	color:#333333;
}

#TestCaseController .jFlowSelectedTest {font-weight:bold;}

/* =page contact */
.contact-details {
	background: url(../images/background-contact.gif) no-repeat;
	height:311px;
	width:265px;
	margin-top:0;	
}

.contact-details h4 {
	padding:15px 15px 0;
}

.contact-details dl {
	margin:10px  25px;
}

.contact-details dd {
	margin:0 0 5px;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	width:100%;
	text-align: left;
	background-color: #f5f5f3;
	padding: 5px;
	margin: 0 1em 1em 0;
	text-align:center
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 0.7em;
	padding: 4px;
	color:#666666;
	text-align:left;
	margin-bottom:0;
}

.clear-fix{overflow:hidden;}
/* End captions */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

.entry .wp-polls {
	float:left;
	width:45%;
	margin:.5em 1em .5em 0;
	padding:.75em;
	border:1px solid #ccc;
	font-size:.8em;
	text-align:left;
}

.entry .wp-polls > p {
	font-size:1.4em;
	line-height:1;
	text-align:left ! important;
}