body{
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300; /*this decides which version of font-family you are using. e.g. fira sans: 300, 400, 500, 700*/
	color:#807672; 
	background-color:#fff; 
}
.img-center {margin:0 auto;}
.bold {font-weight:500;}


/* Navigation */
.navbar-default {background-color:#fff; border:0px;}
.navbar-default .container {padding:5px;}
/*ul.nav.navbar-right li a:hover {color:#f36523;}*/ /* links text color on hover */

/* Body Content */
.jumbotron {
	text-align:center;
	background-color:#fff;
	
	margin-bottom: 0px;
	padding-bottom: 0px;

}
.jumbotron.forFooter {
	text-align:center;
	background-color:#fff;
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px; /* don't remove padding left&right to 0px if the page has paragraphs and text like BTap or other pages. */
	padding-right: 0px;

}

.stripe {background-color:#e8e4de;}
.row-fluid {padding-top:2%;}
.col-md-12 {padding:0px; text-align:center;}
.tagline {padding-top:1%; padding-left:10%; padding-right:10%;}
.tagline h1 {font-size:190%; font-weight:300;}
.tagline p {font-size:110%;}
.tagline p a {color:#f36523;}
.tagline p a:hover {text-decoration:underline;}
.btn-primary {
	background-color:#fff; 
	border-color:#fff; 
	/*text-transform:uppercase;*/ 
	color:#cd3876; 
	border-radius:6px;
	font-size: 20px;
	padding: 10px 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background-color:#02b2ee; border-color:#02b2ee; color:#fff;}
/* #f36523 - orange color.  #cd3876 - purple pinkish. #e8e4de - whitish gray */
/* Gallery of Work 
body.work {padding-top: 50px;}
.thumbnail {position:relative;overflow:hidden; border:0px;}
.caption {position:absolute; top:0; right:0; background:rgba(66, 139, 202, 0.75); width:100%; height:100%; padding:2%; display: none; text-align:center; color:#fff !important; z-index:2;}*/
body.work .container .intro {padding-top:50px;}
body.work .row {text-align:left;}
.thumbnail {border:0px;}


 
.ease .thumbnail {
    position:relative;
    overflow:hidden;
}
 
.ease .caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

/* slippry slideshow */
/* pager (round dots under the slideshow)
.sy-pager li a {
		
}
*/

.sy-pager li.sy-active a {
	background-color: #F36523;	
}

/* sis_homepage */

.tagline h1{
	font-size: 48px;	
}

.tagline p{
	font-size: 20px;	
}
/*
.interactLogo{
	
    
   	height: 400px;
	background-image:url(../img/interactLogo634x400.png);
	background-repeat: no-repeat;
	margin-bottom: 100px;
	
}*/

#footerBanner {
	background-color: #cd3876;
	margin-top: 10%;
}

.subtagline{
	padding-top:1%; 
	padding-left:10%; 
	padding-right:10%;
	margin-top: 100px;
	margin-bottom: 100px;
}
.subtagline h2{
	font-size: 48px;
	font-weight: 300;
	color: #fff;
}
.subtagline p{
	font-size: 20px;
	color: #fff;
}
.subtagline p a{
	color:#f36523;
}
.subtagline p a:hover{
	text-decoration:underline;
}

#emailbutton {
	margin-top: 20px;	
}




.projectTitle {
	/*background-color: #ffe3e3; add background image later on. width: 1933*/	
	margin-bottom: 40px;	
}

.projectTitle h1 {
	text-align: center;
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:700; /*this decides which version of font-family you are using. e.g. fira sans: 300, 400, 500, 700*/
	color:#050000; 	
	font-size: 30px;
}/*change around text-align and padding for other paragraphs and buttons too, for this div*/

.projectTitle p {
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300;
	color:#050000; 	
	font-size: 18px;
}

#arrowVector {
	margin-top: 25px;
}


/* rescale image when resizing the window */
.rescaleImg {
	max-width: 100%;
	height: auto;
}

.mainContent {
	padding: 5px 0px; /* top-bottom right-left */
	
}

.mainContentText {
	padding: 0px 20%; /* change around padding value depending on the size of the window via javascript. */
	
		
}

.mainContentText h3 {
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:400;
	color:#050000; 	
	font-size: 24px;
}

.mainContentText p {
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300;
	color:#050000; 	
	font-size: 18px;
}

.mainContentText p a{
	color:#cd3876;
}
.mainContentText p a:hover{
	text-decoration:underline;
}

.mainContentText p .psNote {
	color: #807672;	
	font-size: 16px;
}

.mainContentText li {
	color: red;
}



.mainlinkSection{
	margin-bottom: 40px;	
}

.mainlinkSection button{
	background: none!important;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
	font-size: 18px;
	
	/*optional*/
	color: #807672; /*text color*/
	cursor: pointer;
}

/* removes blue outline that appears after the link is clicked*/
.mainlinkSection button:focus{
	outline: none;	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c8c8c8;
}




.mainRow2 {
	/*padding-left: 18%;
	padding-right: 18%;	*/
}


.row.thumbnailGallery {
	margin-top: 50px;
}

/* change around the position of the mainlogo.png to place it vertically centered */
a.navbar-brand img {
	margin-top: -5px;	
}

/* link text */
.navbar-default .navbar-nav > li > a {
	color: #000000;	
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #d32d2d;	
}

/* without some margin-top, the navbar covers up the title in a small view */
.jumbotron {
	margin-top: 20px;	
}

#tableDiv {
	margin-top: 50px;	
}

table {
	margin-left: auto;
	margin-right: auto;
}
table, th, td {
	
	text-align: center;
	border: 0px solid black;
	border-collapse: collapse;
}

th {
	padding: 0px 5px;
	
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:400;
	color:#050000; 	
	font-size: 18px;	
}

td {
	padding: 0px 5px;
	
	font-family:'Lato', sans-serif; /*'Lato', 'Fira Sans'*/
	font-weight:300;
	color:#050000; 	
	font-size: 16px;
	text-align: left;
}


.responsive-video {
	max-width: 100%;
	height: auto;	
}

video {
	margin-top: 50px;	
}

video p a{
	color:#cd3876;
}
video p a:hover{
	text-decoration:underline;
}

video p {
	color: #807672;	
	font-size: 16px;
}


.flashDiv {
	margin-top: 50px;	
}

.flashDiv p .flashP {
	color: #807672;	
	font-size: 16px;
}

.responsive-flash {
	width: 600px;
	height: 400px;	
}