/*  */

body, a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}

body, #gallery, #titleBox {
	background-color: #000;
	background-image:url(../../images/Grid_Blk.gif);
}

body {
	margin-top: 20px;
}
	
a {
	text-decoration: none;
	color:#008;
}
a:visited {
	color:#888;
}
a:hover {
	font-size:1.1em;
	font-weight:bold;
}

		
h1 { 
	color:#fff;
	margin: 15px 0px 12px 0px; 
	margin: 0px 0px .5em 0px; 
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 48px;
	font-weight: 600px;	
	line-height:1.5em;
	}
	
h2 { 
	color:#fff;
	margin: 0px 0px .5em 0px; 
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 32px;
	font-weight: normal;	
}

	
h3 { 
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.5em;
	margin: 0px 0px 10px 0px;
	color: #fff; 
}

.buttons img {
		
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}

.buttons img:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

.btnLabels {
	font-size:.9em;		
}

#container{
/*	width:1024px;*/
	height:450px;
	margin:0 auto;
	padding-bottom:80px;
/*	background-image:url(../../images/Grid_Blk.gif)*/
}

#titleBox {
	color:#FFF;
	top:0px;
	height:30px;
	font-family: "tekton-pro", "Trebuchet MS", Verdana, sans-serif;
	font-size: 24px;
	font-weight:bold;	
	line-height:30px;
	margin:5px 0px 25px;
}
		
#project-description {
}

#project-description p {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width:650px;	
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

/*Forward/Reverse Contols*/

ul.bjqs-controls li a{
	display:block;
	position:absolute;
	padding:10px;
	background-color:rgba(255,255,255,0.25);
	background-image:url(arrow-white-2X.png);
	background-repeat:no-repeat;
	background-position: center; 
	color:#000;
	text-decoration: none;
	border-radius: 5px;
	width:20px;
	height:20px;
	margin-top:5px;
}

ul.bjqs-controls img{
	-ms-transform: scale(.5, .5); /* IE 9 */
    -webkit-transform: scale(.5, .5); /* Chrome, Safari, Opera */
    transform: scale(.5, .5);
}

ul.bjqs-controls li a:hover{
/*	background-color:#888;*/
	background-color:rgba(256,256,256,0.5);

	color:#fff;
}
ul.bjqs-controls li.bjqs-next a{
	right:-50;
	top:355;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

ul.bjqs-controls li.bjqs-prev a{
	left:-50;
	top:355;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);	
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:rgba(255,255,255,0.66);
	color:#000;
	text-decoration: none;
	border-radius: 5px;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

#cover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
/*	background: rgba(0,0,255,.500);	*/
}

/*Image number indicatory*/
ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin-top:10px;
	text-decoration: none;
	border-radius: 5px;
	width:8	px;
	height:12px;
	line-height:12px;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
/*	background: #999;*/
	background-color:rgba(255,255,255,0.25);

}

.bjqs-caption{
	font-family: "Trebuchet MS", Verdana, sans-serif;	
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);	
}

p.bjqs-caption{
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	margin:10px;
	width:92%;
}
p.bjqs-caption:hover{
	cursor:pointer;
}

/*vvvvvvvvvvvv Scroll Bar styles vvvvvvvvvvvv*/
/* https://css-tricks.com/custom-scrollbars-in-webkit/ */
::-webkit-scrollbar {
	width: 20px;   
	margin-right: 5px;
/*			background-color:#313131;*/
	background-color: rgba(51,102,204,.01);
}
::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: rgba(100,100,100,0.50);
	margin-right: 5px;
/*			background-color: #3366cb;*/

	/*  gives button look, remove for flat look*/
	/*-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,1);*/
}
::-webkit-scrollbar-thumb {
	border-radius: 5px;
/*			background-color: rgba(0,0,0,0.50);*/
	margin-right: 5px;
	background-color: rgba(0,0,0,.85);
	/* -webkit-box-shadow: inset 1px 1px 15px rgba(0,0,0,1);*/
}