﻿/********************************  ><(((*>   <*)))><  ********************************
/
/    boxes style sheet for DatumTech.com
/    ©DatumTech 2015
/
/********************************  ><(((*>   <*)))><  ********************************/

.boxContainer
{
	position: relative;
/*float: left;	*/
	clear: all;
	min-height: 20px;	
	display: table;	
	margin-bottom: 20px;	
}

.cBig
{
	width: 550px;
	min-height: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;	
}
	
.cLeft
{		
	width: 430px;
	height: 90px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;	
}

.cRight
 {
	width: 210px;
}

.boxContent 	
{
    position: relative;
    color: black;
    z-index: 5;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;	
	font: 16px 'SansationRegular', Arial, sans-serif;	
}

.boxContent h2
{
	font: 18px 'SansationBold', Arial, sans-serif;	
	padding: 5px;
	text-align: center;
}

.boxContent h3
{
	font: 18px 'SansationRegular', Arial, sans-serif;	
	padding: 5px;
	text-align: center;
}

.boxContent ul
{
	font: 16px 'SansationRegular', Arial, sans-serif;	
	/*padding: 5px;*/
	/*margin-left: 15px;*/
	text-align: left;
	list-style-type: disc;
	list-style-position: inside;
}

.boxBackground 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    
	/* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
	
	background-color: white;
	-webkit-box-shadow: 0px 7px 10px -3px #555555;
	-moz-box-shadow: 0px 7px 10px -3px #555555;
	box-shadow: 0px 7px 10px -3px #555555;	
	
	border: 2px solid #CC5500;
	-webkit-border-radius:5px 15px;
	-moz-border-radius:5px 15px;
	border-radius:5px 15px;
}
	
.picBox
{		
	border: 2px solid #CC5500;
	-webkit-box-shadow: 0px 7px 10px -3px #555555;
	-moz-box-shadow: 0px 7px 10px -3px #555555;
	box-shadow: 0px 7px 10px -3px #555555;	
	width: 100px;
	height: 100px;
	float: left;
	margin-bottom: 50px;
	margin-right: 10px;
	-webkit-border-radius:5px 15px;
    -moz-border-radius:5px 15px;
    border-radius:5px 15px;
}


