/*html 
{
	background-color: #d8d8d8;
	background-image: url("../images/footer_lodyas.png");
}*/

.disable-selection
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Used to force parent element to have size of children when children are floated. */
/*.clearfix 
{
	clear: both;
        display: inline-block;
}*/

.clearempty
{
	clear: both;
	line-height: 0px;
	
}

/* Use in a span as sibling of inline-blick element you want to vertically center. */
.centererV
{
	/* !important to override slick setting as block. */
	display: inline-block !important;
    height: 100%;
    vertical-align: middle;
}

a:link, a:visited 
{ 
	text-decoration: none;
	font-weight: bold; 
	color: #5E002B;
}

a:link:hover, a:visited:hover
{ 
	color: #8C003F;
}

a:active
{
	text-decoration: none;
	font-weight: bold; 
	color: #800000;
}

#dIndexBorder 
{
    position: absolute;
    top: 1px;
    left: -1px;
    z-index: 0;
}

#breadcrumbs
{
	width: 750px;
	height: 30px;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 10pt;
	color: #d0d0d0;
}
.breadcrumbs
{
	padding-left: 5px;
	vertical-align: middle;
}

a.breadcrumbs:link, a.breadcrumbs:visited
{
	color: #d0d0d0;
	font-weight: bold; 
}

a.breadcrumbs:link:hover, a.breadcrumbs:visited:hover
{
	color: #e8e8e8;
	font-weight: bold; 
}

#dIndexNavNext
{
	position: absolute;
	top: 75px;
	left: 410px;
}

.slick-center
{
	transform: scale(1.0);
}

.slick-side
{
	transform: scale(0.60);
}

.slick-prev:before, .slick-next:before
{
	color: grey !important;
}

.slick-dots
{
	bottom: -50px !important;
}

.slick-slider
{
	margin-bottom: 30px !important;
}

.slick-dots li.slick-active button:before
{
	color: white !important;
}

.slick-dots li button:before
{
	color: white !important;	
}

.content 
{
	width: 800px;
	margin: 10px auto;
	padding: 10px;
	font-family: sans-serif;
}

.contentInner
{
	position: relative
}

.roundedEdgeTop
{
	width: 750px;
	height: 16px;
	background-image: url("../images/rounded_edge-750w.png");
}

.roundedEdgeBtm
{
	display:block;
	position: absolute;
	bottom: -16px;
	width: 750px;
	height: 16px;
	z-index: -1;
	background-image: url("../images/rounded_edge-750w.png");

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sliderNav
{
	width: 750px;
	background-color: #f0f0f0;
}

.sliderNavItem
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #262626;
}

.sliderNavItem img
{
	padding: 10px 10px 10px 10px;
	margin:auto;
}

.sliderNavItem img:hover
{
	transform: scale(1.15)
}

.sliderNavItem a:link, .sliderNavItem a:visited
{
	color: #262626;
}

.sliderNavItem a:link:hover, .sliderNavItem a:visited:hover
{
	color: #262626;
}

.sliderContent
{
	width: 750px;
	padding: 10px;
	background-color: #f0f0f0;
}

.sliderContentItem
{
	font-family: sans-serif;
	color: black;
	font-size : 12pt;
	text-align: justify;
}

.sliderContentItemHeader
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size : 16pt;
	text-align: left;
	text-transform: uppercase;
	color: #A36B22;
}

.sliderContentItemSubHeader
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size : 12pt;
	text-align: left;
	text-transform: uppercase;
	color: #A36B22;
}

.sliderContentItemIndent
{
	position: relative;
	left: 20px;
}

.sliderPhoto
{
	width: 530px;
	height: 570px;
	background-color: #f0f0f0;
	margin: auto;
}

.sliderPhotoItem
{
	margin: auto;
	width: 500px;
    height: 500px;
    text-align: center;
}

.sliderPhotoItem img
{
	/* !important to override slick setting as block. */
	display: inline-block !important;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	max-height: 500px;
    max-width: 500px;
}

.sliderPhoto .slick-dots li.slick-active button:before
{
	color: black !important;
}

.sliderPhoto .slick-dots li button:before
{
	color: black !important;	
}


.contentCol1
{
	position: absolute;
	width: 67%;
	height: 100%;
}

.contentCol2
{
	position: absolute;
	width: 33%;
	height: 100%;
}

.contentTitle
{
	font-size: 30pt;
	font-weight: bold;
	color: black;
}

.contentSubTitle
{
	font-size: 20pt;
	font-weight: bold;
	font-style: italic;
	color: black;
}

.imageInList
{
	text-align: center;
	float: left;
	width: 125px;
	/*height: 125px;*/
	margin: 5px;
}

.imageInList img
{
	display: inline-block !important;
}

.imageBlockStart
{
	float: left;
	vertical-align: top;
	margin: 3px;
}

.#footer
{
	position: absolute;
	width: 100%;
	height: 50;
	bottom: 0px;
}

.photo-info
{
	width:100%;
	float:right;
	text-align: center;
}

.photo-title
{
	font-size: 24px;
	font-weight: bold;
}

.socialIcons
{
	float:left;
}

.socialIcons
{
	text-align: center;
	float: left;
	width: 64px;
	height: 64px;
	margin: 5px;
}

#tvGroup
{
	position: relative;
	width: 600px;
	height: 400px;
	margin: auto;
}

#tvNoise img
{
	display: none;
	width: 500px;
	height: 338px;
}

#tvNoise img.active
{
	display: block;
}

.tv
{
	position: absolute;
}

#work-history table, tr, th, td
{
   border: 0px;
}

/* Draw a line after each work history section. */
.work-history-section::after
{
  background-color: #888888;
  height: 1px;
  width: 75%;
  content: "";
  margin: auto;
  display: block;
}

.work-history-subtitle
{
  text-align:center;
  font-style: italic;
}

.work-history-vert-space
{
  height: 20px;
}

.work-history-left
{
  width: 300px;
  vertical-align: top;
  float: left;
  margin-left: 20px;
}

.work-history-right
{
  vertical-align: top;
  text-align: left;
  margin-left: 345px;
}