* {
	margin: 0;
	padding: 0;
	border: 0;
	font: 13px/18px "Helvetica", Arial, sans-serif;
	text-decoration: none;
	color: #555555;
	outline: none;
	}
	
body { min-width: 980px; text-align: center; background: #F9F9F9; }
.hidden { display: none; visibility: hidden; line-height: 0; }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TYPOGRAPHY ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

h1 { font: 34px/37px "Helvetica", Arial, sans-serif; font-weight: bold; text-align: left; margin: 0 0 21px 0; color: #222222;  }
h2 { font: 21px/24px "Helvetica", Arial, sans-serif; font-weight: bold; text-align: left; margin: 0 0 13px 0; color: #222222; }
	h2 a { font: 21px/24px "Helvetica", Arial, sans-serif; font-weight: bold; text-align: left; margin: 0 0 13px 0; color: #222222; }
	h2 a:hover { color: #FF2E0F; }
	.h2 { display: block;  }
p { margin: 0 0 13px 0; text-align: left;}
p a { text-decoration: underline; }
a:hover { color: #FF2E0F; }
.textcomingsoon { color: #BBBBBB; }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| FORMAT ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.format { width: 960px; margin: 0 auto; }
.gradient { width: 100%; height: 450px; position: fixed; top: 0; left: 0; background: transparent url(_images/gradient.gif) repeat-x center top; z-index: -1; }
.lines { width: 100%; position: absolute; left: 0; background: transparent url(_images/lines.png) repeat-x center center; z-index: -1; }
	.lines#homepage { height: 315px; top: 150px; }
	.lines#casestudies { height: 250px; position: fixed; top: 0px; }
	.lines#services  { height: 175px; position: fixed; top: 0; }
	.lines#about  { height: 315px; position: fixed; top: 50px; }
	.lines#news  { height: 315px; position: fixed; top: 150px; }
	
	
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| MENU BAR ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.menu { width: 100%; height: 55px; position: fixed; bottom: 0; left: 0; background: #555555; }
	.logo { display: inline; float: left; width: 192px; height: 55px; background: #222222; }
		.logo h1 a { width: 192px; height: 55px; background: url(_images/logo.png) no-repeat center center; display: inline; float: left; text-indent: -9000px; line-height: 0; }
	.menuitems { width: 580px; height: 55px; display: inline; float: left; }
		.menuitems ul { width: 580px; height: 55px; display: block; list-style: none; text-align: left; }
		.menuitems ul li { width: 144px; height: 55px; margin: 0 0 0 1px; display: inline; float: left; }
		.menuitems ul li a { width: 124px; height: 25px; padding: 30px 10px 0 10px; background: #333333; display: inline; float: left; background: #333333; color: #FFFFFF; font-weight: lighter; }
		.menuitems ul li a:hover { background: #222222; }
		.menuitems ul li a#activepage { background: #000000; }
		
		
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| HOMEPAGE ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
		
.welcome { width: 100%; height: 31px; margin: 107px 0 10px 0; background: transparent url(_images/welcome-small.png) no-repeat 200px 0; display: block; }
.tagline { width: 459px; height: 240px; background: #FFFFFF url(_images/taglineBG.gif) no-repeat center center; border: 50px solid #FFFFFF; margin: 0 0 0 201px; display: block; }
	.tagline h2 { width: 308px; padding: 30px 0 0 20px; color: #FFFFFF; font-weight: normal; margin: 0; }
	.tagline h2 em { font: 21px/24px "Helvetica", Arial, sans-serif; font-weight: bold; color: #444444; text-align: left; width: 308px; margin: 0;}
	.tagline ul { width: 459px; height: 36px; position: absolute; margin: 204px 0 0 0; list-style: none; padding: 0; }
	.tagline li  { height: 36px; display: inline; float: left; margin: 0; padding: 0; }
	.tagline a { height: 36px; display: inline; float: left; margin: 0; padding: 0; text-indent: -9000px; background-position: center top; background-repeat: no-repeat; background-color: transparent; }
	.tagline a:hover { background-position: center bottom; }
		.tagline #portfolio { width: 155px; }
			.tagline #portfolio a { width: 155px; background-image: url(_images/homepage-portfolio.png); }
		.tagline #services { width: 145px; }
			.tagline #services a { width: 145px; background-image: url(_images/homepage-services.png); }
		.tagline #aboutus { width: 159px; }
			.tagline #aboutus a { width: 159px; background-image: url(_images/homepage-aboutus.png); }
			
.featuredproject { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: -1; }
	.featuredproject img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
	
.featuredprojectinfo { width: 488px; padding: 20px 0 0 36px; position: absolute; bottom: 110px; left: 0; background: transparent url(_images/homepage-featured.png) no-repeat left top; text-align: left; }
	.featuredprojectinfo h2 { text-transform: uppercase; margin: 0; }
	.featuredprojectinfo p { width: 370px; font-size: 10px; text-transform: uppercase; line-height: 12px; color: #FFFFFF; margin: 0; }
	.featuredprojectinfo h3 a { padding: 10px 15px; display: inline; float: right; clear: both; background: #111111; color: #FFFFFF; line-height: 13px; text-transform: uppercase; font-weight: normal; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
		.featuredprojectinfo h3 a:hover {  filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
		
.homepageservices { width: 100%; height: 35px; background: transparent; position: absolute; bottom: 70px; left: 0; }
	.homepageservices div { width: 100%; height: 35px; background: #111111; position: absolute; bottom: 0; left: 0; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; z-index: -1; }
	.homepageservices p { margin: 8px 0 0 36px; text-transform: uppercase; color: #777777; font-size: 10px; }
	

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| CASE STUDIES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.casestudiestitle { width: 296px; height: 50px; margin: 0 1px 0 0; position: fixed; left: 0; top: 0; background: transparent url(_images/casestudiestitle.png) no-repeat top left; }
	.casestudiestitle h2 a { width: 296px; height: 50px; display: inline; float: left; text-indent: -9000px; }
.casestudyspectitle { width: 460px; height: 35px; padding: 15px 0 0 15px; position: fixed; left: 297px; top: 0; background: transparent url(_images/casestudyspectitle.png) no-repeat left top; }
	.casestudyspectitle h2 { color: #FFFFFF; }
	
.casestudyspacer { width: 100%; height: 100px; display: inline; float: left; }
.casestudyselect { width: 180px; padding: 30px 0 0 10px; display: inline; float: left; }
	.casestudyselect img { padding: 0 0 10px 0; }
	.casestudyselect:hover h2 a { color: #FF2E0F; }
	.casestudyselect p em a { color: #FF2E0F; }
	.casestudyselect p a { text-decoration: none; }
	.casestudyselect p a:hover { color: #555555; }
	
.casestudyslideshow { width: 960px; height: 300px; display: block; padding: 0 0 25px 0; margin: 125px 0 0 0; }
.casestudycontent { width: 760px; margin: 0 0 0 200px; display: block; }
	.casestudycontent div { width: 180px; padding: 0 10px 100px 0; display: inline; float: left; }
		.casestudycontent div h2 em { font: 21px/24px "Helvetica", Arial, sans-serif; font-weight: normal; text-align: left; margin: 0 0 13px 0; color: #FF2E0F; }
		
.iphonecontent { width: 940px; padding: 0 10px; margin: 125px 0 0 0; display: block; }
	.iphonecontent .overview { width: 180px; margin: 50px 10px 0 0; display: inline; float: left; }
		.iphonecontent .overview h2 em { font: 21px/24px "Helvetica", Arial, sans-serif; font-weight: normal; text-align: left; margin: 0 0 13px 0; color: #FF2E0F; }
	.iphonecontent .description { width: 488px; margin: 50px 0 0 36px; display: inline; float: left; }
		.iphonecontent .description .screenshots { width: 370px; display: block; margin: 25px 0 0 118px; }
			.screenshots li { width: 72px; height: 72px; display: inline; float: left; margin: 0 2px 2px 0; }
				.screenshots li a { width: 72px; height: 72px; display: inline; float: left; text-indent: -9000px; background: #DDDDDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(border-radius.htc);
							background-position: center center; background-repeat: none; }

.iphonepreview { width: 205px; height: 334px; padding: 66px 0 0 21px; display: inline; float: left; text-align: left; }
	.iphonepreview#pacekeepr { background: transparent url(_images/clients/pacekeepr-iphone.png) no-repeat left top; }
	.iphonepreview#hurricanes { background: transparent url(_images/clients/hurricanes-iphone.png) no-repeat left top; }

	
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| SERVICES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
	
.servicestitle { width: 100%; height: 243px; position: fixed; top: 0; left: 0; background: transparent url(_images/servicesBG.gif) no-repeat center top; }
.servicescolumn { width: 272px; padding: 263px 0 100px 0; display: inline; float: left; margin: 0 72px 0 0; }
	.servicescolumn#analyticscolumn { margin: 0; }
	
.service { display: none; }
	
	
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ABOUT US ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
	
.aboutBG { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; text-align: center; }
	.aboutBG div { width: 370px; height: 100%; background: #FFFFFF url(_images/aboutusBG.gif) no-repeat center 50px; border-left: 5px solid #F9F9F9; border-right: 5px solid #F9F9F9; z-index: -1; margin: 0 auto; }
.abouttext { width: 262px; display: inline; }
	.abouttext#left { padding: 0 18px 100px 10px; float: left; }
	.abouttext#right { padding: 0 10px 100px 18px; float: right; }
.contactinfo { width: 262px; height: 135px; background: #FFFFFF; display: block; margin: 0 0 50px 0; }
	.contactinfo p { font-weight: bold; color: #222222; padding: 20px 0 0 20px; }
	.contactinfo a { font-weight: bold; color: #222222; }
.sociallinks { width: 242px; height: 60px; padding: 65px 10px 10px 10px; background: #555555; display: block; margin: 0 0 50px 0; }
	.sociallinks ul { width: 242px; height: 60px; display: block; list-style: none; }
	.sociallinks li { height: 60px; padding: 0 10px; display: inline; float: left; }
	.sociallinks a { height: 60px; display: inline; float: left; text-indent: -9000px; }
		.sociallinks li#facebook, .sociallinks li#facebook a { width: 25px; background: transparent url(_images/facebook.png) no-repeat center center; }
		.sociallinks li#twitter, .sociallinks li#twitter a { width: 20px; background: transparent url(_images/twitter.png) no-repeat center center; }
		
		
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ABOUT US ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.comingsoon { width: 154px; margin: 125px 0 0 344px; padding: 50px 0 0 118px; background: transparent url(_images/comingsoon.png) no-repeat center top; }