@import url('reset.css');
@import url('http://fonts.googleapis.com/css?family=Michroma');
@import url('http://fonts.googleapis.com/css?family=Titillium+Web:300');
/*@import url('http://fonts.googleapis.com/css?family=Michroma|Rationale');*/


html, body {
	height:100%;
	margin:0;
}

body {
	margin:0;
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	text-shadow:1px 1px 0px #FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Michroma', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	margin-top:0;
	text-shadow:1px 1px 0px #FFF;
}

h1 {
	font-size:60px;
	margin:0 0 40px 0;
}

h2 {
	font-size:24px;
	margin:0 0 40px 0;
}

h3 {
	margin:0 0 0 0;
	font-size:20px;
	line-height:24px;
}

h4 {
	font-size:14px;
	line-height:18px;
	margin:0 0 40px 0;
}

a {
	text-decoration:none;
	color:#e9af00;
	font-size: medium;
}

p {
	line-height:24px;
	margin:0 0 20px 0;
	font-size: 90%;
	font-weight: normal;
}

/* MAIN HEADER */

#main-header {
	width:100%;
	min-height:200px;
	background:url(../images/bg-main-header.png) no-repeat center top;
	position:fixed;
	z-index:100;
}

#top .wrapper {
	padding-top:220px; /* ACTS AS A SPACER FOR HEADER */
}

/* --------------------------------------------------- */

/* NAVIGATION */

#main-header li#logo {
	width:220px;
	height:55px;
	background:url(../images/logo-mobile.png) no-repeat center bottom;
	background-size:100% 100%;
	margin-top:45px;
}

#main-header li#logo a {
	padding:0 !important;
	width:220px;
	height:55px;
}

#main-header {
	font-family: 'Michroma', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px 0px #FFF;
}

#main-header ul {
	list-style:none;
	padding:0;
	display:table;
	margin:auto;
}

#main-header li {
	float:left;
	margin:0 40px 0 0;
}

#main-header li:last-child {
	margin-right:0;
}

#main-header a {
	color:#000;
	display:block;
	padding:60px 0 0 0;
}

/* --------------------------------------------------- */

/* SLIDER */

#slider {
	min-height:350px;
	margin:0 auto 0 auto;
	position:relative;
	width:940px;
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide {
	width:940px;
	text-align:center;
}

#pager-wrap2 {
	width:auto;
	display:table;
	margin:auto;
}

#pager a {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 10px 0 0;
	text-indent:-99999px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#666;
	box-shadow:1px 1px 0px #FFF;
	/*border:1px solid #d8d8d8;*/
}

#pager a:first-child {
}

#pager a:last-child {
	margin-right:0;
}

#pager a.activeSlide {
	background:#999;
}

#top h1 {
	font-size:30px;
	line-height:32px;
	text-align:center;
	margin:0;
}

#top h2 {
	font-size:36px;
	text-align:center;
}

#top h3 {
	font-size:26px;
	text-align:center;
}

/* --------------------------------------------------- */

/* TOP */

#top {
	background:#5088db url(../images/bg-main2.jpg) no-repeat center bottom;
}

#top-arc {
	background:url(../images/bg-top-footer.png) no-repeat top center;
	width:100%;
	height:30px;
	padding-top:72px;
	overflow:hidden;
}

/* --------------------------------------------------- */

/* SECTION 1 (ABOUT) */

#section-1 {
	background:url(../images/bg-light.jpg);
	padding:0 0 80px 0;
}

.staff {
	float:left;
	
	width:100%;
	overflow:hidden;
}

.staff:nth-child(4n) {
	margin-right:0;
}

.staff:nth-child(4n):after {
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.staff .circle {
	border-radius:218px;
	-webkit-border-radius:218px;
	-moz-border-radius:218px;
	margin:0 30px 40px 0;
	width:218px;
	height:218px;
	box-shadow:1px 1px 0px #FFF;
	border:1px solid #d8d8d8;
	display:block;
	overflow:hidden;
	background-clip:border-box;
	float:left;

}

.staff .circle img {
	/*width:218px;
	height:218px;
	border:1px solid #666;
	border-radius:218px;
	-webkit-border-radius:218px;
	-moz-border-radius:218px;*/
}

.staff h4 {
	margin:0 0 40px 0;
}

.staff p:last-child {
	margin:0 0 30px 0;
}

/* --------------------------------------------------- */

/* SECTION 2 (SERVICES) */

#section-2 {
	background:url(../images/bg-dark.jpg);
}

.service {
	width:460px;
	float:left;
	margin:0 20px 60px 0;
}

.service:nth-child(2n) {
	margin-right:0;
}

.service:nth-child(2n):after {
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.service h3 {
	margin:0 0 40px 120px;
}

.service .circle {
	width:100px;
	height:100px;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	float:left;
	display:block;
	margin:0 20px 20px 0;
	overflow:hidden;
}

.service .circle img {
	width:100px;
	height:100px;
	/*border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;*/
}

/* --------------------------------------------------- */

/* SECTION 3 (NEWS) */

#section-3 {
	background:url(../images/bg-light.jpg);
	padding:40px 0 60px 0;
}

.news.left {
	width:340px;
	overflow:hidden;
	margin:0 140px 0 0;
}

.news.right {
	width:460px;
	overflow:hidden;
}

.featured .circle {
	width:338px;
	height:338px;
	border-radius:338px;
	-moz-border-radius:338px;
	-webkit-border-radius:338px;
	margin:0 0 40px 0;
	box-shadow:1px 1px 0px #FFF;
	border:1px solid #d8d8d8;
	display:block;
	overflow:hidden;
	background-clip:border-box;
}

.story {
	float:left;
	width:220px;
	margin:0 20px 30px 0;
}

.story:nth-child(2n) {
	margin-right:0;
}

.story:nth-child(2n):after {
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.story .circle {
	width:218px;
	height:218px;
	border-radius:218px;
	-moz-border-radius:218px;
	-webkit-border-radius:218px;
	margin:0 0 40px 0;
	box-shadow:1px 1px 0px #FFF;
	border:1px solid #d8d8d8;
	display:block;
	overflow:hidden;
	background-clip:border-box;
}

/* --------------------------------------------------- */

/* SECTION 4 (CONTACT) */

#section-4 {
	background:url(../images/bg-dark.jpg);
}

.contact.left {
	width:460px;
	margin:0 80px 0 0;
	overflow:hidden;
}

.google-map {
	width:400px;
	height:400px;
	border-radius:400px;
	-moz-border-radius:400px;
	-webkit-border-radius:400px;
	overflow:hidden;
}

.contact-info {
	margin:0 0 40px 0;
}

.contact-info li {
	height:32px;
	margin:0 0 10px 0;
}

.contact-info li.icon-email {
	margin:0 0 40px 0;
}

.icon-phone .icon {
	background:#FFF url(../images/icon-phone.png) no-repeat center;
	background-size:100% 100%;
}

.icon-address .icon {
	background:#FFF url(../images/icon-address.png) no-repeat center;
	background-size:100% 100%;
}

.icon-email .icon {
	background:#FFF url(../images/icon-email.png) no-repeat center;
	background-size:100% 100%;
}

.icon {
	width:32px;
	height:32px;
	background-color:#FFF;
	border-radius:32px;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	margin:0 8px 0 0;
	display:inline-block;
	vertical-align:middle;
}

/* --------------------------------------------------- */

/* GOOGLE+ */

#google-plus {
	width:420px;
	height:60px;
	overflow:hidden;
	background:#FFF url(../images/bg-googleplus.png) 20px center no-repeat;
	background-size:80px 80px;
	padding:20px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	color:#000;
	font-size:13px;
	clear:both;
}

#google-plus ul {
	margin:0px !important;
}

.google-plus-activity {
	float:right;
	width:300px;
	height:60px;
	overflow:hidden;
	word-wrap:break-word;
}

.google-plus-activity .add, .google-plus-activity .name {
	display:none;
}

.gpaw-profile {
	width:48px;
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
}

.gpaw-body {
	float:right;
	width:234px;
	height:60px !important;
	overflow:hidden;
}

.google-plus-activity img {
	border-radius:48px;
	-moz-border-radius:48px;
	-webkit-border-radius:48px;
}

.google-plus-activity ul {
	list-style:none !important;
	padding:0 !important;
}

.google-plus-activity .title {
	display:block;
}

.google-plus-activity .meta {
	display:block;
}

/* --------------------------------------------------- */

/* TWITTER */

#twitter {
	width:420px;
	height:60px;
	overflow:hidden;
	background:#FFF url(../images/bg-twitter.png) 20px center no-repeat;
	background-size:80px 80px;
	padding:20px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	color:#000;
	font-size:13px;
	clear:both;
}

#twitter a {
}

.tweet {
	float:right;
	width:300px;
	height:60px;
	overflow:hidden;
}

.tweet_list {
	overflow-y:hidden;
}

.tweet_list li {
	overflow-y:auto;
	overflow-x:hidden;
}

.tweet_list .tweet_avatar { 
	float:left;
	padding:0 10px 10px 0;
}

.tweet_list .tweet_avatar img {
	vertical-align:middle;
	border-radius:48px;
	-moz-border-radius:48px;
	-webkit-border-radius:48px;
}

/* --------------------------------------------------- */

/* FOOTER */

#main-footer {
	width:100%;
	height:50px;
	background:url(../images/bg-main-footer.png) no-repeat top center;
	padding-top:90px;
}

#main-footer ul {
	list-style:none;
	padding:0;
	display:table;
	margin:auto;
}

#logo-footer {
	background:url(../images/logo.png) no-repeat center bottom;
	background-size:100% 100%;
	width:75px;
	height:28px;
}

#logo-footer a {
	display:block;
	width:150px;
	height:28px;
	overflow:hidden;
}

/* --------------------------------------------------- */

/* SOCIAL NETWORKING ICONS */

.aim {
	background:url(../images/social/aim.png) no-repeat center;
}

.behance {
	background:url(../images/social/behance.png) no-repeat center;
}

.dribbble {
	background:url(../images/social/dribbble.png) no-repeat center;
}

.facebook {
	background:url(../images/social/facebook.png) no-repeat center;
}

.flickr {
	background:url(../images/social/flickr.png) no-repeat center;
}

.github {
	background:url(../images/social/github.png) no-repeat center;
}

.google {
	background:url(../images/social/google.png) no-repeat center;
}

.linkedin {
	background:url(../images/social/linkedin.png) no-repeat center;
}

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

.rss {
	background:url(../images/social/rss.png) no-repeat center;
}

.skype {
	background:url(../images/social/skype.png) no-repeat center;
}

.tumblr {
	background:url(../images/social/tumblr.png) no-repeat center;
}

.twitter {
	background:url(../images/social/twitter.png) no-repeat center;
}

.vimeo {
	background:url(../images/social/vimeo.png) no-repeat center;
}

.wordpress {
	background:url(../images/social/wordpress.png) no-repeat center;
}

.yahoo {
	background:url(../images/social/yahoo.png) no-repeat center;
}

.youtube {
	background:url(../images/social/youtube.png) no-repeat center;
}

.social {
	height:32px;
	width:32px;
	display:inline-block;
	background-color:#e9af00;
	margin:0 8px 8px 0;
	border-radius:32px;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	background-size:100% 100%;
}

/* --------------------------------------------------- */

/* GENERAL */

/* --------------------------------------------------- */

.wrapper {
	width:940px;
	margin:auto;
	overflow:hidden;
}

.end {
	margin-right:0;
}

.left, .right {
	float:left;
}

.white {
	color:#FFF;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white {
	text-shadow:none;
}

.white a {
	color:#e9af00;
}

.intro {
	text-align:center;
	margin:0 0 100px 0;
}

.intro h1 {
	margin-bottom:50px;
}

.top-arc {
	background:url(../images/bg-top-arc.png) no-repeat center top;
	width:100%;
	height:39px;
}

.bottom-arc {
	background:url(../images/bg-bottom-arc.png) no-repeat center top;
	width:100%;
	height:39px;
	margin-bottom:60px;
}

.more-link {
	text-align:right;
}

.more-link a {
	display:inline-block;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:rgba(0,0,0,.25);
	border:1px solid #a8a8a8;
	box-shadow:1px 1px 0px #FFF;
	text-shadow:1px 1px 0px #ccc;
	color:#000;
}

.mobile-only {
	display:none !important;
}

.desktop-only {
	display:block !important;
}

.cushycms {
}

/* MOBILE */

/* RESPONSIZE... SMALL DESKTOPS, TABLETS, ODD SIZED DEVICES */
@media all and (max-width:910px) {
	.wrapper {
		width:80%;
		margin:0 10% 0 10%;
	}
	
	#top {
		background-position:center 110px;
	}
	
	#main-header {
		font-size:11px;
	}
	
	#main-header li {
		margin-right:10px;
	}
	
	#main-header a {
		padding:0 0 10px 0;
	}
	
	#logo-mobile {
		background:url(../images/logo.png) no-repeat center top;
		background-size:100% 100%;
		width:145px;
		height:54px;
		clear:both;
		margin:10px auto 10px auto;
	}
	
	#logo {
		display:none;
	}
	
	h1 {
		font-size:40px;
	}
	
	#top .wrapper {
		width:90%;
		margin:0 5% 0 5%;
	}
	
	#slider {
		width:100% !important;
		height:100px;
		position:relative;
		top:-40px;
	}
	
	#top h1 {
		font-size:14px;
		line-height:14px;
	}
	
	#top h2, #top h3 {
		font-size:14px;
		line-height:14px;
	}
	
	#top #slider div {
		width:100% !important;
	}
	
	.staff {
		float:none;
		width:100%;
		margin:0 0 20px 0;
		text-align:center;
	}
	
	.staff .circle {
		margin:0 auto 40px auto;
	}
	
	.staff .social {
		margin:0 5px 8px 5px;
	}
	
	.social {
	}
	
	.service {
		float:none;
		width:100%;
		margin:0 0 50px 0;
		overflow:auto;
	}
	
	.service h3 {
		margin:0 0 40px 0;
		text-align:center;
	}
	
	#section-2 footer {
		margin-top:80px;
	}
	
	.news.left {
		float:none;
		margin:0;
		width:100%;
	}
	
	.news.right {
		float:none;
		margin:0;
		width:100%;
	}
	
	.featured .circle, .story .circle {
		width:220px;
		height:220px;
		border-radius:220px;
		-moz-border-radius:220px;
		-webkit-border-radius:220px;
		margin:0 auto 40px auto;
	}
	
	.featured {
		margin:0 0 20px 0;
	}
	
	.featured .circle img {
		width:220px;
		height:220px;
	}
	
	.story {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	
	.contact.left {
		float:none;
		margin:0 0 40px 0;
		width:100%;
	}
	
	#google-plus {
		width:100%;
		height:auto;
		padding:100px 20px 20px 20px;
		background:#FFF url(../images/bg-googleplus.png) center 10px no-repeat;
		background-size:80px 80px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:0 0 40px 0;
	}
	
	#twitter {
		width:100%;
		height:auto;
		padding:100px 20px 20px 20px;
		background:#FFF url(../images/bg-twitter.png) center 10px no-repeat;
		background-size:80px 80px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:0 0 40px 0;
	}
	
	.google-plus-activity {
		float:none;
		width:100%;
		height:auto;
		margin:0;
	}
	
	.gpaw-profile {
		float:left;
		margin:0;
	}
	
	.gpaw-body {
		float:right;
		width:75%;
		margin-left:10%;
	}
	
	.tweet {
		float:none;
		width:100%;
		height:auto;
		margin:0;
	}
	
	.tweet_text a {
		text-align:center;
		clear:both;
	}
	
	.contact.left {
		text-align:center;
	}
	
	.contact.right {
		float:none;
		margin:0;
		width:100%;
	}
	
	.google-map {
		width:220px;
		height:220px;
		border-radius:220px;
		-moz-border-radius:220px;
		-webkit-border-radius:220px;
		overflow:hidden;
		margin:0 auto 0 auto;
	}
	
	.google-map iframe {
		width:220px !important;
		height:220px !important;
		border-radius:220px !important;
		-moz-border-radius:220px !important;
		-webkit-border-radius:220px !important;
	}
	
	.desktop-only {
		display:none;
	}
	
	.mobile-only {
		display:block !important;
	}
}

@media all and (orientation:landscape) and (max-width:910px) {
	#top {
		background-size:910px 303px;
	}
}

@media all and (orientation:portrait) and (max-width:500px) {
	#top {
		background-size:910px 303px;
	}
}

/* LOW RES/OLDER MOBILE DEIVCES... IPHONE 3GS, NEXUS ONE, ETC */
@media screen and (max-device-width:320px) {
	h1 {
		font-size:36px;
	}
}

@media screen and (orientation:portrait) and (max-device-width:320px) {
	#top h1 {
		margin-bottom:20px;
	}
}
visionaries {
	font-size: 75%;
}
q {
	font-weight: normal;
}
#section-1 .wrapper .intro .cushycms {
	font-weight: normal;
}
.ital {
	font-style: italic;
}