/* Template: Syntac | Author: eriktailor | Version: 1.0 */
/*--------------------------------------------------------------------- */

	/* BASE ----------------------------------*/
	#styleswitcher {position: fixed; top: 30%; left: -111px; z-index: 9999;}
	
	#styleswitcher-panel {width: 80px; padding: 15px; background: rgba(0, 0, 0, 0.7); position: relative; float: left;}
	
	#styleswitcher-panel span {color: #FFF; font-weight: 400; font-size: 16px; margin-left: 3px;}
	
	#styleswitcher-tab {width: 40px; height: 50px; background: rgba(0, 0, 0, 0.7); position: relative; float: left;}	
	
	#styleswitcher-tab a {text-decoration: none; line-height: 50px; text-align: center; width: 40px; display: block; height: 40px; color: #FFF; font-size: 25px; font-weight: 300;}
	
	#colors {display: table; height: auto; width: 100%; margin: 10px 0px;}

	#colors li {display: block; width: 28px; height: 28px; float: left; margin: 3px;}
	
	#colors li a {display: table; width: 28px; height: 28px;}

	.color-01 {background-color: #E33421;}
	.color-02 {background-color: #37A58C;}

	/* RED ----------------------------------*/	
	.page-title span {color: #f55e25;}
	.name-area h1 {background: #E33421;}
	.menu .active {background: #E33421;}
	.menu .active .bullet {background-image: url("../img/bullets/menu_bullet_red.png");}
	.menu .active i {color: #F0F0F0; border-top: 2px solid #e7c2bd;}
	.menu span{font-size:14px; font-weight:600;}
	.button-bar {background-color: #E33421;}
	.button:hover {background: #F0F0F0; color: #E33421;}
	.social-networks a:hover i {color: #E33421;}
	#profile {
	background-color: #E33421;
}
	.profile-tabs .active {background: #E33421;}
	.twitter-sign i {font-size: 57px; color: #E33421;}
	.tweet span {color: #E33421;}
	.process-part .icon-box i {color: #E33421;}
	#testimonials {background-color: #E33421;}
	.filter .selected i, .filter .selected span {color: #f55e25;}
	.portfolio-item span {color: #f55e25;}
	.portfolio-item:hover {background: #f55e25;}
	.overlay .bullet {width: 26px; height: 12px; background-image: url("../img/bullets/portfolio_bullet_red.png");}
	.resume-icon-box {background: #E33421;}
	.resume-content-box span {
	color: #666666; margin-right:5px;
}
	/*.resume-bullet-right {background-image: url("../img/bullets/resume_bullet_right_red.png");}
	.resume-bullet-left {background-image: url("../img/bullets/resume_bullet_left_red.png");}
	.resume-bullet-bottom {background-image: url("../img/bullets/resume_bullet_bottom_red.png");}*/
	.skill-tip {background: #E33421; font-weight:600; font-size:14px;}
	.award-header {background: #E33421;}
	#contact {background-color: #f55e25; overflow:hidden;}
	.contact-details i {color: #f55e25;}	
	.tweet a:hover {color: #E33421;}
	
	/* TURQ ----------------------------------*/	
	.turq .page-title span {color: #37A58C;}
	.turq .name-area h1 {background: #37A58C;}
	.turq .menu .active {background: #37A58C;}
	.turq .menu .active .bullet {background-image: url("../img/bullets/menu_bullet_turq.png");}
	.turq .menu .active i {color: #F0F0F0; border-top: 2px solid #c1dad4;}
	.turq .button-bar {background-color: #37A58C;}
	.turq .button:hover {background: #F0F0F0; color: #37A58C;}
	.turq .social-networks a:hover i {color: #37A58C;}
	.turq #profile {background-color: #37A58C;}
	.turq .profile-tabs .active {background: #37A58C;}
	.turq .twitter-sign i {font-size: 57px; color: #37A58C;}
	.turq .tweet span {color: #37A58C;}
	.turq .process-part .icon-box i {color: #37A58C;}
	.turq #testimonials {background-color: #37A58C;}
	.turq .filter .selected i, .filter .selected span {color: #f55e25;}
	.turq .portfolio-item span {color: #f55e25;}
	.turq .portfolio-item:hover {background: #37A58C;}
	.turq .overlay .bullet {width: 26px; height: 12px; background-image: url("../img/bullets/portfolio_bullet_turq.png");}
	.turq .resume-icon-box {background: #37A58C;}
	.turq .resume-content-box span {color: #37A58C;}
	.turq .resume-bullet-right {background-image: url("../img/bullets/resume_bullet_right_turq.png");}
	.turq .resume-bullet-left {background-image: url("../img/bullets/resume_bullet_left_turq.png");}
	.turq .resume-bullet-bottom {background-image: url("../img/bullets/resume_bullet_bottom_turq.png");}
	.turq .skill-tip {background: #37A58C;}
	.turq .award-header {background: #37A58C;}
	.turq #contact {background-color: #37A58C;}
	.turq .contact-details i {color: #37A58C;}
	.turq .tweet a:hover {color: #37A58C;}
	
	
	#index {background: url("../img/index_bg.jpg") no-repeat; width: 100%; height: 100%;}