.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-28 { font-size: 28px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-42 { font-size: 42px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-18a { font-size: 18px; color:#FF0000;}
.material-icons.md-24a { font-size: 24px; color:#FF0000;}
.material-icons.md-28a { font-size: 28px; color:#FF0000;}
.material-icons.md-36a { font-size: 36px; color:#FF0000;}
.material-icons.md-42a { font-size: 42px; color:#FF0000;}
.material-icons.md-48a { font-size: 48px; color:#FF0000;}

/*a:hover, a:visited, a:link
{
    color: #000000;
	text-decoration:none;
	 
}
a:active
{
    color: #000000;
	text-decoration:none;
	 
}
a:hover {
	color: #000000;
}
*/

a:link {
	text-decoration:none;
	color: #000000;
}
a:visited {
	text-decoration:none;
	color: #000000;
}
a:hover {
	color: #000000;
	cursor:pointer;
}
a:active {
	text-decoration:none;
	color: #ff0000;
}

/*.clickable {cursor: pointer; }
.li { cursor: pointer;   }
*/
.header {
	text-align: center;
	font-family: 'Karla', sans-serif; /*"Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-style: normal;
	font-size:large;
	letter-spacing:0px;
	text-decoration:none;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:auto;
	padding-right:auto;
	width:100%;
	background-color: #fccfca;
	
}

.centered {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-style: normal;
	line-height: normal;
	font-size:medium;
	color:black;
	width: 100%;
	margin-left:10px;
	margin-right:10px;
	z-index:1;
}
.centered2 {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif; /*"Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-style: normal;
	line-height: normal;
	font-size: large;
	color: purple;
	width: 100%;
}
.centered3 {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-style: normal;
	line-height: normal;
	font-size:medium;
	width: 100%;
	border:1px;
}
.logo {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Karla', sans-serif;
	font-style: normal;
	line-height: normal;
	letter-spacing:-2px;
	font-size: 300%;
	font-weight:700;
	width:100%;
	height:100%;
	padding-top:20px;
	padding-bottom:10px;
	z-index:99;
}
.services1 {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-size: small;
	width: 100%;
}
.services2 {
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-size: small;
	width: 100%;
}
.services3 {
	display: block;
	float: left;
	text-align: left;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-size: small;
	width: 100%;
}
.nav {
	display:block;
	width:100%;
    overflow:hidden;
    border-bottom:0px solid #000;
    position:relative;
	padding-top:0px;
	padding-bottom:0px;
	z-index:99;
}
.nav ul {
	clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}
.nav li {
    float:left;
    list-style:none;
    margin-left: 7px;
    margin-right: 7px;
    position:relative;
	font-size:large;
    right:50%;
    font-family: 'Karla', sans-serif;
	letter-spacing:0px;
	cursor:pointer;
}
.nav ul li a {
	text-decoration:none;
	color: #000;
}

.nav ul li a:hover {
	text-decoration:none;
	color: #f00;
}
.nav ul li a.active {
	text-decoration:none;
	color: #f00;
}
.nav ul li a.active:hover {
	color: #000;
	text-decoration:none;
	font-weight: normal;
}

/*.navi {
	display:block;
	width:100%;
	font-size:large;
    overflow:hidden;
    border-bottom:0px solid #000;
    position:relative;
	padding-top:5px;
	padding-bottom:10px;
}



.navi ul {
	clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}
*/
/*.navi li {
    float:left;
    list-style:none;
    margin-left: 20px;
    margin-right: 20px;
    position:relative;
	font-size:medium;
    right:50%;
    font-family: 'Karla', sans-serif;
	letter-spacing:-2px;
}
*//*.navi ul li a {
	color: #000;
}

.navi ul li a:hover {
	color: #F00;
}
.navi ul li a.active {
	color: #e00;
}
.navi ul li a.active:hover {
	color: #000;
	font-weight: normal;
}
*/
.footer {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-style: normal;
	line-height: normal;
	letter-spacing:-0px;
	width:100%;
}
.message {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-style: normal;
	font-size:x-small;
	line-height: normal;
	letter-spacing:-.25px;
	padding-top:1em;
	width:100%;
}
.copyright {
	display: block;
	float: left;
	text-align: center;
	position: relative;
	font-family: 'Helvetica', sans-serif;
	font-style: normal;
	line-height: normal;
	font-size:x-small;
	letter-spacing:-0px;
	padding-bottom:2em;
	width:100%;
}
a.divlink {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-decoration: none;
	vertical-align: middle;
	opacity: 100;
	filter: alpha(opacity=0);
}

p.divlink{
	vertical-align: middle;
	text-align: center;
    margin-top: 75%;
	font-size:x-small;
}

p.divpara{
	font-family: 'Karla', sans-serif; /*"Trebuchet MS", Arial, Helvetica, sans-serif; */
	vertical-align:middle;
	text-align: center;
    margin-top: 2%;
	margin-bottom: 2%;
	font-size:2em;
}
divpara2{	 
	vertical-align: middle;
	text-align: right;
    margin-top: 15%;
	margin-bottom: 10%;
	margin-left: 8%;
	margin-right: 5%;
	font-size:small;
	word-wrap:normal;
	background-color: #E2E2E2;
	z-index: 99;		
}
p.divpara2{
	vertical-align: middle;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 7.5%;
	background-color: #E2E2E2;
	border-style:solid; 
	border-width:0px; 
	border-color:#000; 
	font-size: small;
	font-weight:bold;
	color:darkslategray;
	z-index: 99;	
 }
 
#grid-1 {
	position:absolute;
	left:-100px;
	-webkit-animation: slide 0.5s forwards;
	-webkit-animation-delay: 1s;
	animation: slide 0.5s forwards;
	animation-delay: 1s;
}




/* --------  media queries -------------------  */
/* --------  all screens (default) -----------  */
body {	
/*	background-image:url(/images/box7.jpg);
*/	background-color: #fccfca; 
	background: url(/zimages/box3.jpg);
	background-repeat: repeat;
	top: 0px;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 320px) {
    body {
		background-color: #ececec;
    }	
}
/* --------  iphone 3 & 4 landscape-----------  */
@media screen and (min-width: 321px) and (max-width: 480px) {	
	body {
		background-color: #ececec;
    }
}
/* --------  iphone 5 landscape-----------  */
@media screen and (min-width: 321px) and (max-width: 568px) {	
	body {
		background-color: #ececec;
    }
}
/* --------- ipad portrait -------------  */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    body {
		background-color: #ececec;
    }
}
/* --------- ipad landscape -------------  */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	body { 
		background-color: #ececec;
    }
}
/* --------  large screen ( 1440px or more) -----------  */
@media screen and (min-width: 1440px) {
		
    body {
	background-color: #ececec;
    }
}