body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}


/* @group globals */

.airlock {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
}

#main {
	height:690px;
	background: url(../images/bkgd-1.png) repeat-x 15% top;
}

.button {
	margin: 0;
}

.button a {
	display: inline-block;
	border-width: 6px 20px 8px 6px;
	-webkit-border-image: url(../images/button.png) 6 20 8 6;
	-moz-border-image: url(../images/button.png) 6 20 8 6;
	color: white;
	text-decoration: none;
	font: bold 12px Helvetica, Arial, Geneva, sans-serif;
	padding: 5px 12px;
}

.button a:hover {
	position: relative;
	top: -1px;
}

.button a:active {
	position: relative;
	top: 0;
}



/* @end */

/* @group navigation */

header {
	background: url(../images/nav-bkgd.png) repeat-x 15% 0;
	height: 62px;
	display: block;
}

header h1 {
	margin: 0 25px 30px;
	background: url(../images/logo.png) no-repeat;
	line-height: 99em;
	width: 159px;
	height: 31px;
	overflow: hidden;
	position: relative;
	top: 17px;
	left: 0;
}

.blog header h1 {
	margin: 0 25px 30px;
	background: url(../images/blog-logo.png) no-repeat;
	line-height: 99em;
	width: 250px;
	height: 31px;
	overflow: hidden;
	position: relative;
	left: 0;
}

header h1 a {
	display: block;
}

header menu {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 19px;
}

header menu li {
	list-style-type: none;
	margin: 0 5px;
	font-size: 11px;
	text-shadow: rgba(0,0,0,0.8) 0 1px 0;
	text-transform: lowercase;
	float: left;
}

header menu li a {
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	background-color: rgba(0,0,0,0.15);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-box-shadow: rgba(255,255,255,0.10) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.10) 0 1px 1px;
	padding: 5px 15px;
	border: 1px solid rgba(0,0,0,0.1);
}



.blog .blog a {
	background-color: black;
}



/* @end */

/* @group home */

.welcome {
	background: url(../images/intro-bkgd.png) no-repeat;
	width: 469px;
	height: 632px;
	float: left;
	left: -1px;
	position: relative;
	top: -6px;	
}



/* @end */

/* @group header */

#main {
}

#main .post {
	margin: 20px 25px;
	text-shadow: rgba(0,0,0,0.85) 0 -1px 0;
}

#main .post h4 {
	margin: 0;
	text-transform: uppercase;
	color: #afb0b0;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
}

#main .post h3 {
	margin: 3px 0 5px;
}

#main .post h3 a {
	color: white;
	text-decoration: none;
	
}

#main .post p {
	margin: 0;
	color: #a3a5a5;
	font: italic 14px/1.5em Georgia, "Times New Roman", Times, serif;
}

#main .post p img {
	float: right;
}

#main .post a {

}

#main .post .image {
	float: right;
	margin-left: 12px;
	margin-top: 3px;
}



/* @end */

/* @group intro */

.intro {
	height: 400px;
	padding-top: 28px;
	background: url(../images/intro-divider.png) no-repeat 3px bottom;
}

.intro h2 {
	color: white;
	text-shadow: #000 0 -1px 0;
	font-size: 44px;
	margin: 15px 25px 0;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 10px;
}

.intro h2 strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

.intro p {
	margin: 20px 25px;
	color: #afb0b0;
	text-shadow: black 0 -1px 0;
	font: 18px/1.6em Georgia, "Times New Roman", Times, serif;
	padding-right: 15px;
}

.intro p small {
	font-style: italic;
}

/* @end */

/* @group points */

.points {
	float: left;
	width: 478px;
	position: relative;
}

.points .iphone {
	background: url(../images/devices.png) no-repeat;
	width: 450px;
	height: 667px;
	position: absolute;
	z-index: 1000;
	left: 30px;
	top: 35px;
}

.points .carousel {
	float: left;
	position: relative;
	top: 137px;
	left: 54px;
}

.points .window {
	width: 245px;
	height: 365px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.points .slides {
	position: absolute;
	top: 0; left: 0;
	width: 245px;
	height: 365px;
}

.points .carousel img {
	width: 245px;
	height: 365px;
	float: left;
}

.points .slide {
	width: 245px;
	height: 365px;
	float: left;
	text-align: center;
}

.points .slide h2 {
	line-height: 1.5em;
}

.points .paging {
	position: absolute;
	z-index: 1100;
	bottom: 5px;
	left: 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 245px;
	text-align: center;
}

.points .paging a {
	background: url(../images/paging.png) no-repeat 0 top;
	display: inline-block;
	width: 10px;
	height: 10px;
	line-height: 99em;
	overflow: hidden;
	padding-right: 2px;
	padding-left: 2px;
}

.points .paging a.active {
	background-position: 0 -14px;
}

.points dl {
	margin: 110px 0 0;
	padding: 0;
	text-shadow: white 0 1px 0;
}

.points dt {
	font-size: 20px;
	font-weight: bold;
	background: url(../images/icons-points.png) no-repeat 0 -5px;
	padding: 5px 0 10px 40px;
}

.points dt a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.points dt.mobile {
	
}

.points dt.context {
	background-position: 0 -93px;
}

.points dt.data {
	background-position: 0 -181px;
}

.points dt.standards {
	background-position: 0 -269px;
}

.points dt.optimize {
	background-position: 0 -358px;
}

.points dt.design {
	background-position: 0 -446px;
}

.points dt strong {
	color: #a1000c;
}

.points dd {
	margin: -8px 0 15px;
	padding: 0 0 0 40px;
	color: #909191;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5em;
}

.points dd a.more {
	color: #4b4c4c;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	background: url(../images/caret.png) no-repeat right 3px;
	padding-right: 10px;
}

.points dd a.more:hover {
	color: #a1000c;
}

/* @end */

/* @group promos */

#promos {
	text-align: center;
	text-shadow: white 0 1px 0;
	height: 510px;
	background: url(../images/bkgd-2.png) repeat-x 15% 0;
}

#promos h1 {
	border-width: 5px 5px 5px 5px;
	-webkit-border-image: url(../images/tape.png) 5 5 5 5;
	-moz-border-image: url(../images/tape.png) 5 5 5 5;
	display: inline-block;
	padding: 5px 35px;
	font: italic 24px Archer, Georgia, "Times New Roman", Times, serif;
	margin: 60px 0 0;
	text-shadow: rgba(255,254,255,0.5) 0 -1px 0;

}

#promos p.sub {
	text-transform: uppercase;
	color: #bcbebe;
	font-weight: bold;
	font-size: 12px;
}

#promos .sub {
	
}

#promos section {
	float: left;
	width: 300px;
	margin: 0 10px;
}

#promos section h2 {
	text-transform: uppercase;
	font-size: 20px;
	margin: 5px 0 0;
	background-repeat: no-repeat;
	height: 235px;
	background-position: center top;
	line-height: 440px;
}

#promos section h2 a {
	color: black;
	text-decoration: none;
	display: block;
}

#promos section p {
	color: #646464;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 10px 10px;
}

#promos .button {
	text-shadow: rgba(0,0,0,0.75) 0 -1px 0;
}

.placeholder {
	display: block;
	height: 210px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
}

.book h2 {
	background-image: url(../images/books.png);
}

.events h2 {
	background-image: url(../images/events.png);
}

.build h2 {
	background-image: url(../images/phones.png);
}



/* @end */

/* @group examples */

#examples {
	top: 10px;
	position: relative;
	background: url(../images/bkgd-3.png) repeat-x 15% 30px;
	margin-top: 50px;
}

.recent {
	background: url(../images/ipad.png) no-repeat 363px top;
	height: 494px;
	padding-right: 625px;
	padding-top: 0;
}

.recent h1 {
	color: white;
	text-shadow: black 0 -1px 0;
	background: url(../images/text-recent.png) no-repeat 0 bottom;
	width: 268px;
	height: 60px;
	font-style: normal;
	font-variant: normal;
	line-height: 99em;
	overflow: hidden;
	margin: 0 0 10px;
	padding-top: 75px;
	left: -15px;
	position: relative;
}

.recent p {
	color: #afafaf;
	font-size: 14px;
	text-shadow: black 0 -1px 0;
	line-height: 1.8em;
	margin: 0 0 15px;
}

.recent p.app-store a {
	background: url(../images/app-store.png) no-repeat;
	width: 146px;
	height: 52px;
	display: block;
	line-height: 99em;
	overflow: hidden;
}

.hidden {
	display: none;
}



/* @end */

/* @group clients */

.clients {
	background: url(../images/bkgd-4.png) repeat-x;
}

.clients ul.tabs {
	padding: 0;
	list-style-type: none;
	float: left;
	margin: 0 auto;
	display: table;
	top: -1px;
	position: relative;
}

.clients ul.tabs li {
	margin: 0 -1px 0 0;
	padding: 0;
	float: left;
}

.clients ul.tabs li a {
	text-decoration: none;
	text-shadow: white 0 1px 0;
	color: #373737;
	font-size: 11px;
	font-weight: bold;
	border-width: 5px 5px 5px 5px;
	-webkit-border-image: url(../images/tabs.png) 5 5 5 5;
	-moz-border-image: url(../images/tabs.png) 5 5 5 5;
	display: block;
	padding: 1px 8px;
	margin: 0;
}

.clients ul.tabs li.on a {
	-webkit-border-image: url(../images/tabs-on.png) 5 5 5 5;
	-moz-border-image: url(../images/tabs-on.png) 5 5 5 5;	
}

.clients .logo-wrap {
	clear: both;
	height: 99px;
	overflow: hidden;
}

.clients ul.logos {
	margin: 0 auto;
	padding: 22px 0 0;
	list-style-type: none;
	display: table;
	overflow: hidden;
}

.clients ul.logos li {
	background: url(../images/logo-bkgd.png) no-repeat;
	width: 100px;
	height: 59px;
	float: left;
	text-align: center;
	line-height: 3.5em;
	margin: 0 20px 20px 0;
}

.logos li span {
	width: 84px;
	height: 40px;
	overflow: hidden;
	line-height: 99em;
	display: block;
	margin: 9px 8px;
}

/* @group logos */

.adobe span {
	background: url(../images/logos/adobe.png) no-repeat;
}

.adp span {
	background: url(../images/logos/adp.png) no-repeat;
}

.alltel span {
	background: url(../images/logos/alltel.png) no-repeat;
}

.bestbuy span {
	background: url(../images/logos/bestbuy.png) no-repeat;
}

.bigthink span {
	background: url(../images/logos/bigthink.png) no-repeat;
}

.bodybuilding span {
	background: url(../images/logos/bodybuilding.png) no-repeat;
}

.bt span {
	background: url(../images/logos/bt.png) no-repeat;
}

.boeing span {
	background: url(../images/logos/boeing.png) no-repeat;
}

.delta span {
	background: url(../images/logos/delta.png) no-repeat;
}

.dotmobi span {
	background: url(../images/logos/dotmobi.png) no-repeat;
}

.eharmony span {
	background: url(../images/logos/eharmony.png) no-repeat;
}

.foxsports span {
	background: url(../images/logos/foxsports.png) no-repeat;
}

.googlevoice span {
	background: url(../images/logos/googlevoice.png) no-repeat;
}

.hackergroup span {
	background: url(../images/logos/hackergroup.png) no-repeat;
}

.hsbc span {
	background: url(../images/logos/hsbc.png) no-repeat;
}

.lonelyplanet span {
	background: url(../images/logos/lonelyplanet.png) no-repeat;
}

.mailchimp span {
	background: url(../images/logos/mailchimp.png) no-repeat;
}

.napster span {
	background: url(../images/logos/napster.png) no-repeat;
}

.newsdigital span {
	background: url(../images/logos/newsdigital.png) no-repeat;
}

.nordstrom span {
	background: url(../images/logos/nordstrom.png) no-repeat;
}

.nyt span {
	background: url(../images/logos/nyt.png) no-repeat;
}

.oprah span {
	background: url(../images/logos/oprah.png) no-repeat;
}

.paypal span {
	background: url(../images/logos/paypal.png) no-repeat;
}

.penguin span {
	background: url(../images/logos/penguin.png) no-repeat;
}

.pfizer span {
	background: url(../images/logos/pfizer.png) no-repeat;
}

.philly span {
	background: url(../images/logos/philly.png) no-repeat;
}

.rollingstone span {
	background: url(../images/logos/rollingstone.png) no-repeat;
}

.seattlechildrens span {
	background: url(../images/logos/seattlechildrens.png) no-repeat;
}

.smartypig span {
	background: url(../images/logos/smartypig.png) no-repeat;
}

.snooth span {
	background: url(../images/logos/snooth.png) no-repeat;
}

.telstra span {
	background: url(../images/logos/telstra.png) no-repeat;
}

.troweprice span {
	background: url(../images/logos/troweprice.png) no-repeat;
}

.virgin span {
	background: url(../images/logos/virgin.png) no-repeat;
}

.wip span {
	background: url(../images/logos/wip.png) no-repeat;
}

.zed span {
	background: url(../images/logos/zed.png) no-repeat;
}

/* @end */



/* @end */

/* @group services */

#services {
	clear: both;
	padding-bottom: 70px;
	padding-top: 60px;
	height: 200px;
}

#services .column {
	width: 220px;
	float: left;
	margin-right: 20px;
}

#services h1 {
	margin: 0;
}

#services h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
	padding-left: 32px;
}

#services h2 small {
	display: block;
	font-size: 12px;
	color: #919191;
	margin-bottom: 7px;
}

#services h2 a {
	text-decoration: none;
	color: black;
}

#services h2 a small {
	color: #919191;
}

#services ul {
	padding: 0;
	margin: 0 0 0 32px;
}

#services li {
	font-size: 12px;
	list-style-type: square;
	margin: 0 0 7px;
}

#services li a {
	color: black;
	text-decoration: none;
}

#services li a:hover {
	color: #797979;
}

#services p {
	color: #898989;
	font: italic 14px/1.5em Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	margin: 3px 0 0;
}

#services .title {
	background: url(../images/icons/gear.png) no-repeat 0 2px;
}

#services .plan {
	background: url(../images/icons/clock.png) no-repeat 0 2px;
}

#services .design {
	background: url(../images/icons/palette.png) no-repeat 1px 4px;
}

#services .build {
	background: url(../images/icons/iphone.png) no-repeat 6px 4px;
}



/* @end */

/* @group blog */

#blog {
	clear: both;
	margin-bottom: 50px;
	padding-top: 30px;
	background: url(../images/bkgd-full.png) repeat-x 15% -1250px;

}

#blog embed, #blog object, #blog br {
	display: none;
}

body.blog {
	background: url(../images/bkgd-1.png) repeat-x 15% 62px;
	min-height: 600px;
	display: block;
	position: relative;
}

.blog h4.date {
	margin: 25px 0 10px 100px;
	text-shadow: white 0 1px 0;
	font-size: 14px;
	color: #797979;
	text-transform: uppercase;
}

.blog .post {
}

.blog .post .content {
	width: 550px;
	border-width: 18px 18px 18px 18px;
	-webkit-border-image: url(../images/post.png) 18 18 18 18;
	-moz-border-image: url(../images/post.png) 18 18 18 18;	
	display: block;
	margin: 0 20px 0 95px;
}

.blog article {
	margin-bottom: 50px;
	display: block;
}

.blog.permalink .post {
	min-height: 700px;
	background-color: white;
}

body.blog.permalink {
}

.blog.permalink .post .content {
	min-height: 500px;
}

.blog .icon {
	position: absolute;
	top: 10px;
	left: 25px;
	background: url(../images/icon-caret.png) no-repeat right center;
	width: 72px;
	height: 54px;
}

.blog .icon img {
	background-color: white;
	border: 1px solid #efefef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 3px;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #d5d5d5;
	border-top-color: #d5d5d5;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
}

.blog h2 {
	font-size: 2em;
	letter-spacing: -1px;
	text-shadow: white 0 1px 0;
	margin: 0 50px 0 0;
}

.blog h2 a {
	color: black;
	text-decoration: none;
}

.blog h2 a:hover, .blog h3 a:hover {
	color: #a80e03;
}

.blog h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	margin: 5px 50px 0 0;
	text-shadow: white 0 1px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #7f8080;

}

.blog h3 a {
	text-decoration: none;
	color: #7f8080;
}

.blog h4.date {
	
}

.blog section p {
	line-height: 1.5em;
	font-size: 1em;
}

.blog section blockquote {
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	background: url(../images/quote.png) no-repeat;
	padding-left: 45px;
	padding-right: 20px;
}

.blog section blockquote p {
	margin: 0 5px 15px 0;
}

.blog section p a {
	color: #a80e03;
	font-weight: bold;
	text-decoration: none;
}

.blog hr {
	border-bottom: 1px solid white;
	border-top: 1px solid #efefef;
	margin-top: 35px;
	margin-bottom: 35px;
}

.blog .byline {
	margin-left: 100px;
	font-size: 12px;
	color: #909191;
	text-shadow: white 0 1px 0;
}

.blog .byline a {
	text-decoration: none;
	color: black;
}

.blog .break {
	margin-right: 5px;
	margin-left: 5px;
}

.blog a.tag {
	color: #375b86;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	background-color: #b7d0ef;
	border: 1px solid #6199dc;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	font-size: 11px;
	text-shadow: none;
}

.blog li {
	line-height: 1.5em;
	margin-bottom: 5px;
}

.blog aside {
	position: absolute;
	top: 35px;
	right: 0;
	width: 250px;
	z-index: 100;
	display: block;
}

.blog aside a {
	text-decoration: none;
	color: #333;
}

.blog aside a:hover {
	color: #a80e03;
}

.blog .imagewrap {
	text-align: center;
}

.blog .photo img {
	background-color: white;
	padding: 10px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	border: 1px solid #a2a7a7;
	border-top-color: #b9c0c0;
	border-right-color: #acb3b3;
	border-left-color: #acb3b3;
}

.blog aside p {
	font-size: 12px;
	color: #333;
	margin: 0 0 7px;
	line-height: 1.7em;
}

.blog aside h4 {
	text-transform: uppercase;
	color: #797979;
	text-shadow: white 0 1px 0;
	font-size: 12px;
	margin: 25px 0 3px;
}

.blog aside h4 a {
	color: #797979;
	text-decoration: none;
	font-weight: bold;
}

.blog aside h4 a:hover {
	color: #a80e03;
}

#twitter {
	position: relative;
}

#tweets {
	margin: 0;
	padding: 0;
	line-height: 1em;
	border-width: 15px 15px 32px 15px;
	-webkit-border-image: url(../images/tweets.png) 15 15 32 15;
	-moz-border-image: url(../images/tweets.png) 15 15 32 15;
}

.blog #tweets li {
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	padding: 5px 0;
	line-height: .8em;
	border-bottom: 1px solid white;
	border-top: 1px solid #efefef;
}

.blog #tweets li:first-child {
	border-top-style: none;
	padding-top: 0;
}

#tweets li:nth-child(3) {
	border-bottom-style: none;
	padding-bottom: 0;
}

.blog #tweets li a {
	color: black;
	text-decoration: none;
	font: italic 12px/1.5em Georgia, "Times New Roman", Times, serif !important;
	display: block;
	padding: 1px 5px;
}

.blog #tweets li a:hover {
	background-color: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.07);
	padding: 0 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tweets li:nth-child(4),#tweets li:nth-child(5) {
	display: none;
}

.blog #twitter p.username {
	position: absolute;
	bottom: -10px;
	right: 75px;
	font-size: 14px;
	letter-spacing: -1px;
}

.blog #twitter p.username a {
	font-weight: bold;
	color: #a80e03;
}

.blog #book {
	background: url(../images/book-sm.png) no-repeat -1px 20px;
}

.blog #book p {
	margin-left: 65px;
}

.blog #search {
	margin-top: 25px;
}

.blog #meta {
	margin-top: 50px;
}

#search .field {
	border-width: 2px 15px 2px 25px;
	-webkit-border-image: url(../images/search.png) 2 15 2 25;
	-moz-border-image: url(../images/search.png) 2 15 2 25;
	padding: 7px 5px;
	width: 180px;
}

#search .button {
	display: none;
}

.pagination p {
	text-align: center;
	margin-right: 250px;
	margin-bottom: 25px;
}

.pagination a {
	display: inline-block;
	border-width: 6px 20px 8px 6px;
	-webkit-border-image: url(../images/button.png) 6 20 8 6;
	-moz-border-image: url(../images/button.png) 6 20 8 6;
	color: white;
	text-decoration: none;
	font: bold 12px Helvetica, Arial, Geneva, sans-serif;
	padding: 5px 12px;
}

.pagination a.prev {
	border-width: 6px 6px 8px 20px;
	-webkit-border-image: url(../images/button-left.png) 6 6 8 20;
	-moz-border-image: url(../images/button-left.png) 6 6 8 20;
}

.pagination a:hover {
	position: relative;
	top: -1px;
}

.pagination a:active {
	position: relative;
	top: 0;
}

.blog aside p.button a {
	color: white;
}

.blog aside p.button a:hover {
	color: white;
}

.blog .quote blockquote {
	line-height: 1.5em;
}

.blog .quote .source {
	text-align: right;
	margin: 20px 20px 20px 60px;
	display: block;
	text-align: right;
}

.blog .quote .source a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.blog .text.content img {
	float: right;
	margin: 15px;
	background-color: white;
	padding: 10px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	border: 1px solid #a2a7a7;
	border-top-color: #b9c0c0;
	border-right-color: #acb3b3;
	border-left-color: #acb3b3;
}



/* @end */

/* @group carousel  */

.infiniteCarousel {
  width: 940px;
  position: relative;
	height: 200px;
}

.infiniteCarousel .wrapper {
  width: 940px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  position: absolute;
  top: 0;
  margin: 0;
}

.infiniteCarousel .wrapper ol {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ol li {
  display:block;
  float:left;
  height: 200px;
  width: 235px;
	overflow: hidden;
	margin: 0;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: red url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: -40px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: -40px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.blog li a.tumblr_link {
	margin-right: 20px;
}

.blog li .tumblr_description {
	margin-right: 20px;
}



/* @end */

/* @group footer */

footer {
	clear: both;
	background: url(../images/bkgd-2.png) repeat-x 15% 0;
	padding-top: 20px;
	padding-bottom: 10px;
	display: block;
}

footer .column {
	width: 300px;
	float: left;
	margin: 0 20px 20px 0;
}

footer p.legal {
	text-align: center;
	font-size: 11px;
	color: #a8a8a8;
	margin: 10px 0;
	clear: both;
}

footer ul {
	margin: 5px 0 15px;
	padding: 0;
	list-style-type: none;
}

footer li {
	
}

#twitter h2, #tumblr h2 {
	margin: 25px 0 0;
}

#twitter h2 a {
	background: url(../images/social-logos.png) no-repeat 0 1px;
	line-height: 99em;
	overflow: hidden;
	display: block;
	width: 150px;
	height: 30px;
}

#tumblr h2 a {
	background: url(../images/social-logos.png) no-repeat -150px 0;
	line-height: 99em;
	overflow: hidden;
	display: block;
	width: 150px;
	height: 30px;
}

#twitter h2 a:hover {
	background-position: 0 -29px;
}

#tumblr h2 a:hover {
	background-position: -150px -30px;
}

#twitter li {
	font: italic 18px/1.5em Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
}



/* @end */

a.next {
	color: white !important;
}