/*html, body {
	min-height: 100%;
	width: 100%;
}*/

body {
	color: #2c4774;
	background: #c4a27a url(images/bg-cardboard.jpg) repeat center top;
	font-family: Arial, Helvetica, "Helvetica LT", sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	text-align: center;conte
}

#wrapper, #footerWrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	/*background-image: url(images/grid.png);*/
}

#header {
	height: 62px;
	margin: 0 10px 40px;
	padding: 40px 0 0;
}

#header h1 { margin:0; }
#header h1 a {
	display: block;
	background-image: url(images/web-personified-logo.png);
	text-indent: -9999px;
	width: 525px;
	height: 62px;
	position: relative;
}

#intro {
	font-size: 26px;
	line-height: 40px;
	margin: 40px 10px;
	position: relative;
	width:960px;
	height:71px;
}

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

#intro a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #333;
}

#intro span {
	color: #69c;
	font-weight: bold;
}
/* image replacement */
#intro span { display:none; }
#intro .text { display:block; float:left;}
.intro1 { width:244px; height:38px; background:url(images/intro-text/whether.png) top left no-repeat;}
.intro2 { width:157px; height:38px; background:url(images/intro-text/web-design.png) top left no-repeat;}
.intro3 { width:206px; height:38px; background:url(images/intro-text/website-testing.png) top left no-repeat;}
.intro4 { width:64px; height:38px; background:url(images/intro-text/seo.png) top left no-repeat;}
.intro5 { width:72px; height:38px; background:url(images/intro-text/crm.png) top left no-repeat;}
.intro6 { width:198px; height:38px; background:url(images/intro-text/traffic-analysis.png) top left no-repeat;}
.intro7 { width:166px; height:33px; background:url(images/intro-text/accessibility.png) top left no-repeat;}
.intro8 { width:108px; height:33px; background:url(images/intro-text/training.png) top left no-repeat;}
.intro9 { width:142px; height:33px; background:url(images/intro-text/or-hosting.png) top left no-repeat;}
.intro10 { width:275px; height:33px; background:url(images/intro-text/weve-got-it-covered.png) top left no-repeat;}

/* navigation */

#nav {
	height: 40px;
	margin: 40px 10px 35px;
}

#nav ul {
	width: 960px;
	position: relative;
	left: -10px;
	padding: 0;
	list-style: none;
}

#nav li {
	padding: 0;
	float: left;
	margin: 0 20px 0 10px;
	border-bottom:5px solid transparent;
	height:40px;
}

#nav a {
	display: block;
	text-decoration: none;
	font: 27px Helvetica, Arial, sans-serif;
	color:#2b4774;
	letter-spacing:1px;
	line-height: 27px;
}

#nav a:hover {
	text-decoration: none;
	border-bottom-color: #69c;
}

#nav li.page-active {
	border-bottom-color: #2b4774;
}

#content {
	margin: 0 0 60px;
}

.column {
	margin: 0 10px 0;
	float: left;
	width: 280px;
	background:#fff;
	padding:0 10px 10px 10px;
}

.content-column {
	margin:10px;
	float:left;
}
.sixth {
	width: 140px;
}

.third {
	width: 280px;
}

.twothirds {
	width: 600px;
}

.half {
	width: 460px;
}

.fivesixths {
	width: 780px;
}

.full {
	width: 920px;
}
.content-column.full {
	width:900px;
}

.screenshot {
	border: 1px solid #ddd;
}

.blogHeading {
	margin-bottom: 0;
}

.blogDate {
	font-size:10px;
	color:#a6480f;
}

.moreLink {
	display: block;
}

#footer {

}

#footerContent {
	width:950px;
	height:21px;
	background:url(images/copyright.png) top right no-repeat;
}
#footerContent span { display:none; }	

.clearer {
	clear: both;
}
	
/* make the footer stick to the bottom */
#footer, .push {
	height: 60px;
}

#wrapper {
	margin-bottom: -60px;
	min-height: 100%;
}

html, body {
	height: 100%;
}

p, ul, blockquote, pre, td, th, label, h2, h3 { 
	margin: 0 0 20px; 
	font-size: 13px; 
	line-height: 18px; 
}

/*content column/pod headings*/
h2 {
	font-size: 20px;
	line-height: 20px;
	text-indent:10px;
	padding:10px 0;
	margin:0 -10px 10px;
	height:20px;
	font-weight: normal;
	background:#a6480f;
	color:#fff;
}
#pod4 h2 {
	background:#2c4774;
}
h3 { 
	font-size:16px;
	margin:20px 0;
}

a:link {
	color: #8A5C2E;
}

a:visited {
	color: #66c;
}

a img {
	border: none;
}

#content li {
	margin-left: 0px;
	list-style-type: none;
}

#content ul {
	padding-left: 0px;
	font-size: 12px;
}
.moreline {
	display:block;
	background:url(images/more.png) top left no-repeat;
	width:81px; height:18px;
	margin:10px 0;
}
.moreline span { display:none; }

/* news links on front page and service list */
#pod3 ul li a, .third ul li a { 
	text-decoration:none;
	color:#a6480f;
	font-weight:bold;
	background:url(images/arrow-sm-brown.png) center left no-repeat;
	padding-left:25px;
	line-height:25px;
}

.twothirds li {
	padding:0 0 10px 40px;
	background:url(images/arrow-sm-blue.png) 10px 2px no-repeat;
}
/* images */
.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
.alignright {
	float:right;
	margin:0 0px 10px 10px;
}

/* meta and comments */
.post-data {
	border-bottom:1px solid #bbb;
	border-top:1px solid #bbb;
	padding:10px;
}
.post-data span {
	margin-right:10px;
}

/* hide sifr replaced elements */
.sIFR-active #nav ul li a {
  visibility: hidden;
}
.sIFR-active h2 { padding:7px 0 13px 0; }
.sIFR-active h2 span { visibility:hidden; }