::selection {background: rgb(255,204,51); color:#000;}
::-moz-selection {background: rgb(255,204,51); color:#000;}
#logo a{  
	width: 247px; 
	height: 65px; 
	display: block; 
	background: url('../img/colors/yellow/logo.png') no-repeat left center;
	text-indent: -9999px;
	border: 0; 
	margin: 0 auto;
	padding: 0;
}
.text-bg{
	background: rgb(255,204,51); color:#333;
	line-height: 0;
	padding: 0;
}
.color_text{
	color: #9D1B33;
	font-family: "Palatino Linotype", "Georgia", serif;
	font-style: italic;
}

.big_black{
	font-family: Oswald, Arial sans-serif;
	color: #9D1B33 ;
}
.tparrows:hover {
	background-color: #9D1B33;
	color: #FFF;
}
h5 span {
font-size: 13px;
font-weight: 100;
color: #9D1B33;
padding-top: 10px;
line-height: 41px;
}
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover {
background-color: #9D1B33;
}
h2{
	color: #9D1B33;
font-size: 48px;

	margin: 10px 0 30px 0;
line-height: 33px;
text-shadow: 0 1px 0 black;
text-transform: uppercase;
padding: 0 0 15px 0;
text-align: center;
font-weight: 800;
	letter-spacing: 2px;
}
#test_nav a.activeSlide{
	text-indent: -9999px;
	background: #9D1B33;
	background-position: 0 -13px;
	width: 10px;
	height: 10px;
	position: relative;
	float: left;
	border-bottom: none !important;
}
#test_nav a:hover{
	text-indent: -9999px;
	background: #9D1B33333;
	width: 10px;
	height: 10px;
	position: relative;
	float: left;
	border-bottom: none !important;
}
h6 {
	font-size: 20px;
	padding-bottom: 25px;
	color: #9D1B33;
	font-weight: 300;
}
a:hover, p a:focus, #footer a:focus{
	color: #9D1B33; 
}
p a:focus{ 
	-webkit-box-shadow: #9D1B33 1px 1px 10px; 
	-moz-box-shadow: #9D1B33 1px 1px 5px; 
	box-shadow: #9D1B33 1px 1px 10px; 
}
a:hover img, a:focus img{ 
	-webkit-box-shadow: #9D1B33 0 0 6px; 
	-moz-box-shadow: #9D1B33 0 0 6px; 
	box-shadow: #9D1B33 0 0 6px; 
	background-color: #9D1B33;
	
}

#nav a:focus{
	outline: 0; 
}
#nav a.selected{
	color: #9D1B33;	
}
#nav a:hover{
	color: #9D1B33;
	
}
/* Direction Nav - Home SLider*/
.flex-direction-nav li a {
	width: 23px; 
	height: 23px; 
	margin: -13px 0 0; 
	display: block; 
	background: url(../img/colors/yellow/arrows.png) no-repeat 0 0; 
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -9999px; 
	border-bottom: none !important;
	left: 46px;
}

/*Gallery select*/
#gallery .ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,
#gallery .ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
#gallery .ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
#gallery .ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3{
	color: #9D1B33;
	
}

#contact input:focus, #contact textarea:focus{ 
	color: #000; 
	 

}
a.button:hover{
	-webkit-box-shadow: #9D1B33 0 0 5px; 
	-moz-box-shadow: #9D1B33 0 0 5px; 
	box-shadow: #9D1B33 0 0 5px; 
	background-color: #9D1B33;
	color: #fff;
	-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; 
	color: #212121;
}
#work .openproject .close{ 
	position: absolute;
	top: 6.6%;
	right: 1.2%;
	background: url(../img/colors/yellow/close.png);
	background-position: 0 0; 
	z-index: 1001; 
	width: 23px; 
	border: 0; 
	height: 23px;
}
#work .openproject .close span.hover{  
	position: absolute; 
	top: 0;
	right: 0; 
	background: url(../img/colors/yellow/close.png);
	background-position: 0 -23px; 
	z-index: 1001; 
	width: 23px; 
	border: 0; 
	height: 23px;
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#work .openproject .close{ 
		position: absolute;
		top: 36.5%;
		right: 1.2%;
		background: url(../img/colors/yellow/close.png);
		background-position: 0 0; 
		z-index: 999; 
		width: 23px; 
		border: 0; 
		height: 23px;
	}
	
	#work .openproject .close span.hover{  
		position: absolute; 
		top: 0;
		right: 0; 
		background: url(../img/colors/yellow/close.png);
		background-position: 0 -23px; 
		z-index: 999; 
		width: 23px; 
		border: 0; 
		height: 23px;
	}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#work .openproject .close{ 
	position: absolute;
	top: 47.6%;
	right: 0.2%;
	background: url(../img/colors/yellow/close.png);
	background-position: 0 0; 
	z-index: 999; 
	width: 23px; 
	border: 0; 
	height: 23px;
}
#work .openproject .close span.hover{  
	position: absolute; 
	top: 0;
	right: 0; 
	background: url(../img/colors/yellow/close.png);
	background-position: 0 -23px; 
	z-index: 999; 
	width: 23px; 
	border: 0; 
	height: 23px;
}
}