/*///////// ANYTHING-SLIDER-CSS - ST //////////*/

#slider-content {
	margin-top: 126px;
	text-align: center;
	position: relative;
	margin-bottom: 200px;
}

#yellow-line-top {
	background: #E5E5E5;
	height: 60px;
	width: 100%;
	position: relative;
	z-index: 200;
	margin-top: -60px;
}
.violet-line-bottom {
	background: #E5E5E5;
	height: 26px;
	width: auto;
	z-index: 222;
	display: block;
	position: relative;
	bottom: 0px;
	margin-bottom: -26px;
}

.project-info-header {
	background: #E5E5E5;
	font: 14pt/12pt "BebasNeue Bold";
	text-transform: uppercase;
	color: #666;
	display: block;
	text-align: left;
	position: relative;
	padding: 1px 5px 5px 20px;
	width: auto;
	margin-top: 0px;
	letter-spacing: 2px;
	word-spacing: 1px;
}
#project-info-product {
	font: 12pt/12pt "BebasNeue Bold";
	color: #CCCCCC;
	display: block;
	position: relative;
	padding: 15px 14px 0px 20px;
	height: auto;
	width: auto;
	margin: 0px;
	top: 0px;
	text-align: left;
	letter-spacing: 2px;
	word-spacing: 1px;
}

#project-info-content {
	font: normal 10pt/12pt "open_sanscondensed_light";
	color: #CCCCCC;
	display: block;
	position: relative;
	padding: 10px 20px 0px 20px;
	height: auto;
	width: auto;
	margin: 0px;
	top: 0px;
	text-align: left;
	letter-spacing: 1px;
}
#project-info-content a {
    font: normal 10pt/12pt "open_sanscondensed_light";
    color: #FFFFFF;
    text-decoration: none;	
	
}
#project-info-content a:hover {
    font: normal 10pt/12pt "open_sanscondensed_light";
    color: #FFFFFF;	
	text-decoration: underline;
}

#project-info-content-big {
	font: normal 10pt/12pt "open_sanscondensed_light";
	color: #CCCCCC;
	display: block;
	position: relative;
	padding: 10px 20px 0px 20px;
	height: auto;
	width: auto;
	margin: 0px;
	top: 0px;
	text-align: left;
	letter-spacing: 1px;
}

#project-info-services {
	font: 10pt/14pt "BebasNeue Bold";
	color: #CCCCCC;
	display: block;
	position: relative;
	padding: 10px 40px 0px 20px;
	height: auto;
	width: auto;
	margin: 0px;
	top: 0px;
	text-align: left;
	letter-spacing: 2px;
	word-spacing: 1px;
}
#project-info-year {
	font: 20pt 'BebasNeue Book';
	color: #CCCCCC;
	display: block;
	position: relative;
	padding: 5px 40px 0px 20px;
	height: auto;
	width: auto;
	margin: 0px;
	top: 0px;
	text-align: left;
	letter-spacing: 6px;
	word-spacing: 2px;
}
#project-info-year-long {
	font: 16pt 'BebasNeue Book';
	color: #CCCCCC;
	display: block;
	position: relative;
	padding: 5px 5px 0px 20px;
	height: auto;
	width: auto;
	margin: 0px;
	top: 0px;
	text-align: left;
	letter-spacing: 1px;
}

/*-----------content-tumb-ST---*/
#content-tumb-img {
	background: #282828;
	display: block;
	height: auto;
	width: 100%;
	position: absolute;/*---only-absolute---*/
	float: left;
	left: 0px;
	top: 26px;
	z-index: 200;	
}
#point {
	background: #F00;
	display: block;
	height: 10px;
	width: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	
}



#content-tumb-bg {
	background: #282828;
	display: block;
	height: 26px;
	width: 100%;
	position: relative;
	bottom: 174px;
}


#cont-tumb-bottom-line {
	background: #E5E5E5;
	display: block;
	height: 26px;
	width: 100%;
	float: left;
	position: relative;
}
#cont-tumb-bottom-line-empty {
	background: #E5E5E5;
	display: block;
	height: 60px;
	width: 100%;
	float: left;
	position: relative;
}

/*Other-projects - thumb*/
.other-projects-head {
	display: block;
	height: 26px;
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	
}
.other-projects-row {
	display: block;
	height: auto;
	width: 100%;
	min-width: 860px;/*for other projects min-width-row*/
	position: relative;
	text-align: left;
	border-bottom: 1px solid #666666;
	background: #282828;
	float: left;
}
td.other-head-txt {
	padding-right: 11px;
	padding-top: 3px;
	font-colour: #999;
	font: normal 10pt/10pt Arial, Helvetica, sans-serif;
	color: #282828;
	letter-spacing: 1px;
	word-spacing: 2px;
}
td.other-headname-txt {
	padding-left: 10px;
	border-bottom: 1px solid #666666;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999999;
	letter-spacing: 1px;
	padding-top: 6px;
	background: #282828;
}

.other-projects-txt {
	display: inline-block;
	position: relative;
	text-align: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999999;
	vertical-align: top;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	letter-spacing: 1px;
	
}
.other-projects-txt-1 {
	display: inline-block;
	position: relative;
	text-align: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: top;
	margin-left: 0px;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	margin-right: 5px;
	letter-spacing: 1px;
	background: #282828;
}

/*--------content-tumb-END---*/   

/******* SET DEFAULT DIMENSIONS HERE ********/
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
/* New in version 1.7+ */
 
div.anythingSlider {
	width: 600px;
	height: 350px;
	background: #CCC;
	display: block;
	position: relative;
	padding: 0 26px 20px;/*for-left-right arraw*/
	
	text-align: center;
	float: left;
}

#project-info-box {
	background: #282828;
	width: 320px;
	display: inline-block;
	height: 100%;
	position: relative;
	padding-bottom: 15px;	
}
/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #777;
	color: #000;
}
div.anythingSlider .anythingWindow {
	border-top: 0px solid #333;
	border-bottom: 3px solid #333;
	
}
div.anythingSlider .start-stop {
	background-color: #040;
	color: #CCC;
}
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-bottom: 20px solid #666666;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background: #FFF;
}
div.anythingSlider.activeSlider .thumbNav a.onfocus, div.anythingSlider.activeSlider .thumbNav a {
	background: #CCCCCC;
}

div.anythingSlider .start-stop {
	color: #fff;
	background: #333;
}
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	
}

/* anythingSlider base UL */
ul.anythingBase {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
ul.anythingBase li.panel1 {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 80px;
	margin: -50px 0 0 0;
	width: 26px;
	text-align: center;
	outline: 0;
	background: url(../images/arrows-default.png) no-repeat;
	text-indent: -9999px;
	
}
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }

div.anythingSlider .forward a { background-position: 0 0px; }


div.anythingSlider .back a { background-position: -26px 0px; }


/* Navigation Links */
div.anythingSlider .anythingControls {
	outline: 0;
	display: block;
	position: relative;
	top: -28px;
	left: 0px;
	padding-left: 12px;
}

div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	font: normal 0px Arial, Helvetica, sans-serif;
	display: inline-block;
	text-decoration: none;
	padding: 0px;
	height: 8px;
	width: 8px;
	margin: 0 4px 0 0;
	outline: 0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
div.anythingSlider .thumbNav a:hover {
	background: #FFF url(none);
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	padding: 3px 10px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 0px 0px;
	-moz-border-radius: 0 0 0px 0px;
	-webkit-border-radius: 0 0 0px 0px;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	display: block;
	margin-right: 0px;
	margin-top: -13px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}
/*///////// ANYTHING-SLIDER-CSS - END //////////*/