* {padding:0; margin:0;}
html {color:#ffffff; font-family:arial;}
em {font-style:normal;}
ul, ol {list-style: none;}

html {
	background:#B9B9C9 url('../img/bg-repeat.png') center top;
	font-family: 'Open Sans', sans-serif;
}

a {
	color:#3d589e;
}



/* Layout Mode Rendering... */

/* Mobile */
#container.mobile {
	margin:0 0 50px;
	width:100%;
	overflow:hidden;
}
.mobile h1 img {padding-top:10px; width:94%;}
.mobile h2 {font-size:36px;}
.mobile .quote {width:80%; margin:10% 5%;}
.mobile .profile p {width:80%; margin:0 10%;}
.mobile .profile {
	text-align:center;
}
.mobile .header p, 
.mobile .footer p {
    width:90%;
    margin:5%;
}
.mobile .frill {
	width:90%;
    margin:0 5%;
    background:url('../img/bar-top-mobile.png') center center no-repeat;	
}

.mobile .frill-bottom {
    background:url('../img/bar-bottom-mobile.png') center center no-repeat;	
}

.mobile .frill:before,
.mobile .frill:after {
	background:none;
}
.mobile .profile-img {
	width:90%;
}
.mobile .footer .promo {
	margin:20px 5% 0; 	
}
.mobile .header p.first-p,
.mobile .footer p.first-p {
	margin-top:0;	
}

.mobile .header p.last-p {
	margin-bottom:0;
}

/* Tablet 600px-999px 
@media screen and (max-width: 999px) {*/
    
    #container.tablet {
		margin:0 0 50px;
		width:100%;
		overflow:hidden;
	}
    .tablet h1 {padding-top:15px;}
    .tablet h1 img {width:90%; margin:0 auto;}
    .tablet .profile p {width:80%; margin:0 auto;  max-width:400px;}
    .tablet .profile {
    	text-align:center;
    }
    
/*}*/

/* Mobile Tablet */
.tablet .profile{
 	background:url('../img/center-dots-tablet.png') center 30px no-repeat;	
}
.mobile .profile {
 	background:url('../img/center-dots-mob.png') center 10px no-repeat;	
}
.tablet .profile-1,
.mobile .profile-1 {
	background:none;
}
.tablet .quote,
.mobile .quote {width:80%; padding-top:12.5%; margin:0 auto 20px; max-width:400px; display:block;}

.tablet .profile-1 .quote,
.mobile .profile-1 .quote {
	padding-top:20px;
}

.tablet .social-media-icons,
.mobile .social-media-icons {
    position: relative;
    text-align: center;
    top: -15px;
}


/* Desktop + 1000px */
/*@media screen and (min-width: 1000px) {*/
    
    #container.desktop {
		margin:0 auto 50px;
		width:1000px;
		overflow:hidden;
	}
	
    .desktop .content {
		background:url('../img/time-line.png') center 170px no-repeat;
	}
    
    /* std layout */
	.desktop .profile {position:relative;}

	.desktop .profile .quote {left:530px;top:145px;}
	.desktop .profile-3 .quote {top:265px;}
	.desktop .profile-5 .quote {top:295px;}
	.desktop .profile-7 .quote {top:295px;}

	.desktop .profile-alt .quote {left:-25px; top:200px;}
	.desktop .profile-6 .quote {left:-3px; top:245px;}
	.desktop .profile-8 .quote {left:15px; top:260px;}

	.desktop .profile .profile-img {
		margin-left: 68px;
	  padding-top: 2px;
	}

	.desktop .profile-3 .profile-img {margin-top:110px;}
	.desktop .profile-4.profile-alt .profile-img {margin-top:54px;}
	.desktop .profile-5 .profile-img {margin-top:132px;}
	.desktop .profile-6.profile-alt .profile-img {margin-top:90px;}
	.desktop .profile-7 .profile-img {margin-top:120px;}
	.desktop .profile-8.profile-alt .profile-img {margin-top:92px;}
	.desktop .profile-8 {margin-bottom:190px;}

	.desktop .profile p {
		width: 245px;
  		margin-left: 131px;
		text-align:right;
	}

	/* reverse */ 
	.desktop .profile-alt  .quote {
		float:left;
		margin-left:70px;	
		margin-right:0;
	}

	.desktop .profile-alt .profile-img {
	  margin-left: 568px;
	  margin-top: 81px;
	}

	.desktop .profile-alt p {
	  margin-left: 625px;
	  text-align:left;
	  width:260px;
	}

	.desktop .profile-6 .quote {
		margin-left:20px;
	}
	.desktop .profile-8 .quote {
		margin-left:0px;
	}

	.desktop .profile .quote,
	.desktop .profile p {position:absolute;   letter-spacing: .04em;}

	.desktop .twitter-info {margin:10px 205px;}

/*}*/



/***********/
/* General */
/***********/

h2 {font-size:42px; position:relative; top:10px;}
.profile p {color:#54637c; font-size:12px;}
p em {font-style:italic; font-weight:400;}

.header,
.footer {
	text-align:center;
}

.header p,
.footer p {
	margin: 10px 145px;
	font-size:14px;
	position:relative;
	z-index:1;
}

.footer .promo {
	padding:10px;
	margin:0px 150px;
	position:relative;
	top:-40px;
	border:1px dotted #fff;
	font-weight:800;
}

.footer .promo a,
.footer .promo em {
	font-style:italic;
}

.frill {
	position:relative;
	padding:35px 0;
	margin:0 130px;
	background:url('../img/bar.png') left center repeat-x;
}

.frill-top:before {
	content:'';
	width:100px;
	height:101px;
	position:absolute;
	top:-31px;
	left:-84px;
	background:url('../img/bar-top-left.png') 0 0 no-repeat;
}

.frill-top:after {
	content:'';
	width:100px;
	height:101px;
	position:absolute;
	top:-31px;
	right:-99px;
	background:url('../img/bar-top-right.png') 0 0 no-repeat;
}

.frill-bottom:before {
	content:'';
	width:100px;
	height:101px;
	position:absolute;
	top:0px;
	left:-84px;
	background:url('../img/bar-bottom-left.png') 0 0 no-repeat;
}

.frill-bottom:after {
	content:'';
	width:100px;
	height:101px;
	position:absolute;
	top:0px;
	right:-99px;
	background:url('../img/bar-bottom-right.png') 0 0 no-repeat;
}

.desktop .footer .frill-top,
.tablet .footer .frill-top {padding-bottom:0; background-position: left 25px;}
.footer .frill-top:before {top:-40px;}
.footer .frill-top:after {top:-40px;}

.footer .frill-bottom {position:relative; top:-25px;}


.desktop .social-media-icons {
	text-align:right;
	position:relative;
	right: 150px;
  	top: -15px;
}

.social-media-icons li {
	display:inline-block;
	width:32px;
	height:32px;
	background:url('../img/social-media-sprite.png');
}
.social-media-icons li.twitter {background-position:-35px 0;}
.social-media-icons li.google {background-position:-70px 0;}

.social-media-icons li a {
	width:32px;
	height:32px;
	display:block;
	text-indent:9999em;
}