/* /////  GENERAL  //////////////////////////////////////////////////////////////////// */

/* global */
body
{
  font-family: "Segoe UI", Helvetica, Verdana, Arial;
  font-size: 16px;
  background-color: #92b3d5;
  color: black;
}

/* nuke image borders */
img
{
  border: none;
}

.photo
{
	border: 1px solid rgba(224,224,224,1);
	margin: 10px;
}

.photo_label
{
	max-height: 44px;
	margin: 6px;
	font-size: 15px;
}

ul
{
	list-style-type: square;
	margin-top: 6px;
	margin-bottom: 6px;
}

td
{
	vertical-align: top;
}


/* /////  DEV  //////////////////////////////////////////////////////////////////////// */

.TODO
{
	background: red;
	color: white;
	padding: 6px;
	margin: 8px 0px;
}


/* /////  MENU  /////////////////////////////////////////////////////////////////////// */

.MenuDiv
{
	background: rgba(224,224,224,1);
	width: 100%;
	float: left;
}

.MenuItemOuter
{
	float: left;
	margin: 6px;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
}

.MenuItemOuter:hover
{
	background: rgba(16,32,64,0.1);
	border-radius: 6px;
}

.language
{
	padding: 3px 7px;
	margin: 2px;
	text-align: center;
	text-decoration: none;
}

.language:hover
{
	background: rgba(16,32,64,0.1);
	border-radius: 5px;
}

.language_selected
{
	padding: 3px 7px;
	margin: 2px;
	background: rgba(16,32,64,0.7);
	border-radius: 5px;
	text-align: center;
	color: white;
}

.CookieDiv
{
	background: rgba(96, 96, 128, 0.3);
	position: relative;
	bottom:  0px;
	width: 100%;
	z-index: 3;
}

.CookieWarning
{
	font-size: 80%;
	padding: 6px 8px 0px 8px;
	color: white;
}


/* /////  LISTS  ////////////////////////////////////////////////////////////////////// */


.customer
{
	margin-left: 12px;
	margin-top: 12px;
	font-weight: bold;
}

.project
{
	margin-left: 24px;
	margin-top: 3px;
}

.CustomerTile
{
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	margin: 6px;
	padding: 8px;
	float: left;
	height: 80px;
}

.CustomerTile div
{
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}

.LawList
{
	list-style: square outside url("images/icon_pdf.png");
}

.LawList li
{
	margin: 6px 0px;
}

.software
{
	width: 276px;
	height: 240px;
	border: 1px solid #404040;
	border-radius: 6px;
	margin: 8px;
	padding: 12px;
	text-align: center;
	vertical-align: bottom;
	float: left;
	display: inline-block;
}

.software div
{
	height: 200px;
}

.Button
{
	border: 1px solid #606060;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	margin: 6px;
	padding: 8px;
	float: left;
	background: rgba(224,224,224,1);
}

.Button:hover
{
	background: rgba(192,192,192,0.4);
}

.FeatureHighlight
{
	width: 33%;
	background-color: rgba(224,224,224,1);
	text-align: center;
	padding: 5px;
	font-size: 100%
}



/* /////  NEW  //////////////////////////////////////////////////////////////////////// */

.bg_image
{
  width: 100%; 
  z-index: -1;
  position: absolute;
  top: 72px;
  left: 0px;
  min-width: 1024px;
  overflow-y: hidden;
}

.bg_image img
{
  display: block;
  width: 100%;
}

.fadeable
{
  opacity: 0;
}

.fade_in
{
  opacity: 1;

  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  transition: opacity 1s linear;
}


/* /////  SCREEN  ///////////////////////////////////////////////////////////////////// */


.SectionTitle
{
  font-weight: bold;
  color: black;
  clear: both;
  margin-top: 22px;
}


.Comment
{
  width: 620px;
  font-size: 80%;
  color: #606060;
  float: left;
}

a:link
{
  text-decoration: none;
}

a:visited
{
  text-decoration: none;
}

a:active
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}