/* 
BLACK 
======================================== */

.input-button, .input-button:hover, .input-button:visited{
	color: #000;
}


/* 
MAIN COLOR 
======================================== */


.main-color, #content-wrapper, #nav-tabs a.current, #nav-tabs a.current:hover{
	background-color: #143332;
}

#header, #header a, #footer a:hover{
	color: #143332;
}


/* 
MAIN COLOR - faded
======================================== */


body{
	background-color: #899998;
}

#subtitle{
	color: #899998;
}


/* 
WHITE
======================================== */

#header-wrapper{
	background-color: #fff;
}

#nav-tabs a{
	border-color: #fff;
}

.white, #nav-tabs a, #footer a, h1, h2, h3, h4, h5, h6, #services ul li:hover, a:hover, .stress, #errors, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{
	color: #fff;
}
#portrait-container{
	border-color: #fff;
}


/* 
WHITE - faded into MAIN COLOR 25%
======================================== */

#content,  #services ul li span, #footer, .portfolio-item a{
	color: #c4cccc;
}

.input-button{
	background-color: #c4cccc;
}

/* 
WHITE - faded into MAIN COLOR 50%
========================================

{
	background-color: #8a9999;
}
 */
 
 

/* 
WHITE - faded into MAIN COLOR 75%
======================================== */

.input-button:active, #errors{
	background-color: #4f6665;
}

#content h2{
	border-color: #4f6665;
}

/* 
COLOR SURPRISE
======================================== */
.color-surprise, #subtitle .awesompersand, #services ul li, #shNavBar a, #header a:hover, a, .portfolio-item a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover{
	/* color: #ff4f00;  OLD */
	color: #E38634;
}

#nav-tabs a:hover{
	background-color: #ff4f00;
}

/* {
	border-color: #ff4f00;
} */