*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

header,footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

body{
 /* Setting the default text color, size, page background and a font stack: */
 font-size:0.75em;
 color:#333;
 background:#fff url(/assets/img/shadow-bg.jpg) top center repeat-y;
 font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
 text-align: center;
}
/* Main layout blocks */

#container {width:100%;
 text-align: left;
 background: transparent url(/assets/img/container-bg.jpg) top center no-repeat;
 Ê}


#container2 {width:1020px;
 margin:0px auto;
 text-align: left;
 background: transparent;
 Ê}
		
#page {
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
	background: #fff url(/assets/img/page-bg.jpg) no-repeat;
		}	

#page-pod
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-pod.jpg) no-repeat;
}

#page-projects
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-projects.jpg) no-repeat;
}

#page-projects
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-projects.jpg) no-repeat;
}


#page-herdspeak, #page-cal
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-herdspeak.jpg) no-repeat;
}

#page-needsyou
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-herdspeak.jpg) no-repeat;
}

#page-addon-shack
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-addon-shack.jpg) no-repeat;
}

#page-getintouch
{
width:900px;
display:block;
	margin:0px auto;
	padding: 30px 20px 160px 20px;
	text-align: left;
background: #fff url(/assets/img/page-bg-getintouch.jpg) no-repeat;
}
		
*html #page {min-height: 730px;
		}	

#page.long {}		

#hgroup {width:956px;
	height:171x;
	text-align: left;
	margin:0px auto;}

#top-list {float: right;
text-align: right;
height: 60px;
width: 450px;
color: #fff;
}

nav {float: right;
width: 600px;
display: inline;
}
/* Nav layout removed to nav.css: */

#hippo-header {height: 321px;
width: 886px;
padding: 15px 35px;
	margin:0px auto;
		background: url(/assets/img/hippo-header-bg.jpg) no-repeat;
}



/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Article styles: */



article{width: 275px;
float: left;
padding-right: 15px;
margin-left: 15px;
	background-color:#fff;
	border-right: 1px solid #ccc;
	min-height: 360px;
}

*html article{
	min-height: 390px;
}

#article1, .one {
margin-left: 0px;
}
#article3, .three {
padding-right: 0px;
border-right: 0px solid #ccc;}

#article-wide {width: 580px;
margin-left: 0px;
border-right: 0px solid #ccc;
}

#article-narrow {width: 230px;
margin-left: 60px;
border-right: 0px solid #ccc;

}

.articleBody ul, .articleBody ol {margin:0 0 10px 15px;padding:5px;}
	.articleBody ul li,.articleBody ol li {line-height:150%;font-size:1.1em;}
	.articleBody code {display:block;margin:20px;}
.articleBody input.txt, .articleBody textarea {width:250px;padding:5px;}

.articleBody p img {
	margin: 0 0 0 40px;
}

.awesome-link {	min-height: 40px;
}


.hippo-services {background: url(/assets/img/hippo-button.jpg) no-repeat;
padding: 0 0 8px 40px;}


#case-studies  {float: left;
background: url(/assets/img/case-studies-bg.jpg) no-repeat;
padding: 15px 15px;
	height:255px;
	width: 576px;
	margin: 20px 0 0 -10px;
	display: inline;
}



#text-holder,#text-holder_1,#text-holder_2,#text-holder_3 {float: left;
padding: 0 15px 0 25px;
	height:255px;
	width: 245px;}

#text-holder p,#text-holder_1 p,#text-holder_2 p,#text-holder_3 p {width:245px;}

.info-boxes {
	padding-left:10px;
	height:137px;
	width: 290px;
	margin: 20px 0 -10px 0;
	float: right;}
	
	
#hippo-clients {height: 202px;
width: 948px;
padding: 0px 0 0 6px;
	margin: -137px 0 0 31px;
	float: left;
	display: inline;
		background: url(/assets/img/hippo-clients-bg.jpg) no-repeat;
		z-index: 100;
}

*html #hippo-clients {
	margin:  0px 0 -85px 31px;
	position:relative;}	
	
#portfolio, #testimonials, #hire, #portfolio-link, #testimonials-link, #hire-link {width: 279px;
float: left;
padding-right: 15px;
margin-left: 15px;
	border-right: 1px solid #ccc;
	height: 170px;
		display: inline;
}
 #hire, #hire-link {padding-right: 0px;
	border-right: 0px solid #ccc;
}
#portfolio-link, #testimonials-link, #hire-link {
	height: 32px;
}

#portfolio-scroller {display:block;height:125px;width:265px;overflow: hidden;}

#portfolio-scroller ul {width:1590px;}

#portfolio ul li {text-align:center;display:block;width:265px;height:125px;float:left;}


figure{
	border:3px solid #142830;
	float:right;
	height:300px;
	margin-left:15px;
	overflow:hidden;
	width:500px;
}

figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

.scroll-item
{
width:550px;
height: 225px;
float:left;
}

.scroller
{
width:525px;
height:225px;
overflow: hidden;
float:left;
}

#scroll-overflow
{
width:1650px;
height:225px;
}


/* Footer styling: */

footer{	background:#0f2a34 url(/assets/img/footer-bg.gif) repeat-x;
	margin: 0px;
	padding: 100px 0 0 0;
	width: 100%;
	height: 200px;
	text-align:left;
	font-size:0.825em;
	z-index: 1;
}


footer p {color: #fff;
width: 960px;
padding: 0px 0px;
margin:0px auto;

}

footer a, footer a:visited{
	color:#fff;
	display:block;
	padding:2px 4px;
	z-index:100;
	position:relative;
}

footer a:hover{
	text-decoration:none;
}


footer a.up{
	float:right;
	padding-top: 95px;
}

.clear {clear:both;}