html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ccc;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
	line-height: 13pt;
	background: #191819;
}

.clearing {
	clear: both;
}

a {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
	text-decoration: none;
	color: #29ABE2;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #307ec3;
	outline: none;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

ul {
	margin: 5px 0 0;
}

li {
	margin-bottom: 3px;
}

h2 {
	color: #222;
	font-size: 24pt;
	font-weight: bold;
	margin: 0 0 5px;
}

h2.entry-title {
	font-size: 20pt;
	line-height: 18pt;
}

h3 {
	color: #ccc;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 5px;
}

h4 {
	font-size: 9pt;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #d1d1d0;
}

.sideBarHeader {
	font-size: 16pt;
	font-weight: bold;
	color: white;
	text-shadow: 0 -1px 0 #aaa;
	margin: 10px 0 0;
	padding: 9px 10px 8px;
	background: #d4d4d4;
}

.hr {
	width: 100%;
	height: 1px;
	background: #ccc;
	border-bottom: 1px solid white;
	margin: 10px 0 15px;
}

p {
	margin: 0 0 10px;
}

blockquote {
	margin: 0;
}

#header {
	height: 28px;
	width: 1000px;
	margin-left: 10px;
	padding-top: 20px;
}

#displayCaseWrapper {
	width: auto;
	min-width: 1040px;
	height: 600px;
	background: black url(../images/headerBG.png) no-repeat top center;
	overflow: hidden;
	position: relative;
}

#displayCase {
	width: 1020px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}

#mainWrapper {
	width: auto;
	min-width: 1040px;
	background: #d4d4d4 url(../images/mainBG.png) repeat-y top center;
	z-index: 100;
	min-height: 300px;
}

#main {
	width: 1000px;
	margin: 0 auto;
	min-height: 300px;
	padding: 40px 20px 50px;
	color: #222;
	display: block;
	text-align: left;
}

.logo {
	float: left;
	display: block;
	width: 244px;
	height: 28px;
}

.links {
	float: right;
	height: 28px;
	position: relative;
}

.links a {
	float: right;
	width: 104px;
	height: 24px;
	padding-top: 8px;
	margin-left: 10px;
	display: block;
	color: white;
	text-shadow: 0 -1px 0 #222;
	font-size: 9pt;
	font-weight: bold;
	background: transparent url(../images/headerButtonBG.png) no-repeat;
}

.links a:hover,.links a.on {
	background: transparent url(../images/headerButtonBG_on.png) no-repeat;
}


#cardsOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 1400px;
	height: 500px;
	background: transparent url(../images/cardsOverlay.png) no-repeat;
}

#cardsControls {
	position: absolute;
	bottom: 0;
	width: 96px;
	height: 16px;
	left: 50%;
	margin-left: -48px;
}

#cardsControls a {
	display: block;
	height: 16px;
	width: 16px;
	float: left;
	background: transparent url(../images/pagerOff.png) no-repeat;
}

#cardsControls a.on {
	background: transparent url(../images/pagerOn.png) no-repeat;
}

.cardArrowLeft {
	display: block;
	height:36px;
	width: 31px;
	position: absolute;
	top: 195px;
	left: 280px;
	background: transparent url(../images/displayArrowLeft.png) no-repeat;
}

.cardArrowRight {
	display: block;
	height:36px;
	width: 31px;
	position: absolute;
	top: 195px;
	right: 280px;
	background: transparent url(../images/displayArrowRight.png) no-repeat;
}

#cardsContainer {
	height: 500px;
	width: 1400px;
	position: absolute;
	margin-left: -700px;
	left: 50%;
	top: 75px;
	overflow: hidden;
}

#cards {
	height: 500px;
	width: 9420px;
	overflow: hidden;
	position: absolute;
	left: -1262px; /* -1262 or -2047 or -2832 */
}

.cardHolder {
	width: 725px;
	margin: 0 30px;
	height: 500px;
	float: left;
	position: relative;
}

.card {
	background: transparent url(../images/cardBG.png) no-repeat;
	width: 694px;
	height: 418px;
	padding: 9px 15px 73px 16px;
	position: relative;
}


.indexHeader {
	width: 164px;
	height: 27px;
	margin-top: 15px;
	background: transparent url(../images/indexHeaders.png) no-repeat;
}

.headerConcept {
	background-position: 0 0;
}

.headerDesign {
	background-position: 0 -27px;
}

.headerDevelopment {
	background-position: 0 -54px;
}


#appImages {
	width: 900px;
	height: 420px;
	margin: 20px auto 5px;
}

#appHolderContainer {
	width: 950px;
	height: 84px;
	padding: 3px 25px 0;
	margin: 0 auto;
	background: transparent url(../images/appHolder.png) no-repeat;
}

#appHolderContainer a {
	color:white;
	display:block;
	float:left;
	font-size:8pt;
	font-weight: bold;
	height: 13px;
	padding: 55px 5px 12px;
	text-align:center;
	width: 69px;
}

#appHolderContainer a.blank {
	cursor: default;
}

#portfolioSidebar {
	width: 250px;
	margin-right: 60px;
	float: left;
	font-size: 8pt;
}

#appDemoHolder {
	width: 223px;
	height: 387px;
	padding: 75px 0 0 27px;
	background: transparent url(../images/blankPhone.png) no-repeat;
}

#portfolioSidebar .review {
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ddd;
}

#portfolioSidebar .review .comment {
	width: 100%;
	margin-bottom: 5px;
}

#portfolioSidebar .review .credit {
	float: right;
	font-style: italic;
	font-size: 8pt;
	color: #777;
}


#portfolioMain {
	width: 650px;
	margin-top: 5px;
	float: left;
}

#appFeatures {
	width: 320px;
	margin: 30px 0;
	float: left;
}

#appRequirements {
	width: 320px;
	margin: 30px 0;
	float: right;
}

#appBlogList {
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

#appFeatures ul, #appRequirements ul, #appBlogList ul {
	list-style-image: url(../images/bullet.png);
}

#appBlogList ul li {
	margin-bottom: 10px;
}

#blogHolder {
	width: 1000px;
	padding: 20px 0;
}

#blogLeft {
	float: left;
	width: 220px;
}

#blogMain {
	width: 500px;
	margin: 0 30px;
	float: left;
}

#blogRight {
	width: 220px;
	float: left;
}

#blogRight .sideBarItem {
	background: #f7f7f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: -2px 2px 2px #d4d4d4;
	-webkit-box-shadow: -2px 2px 2px #d4d4d4;
	margin-bottom: 20px;
	padding: 5px 0 15px;
}

#blogLeft .sideBarItem {
	background: #f7f7f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #d4d4d4;
	-webkit-box-shadow: 2px 2px 2px #d4d4d4;
	margin-bottom: 20px;
	padding: 5px 0 15px;
}

a.blogPostListLink {
	display: block;
	padding: 7px 20px;
	border-top: 1px solid white;
	border-bottom: 1px solid #eee;
}

a.blogPostListLink:hover {
	background: #29ABE2;
	color: white;
}

.blogPost {
	width: 460px;
	padding: 20px;
	background: white;
	margin-bottom: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.blogPost p img[align="right"], .blogMainRight blockquote img[align="right"] {
	padding: 0 0 15px 15px;
}

.blogPost p img[align="left"], .blogMainRight blockquote img[align="left"] {
	padding: 0 15px 15px 0;
}

.blogPostTitle {
	color: #29ABE2;
	display: block;
	font-size: 22pt;
	line-height: 19pt;
}

.blogPostTags {
	margin-top: 15px;
	padding: 5px;
	width: 360px;
	float: left;
}

.blogPostTags a {
	display: block;
	float: left;
	padding: 2px 5px;
	margin: 0 4px 5px 0;
	background: #d4d4d4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: white;
	font-size: 8pt;
	font-weight: bold;
}

.blogPostTags a:hover {
	background: #29ABE2;
}

a.blogPostLikes {
	display: block;
	color: #d4d4d4;
	font-size: 8pt;
	font-weight: bold;
	padding: 0 25px 9px 0;
	margin-top: 22px;
	float: right;
	text-align: right;
	width: 65px;
	height: 9px;
	background: transparent url(/images/iconLike.png) no-repeat top right;
}

a.blogPostLikes:hover, a.blogPostLikesOn {
	display: block;
	color: #29ABE2;
	font-size: 8pt;
	font-weight: bold;
	padding: 0 25px 9px 0;
	margin-top: 22px;
	float: right;
	text-align: right;
	width: 65px;
	height: 9px;
	background: transparent url(/images/iconLikeOn.png) no-repeat top right;
}

.featureBubble {
	width: 333px;
	height: 237px;
	float: left;
}

.featureBanner {
	width: 1000px;
	height: 117px;
}


#bgCurtain {
	display: none;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	position: fixed;
	background: black;
	opacity: 0.8;
	z-index: 300;
}

#contactConfirm {
	display: none;
	position: fixed;
	width: 555px;
	height: 445px;
	padding: 115px 35px 27px 35px;
	top: 50%;
	left: 50%;
	margin: -312px 0 0 -294px;
	background: transparent url(/images/contactFormBG.png) no-repeat;
	z-index: 400;
}

#contactForm {
	display: none;
	position: absolute;
	width: 555px;
	height: 445px;
	padding: 115px 35px 27px 35px;
	top: 50%;
	left: 50%;
	margin: -312px 0 0 -294px;
	background: transparent url(/images/contactFormBG.png) no-repeat;
	z-index: 400;
}

#contactFormClose {
	display: block;
	width: 39px;
	height: 39px;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(/images/contactFormClose.png) no-repeat;
}

.contactFormLeft {
	width: 119px;
	float: left;
	color: white;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	margin-top: 9px;
}

.contactFormLeft p {
	height: 26px;
	margin-bottom: 10px;
}

.contactFormRight {
	width: 436px;
	float: right;
	text-align: left;
}

.contactFormRight input {
	font-size: 11pt;
	width: 190px;
	height: 19px;
	padding: 4px 8px;
	margin-bottom: 10px;
	border: 0;
	float: left;
	background: transparent url(/images/formInputBG.png) no-repeat;
}

.contactFooter {
	margin-top: 60px;
}

.contactFormSendButton {
	float: right;
	margin-left: 15px;
	display: block;
	width: 120px;
	height: 33px;
	outline: none;
}

#contactOutput {
	width: 300px;
	font-style: italic;
	padding-top: 10px;
	float: right;
	text-align: right;
}

.contactFormRight textarea {
	font-size: 9pt;
	font-family: Helvetica, sans-serif;
	line-height: 11pt;
	width: 420px;
	height: 89px;
	padding: 8px;
	margin-bottom: 10px;
	border: 0;
	background: transparent url(/images/formTextBG.png) no-repeat;
}

#wrapperHolder {
	margin: 15px auto 0;
	width: 1050px;
	min-height: 550px;
	padding-bottom: 220px;
}

#wrapper {
	text-align: left;
	position: relative;
}

#footer {
	text-align: left;
	width: 100%;
	background: transparent url(/images/footerBG.png) repeat-x;
	color: #666;
	font-size: 9pt;
	line-height: 11pt;
}

#footerInner {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.footerContactBox {
	float: left;
	width: 293px;
	text-align: right;
	margin: 20px 0;
	padding: 20px;
	background: transparent url(/images/footerBoxBG.png) no-repeat center right;
}

.footerSocialBox {
	float: left;
	width: 294px;
	margin: 20px 0;
	padding: 20px;
	text-align: left;
	background: transparent url(/images/footerBoxBG.png) no-repeat center right;
}

.footerPlatformsBox {
	float: left;
	width: 293px;
	margin: 20px 0;
	padding: 20px;
	text-align: left;
}

a.socialRSS {
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	background: transparent url(/images/socialIcons.png) no-repeat 0 0;
}

a.socialTwitter {
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	background: transparent url(/images/socialIcons.png) no-repeat -41px 0;
}

a.socialFacebook {
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	background: transparent url(/images/socialIcons.png) no-repeat -82px 0;
}

a.socialFlickr {
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	background: transparent url(/images/socialIcons.png) no-repeat -123px 0;
}

#featured {
	position: relative;
	width: 1050px;
	height: 550px;
}

#featuredContent {
	position: absolute;
	height: 550px;
	width: 5250px;
	top: 0;
	left: 0;
}

.featuredItem {
	width: 1050px;
	height: 550px;
	float: left;
}

.featuredItemInner {
	width: 1050px;
	height: 550px;
}

.featuredItemImage {
	width: 700px;
	height: 550px;
	float:left;
	margin-right: 25px;
}

.featuredItemInfo {
	width: 325px;
	margin-top:40px;
	float: left;
	font-weight: bold;
	color: #f1f1f1;
}

#featuredControls {
	width: 137px;
	height: 25px;
	background: transparent url(/images/featuredControlsBG.png) no-repeat;
	padding: 10px 0 10px 13px;
	position: absolute;
	left: 50%;
	margin-left: -76px;
	bottom: 10px;
}

#featuredControls a {
	display:block;
	float: left;
	width: 25px;
	height: 25px;
	background: transparent url(/images/featuredItem.png) no-repeat;
}

#featuredControls a.current {
	background: transparent url(/images/featuredItem_on.png) no-repeat;
}

#featuredTimer {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 430px;
	bottom: 23px;
	background: transparent url(/images/timer.png) no-repeat 0 0;
}

#featuredPlayPause {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 430px;
	bottom: 23px;
	background: transparent url(/images/playPauseButton.png) no-repeat 0 0;
}

#homeInfo {
	width: 800px;
	margin: 25px auto 0;
}

#homeInfo div div {
	padding: 0 10px;
}

#mapHolder {
	width: 700px;
	padding: 0 50px;
	height: 460px;
	margin: 0 auto;
	background: transparent url(/images/mapHolderBG.png) no-repeat bottom center;
}

.portfolioSidebar {
	width: 150px;
	height: 550px;
	float: left;
	margin-right: 25px;
	margin-top:25px;
	position: relative;
	z-index: 100;
}

.portfolioSidebar a {
	display: block;
	float: left;
	width: 60px;
	height: 10px;
	padding-top: 60px;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align:center;
	color: white;
	font-size: 9pt;
	opacity: 0.5;
}

.portfolioSidebar a:hover {
	opacity: 1.0;
}

.portfolioSidebar a.current {
	opacity: 1.0;
}

.portfolioSidebar a.irealty {
	background: transparent url(/images/apps/irealtyIcon.png) no-repeat top center;
}

.portfolioSidebar a.udr {
	background: transparent url(/images/apps/udrIcon.png) no-repeat top center;
}

.portfolioSidebar a.gosk8 {
	background: transparent url(/images/apps/gosk8Icon.png) no-repeat top center;
}

.portfolioSidebar a.fox {
	background: transparent url(/images/apps/foxIcon.png) no-repeat top center;
}


.portfolioSidebar a.threeeleven {
	background: transparent url(/images/apps/311Icon.png) no-repeat top center;
}

.portfolioSidebar a.twentyFourHour {
	background: transparent url(/images/apps/24HFIcon.png) no-repeat top center;
}

.portfolioMain {
	width: 875px;
	float: left;
	height: 550px;
	position: relative;
	z-index: 90;
}

.portfolioAppImagesHolder {
	width: 500px;
	height: 550px;
	float: left;
	margin-right: 25px;
	position: relative;
	z-index: 70;
}

.portfolioAppImages {
	width: 1500px;
	height: 550px;
	position: absolute;
	top: 0;
	left: -500px;
}

.portfolioAppImagesItem {
	width: 500px;
	height: 550px;
	float: left;
}

.portfolioAppImagesItemInner {
	width: 500px;
	height: 550px;
}

.portfolioAppDesc {
	width: 350px;
	height: 550px;
	float: left;
	position: relative;
	z-index: 90;
}

.portfolioAppControls {
	width: 250px;
	height: 38px;
	margin-left: 218px;
	position: relative;
	top: -70px;
	display: none;
}

.portfolioAppControlsSlider {
	width: 234px;
	height: 26px;
	padding: 0 3px;
	position: absolute;
	bottom: 0;
	left: -78px;
	background: transparent url(/images/portfolioAppControlsBG.png) no-repeat bottom center;
	z-index: 80;
}

.portfolioAppControlsSlider a {
	display: block;
	width: 78px;
	height: 19px;
	padding-top: 4px;
	margin: 2px 0 0;
	float: left;
	color: #ccc;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 100;
}

.portfolioAppControlsSliderOverlay {
	width: 84px;
	height: 38px;
	background: transparent url(/images/portfolioAppControlsSliderOverlay.png) no-repeat bottom center;
	position: absolute;
	left: 0px;
	z-index: 90;
}


.blogMainArea {
	width: 725px;
	padding-right: 45px;
	float: left;
	border-right: 1px solid #444;
}

.blogItem {
	padding: 15px 0;
	border-bottom: 1px dashed #333;
}

.blogMainLeft {
	width: 210px;
	float: left;
	text-align: right;
}

.blogMainRight {
	width: 500px;
	float: right;
	color: #eee;
}

.blogMainRight p img[align="right"], .blogMainRight blockquote img[align="right"] {
	padding: 0 0 15px 15px;
}

.blogMainRight p img[align="left"], .blogMainRight blockquote img[align="left"] {
	padding: 0 15px 15px 0;
}

.blogSidebar {
	width: 250px;
	float: right;
}