body {margin: 0px auto; padding:0px; font-size:62.5%; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; 	background-color:#000000; height: 100%;}
html {height: 100%;}

.head {width: 1018px; height:142px; text-align: center; margin: 0px auto; padding: 0; position: relative;  background-image:url(images/platipuss-header.jpg);}

.navigation {float: left; text-align: center; color: #fff800; position: relative; line-height: 25px; padding-top: 4px; padding-bottom:2px; margin-left: 305px; margin-top:113px;}
.navigationtext {margin-right: 4px; margin-left: 4px; color: #fff800; font-size:12px;  font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.navigationon {margin-right:4px; margin-left: 4px; color: #ffffff;  font-size:12px;  font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}

.caption {text-align: right; color: #000000;  font-size: 10px; font-weight:normal; padding: 0px; margin-right: 50px; padding:0px;}


a.navigationtext:link { color: #fde802; text-decoration: none; font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; }
a.navigationtext:visited { color: #fde802; text-decoration: none; font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationtext:hover { color: #ffffff; text-decoration: none; font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationtext:active { color: #000000; text-decoration: none;  font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}

a.navigationon:link { color: #ffffff; text-decoration: none; font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; }
a.navigationon:visited { color: #ffffff; text-decoration: none; font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationon:hover { color: #fde802; text-decoration: none; font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationon:active { color: #000000; text-decoration: none;  font-size:12px; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}


a:link {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt; text-decoration:none; color: #fde802;}
a:active {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt; text-decoration:none; color: #000000;}
a:visited {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt;text-decoration:none;  color: #fde802;}
a:hover {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt; text-decoration:none; color: #ffffff;} 

.narrow {
width:245px;
}


.wrap {
	width: 1018px;
	height: auto;
 	min-height: 100%;
	min-width: 1018px;
	margin: 0 auto;
	padding: 0;
	background-color:#00DA41;}



.container_body {float: left; height:100%; height: auto; min-height: 100%; width: 1018px; margin:0px auto; text-align: center; padding: 0; background-color:#00DA41;  font-size:14px;}
.container_body img {color:#000; padding:0; margin: 10px 0 5px 0px;}
.container_body  p {margin: 12px 5px 0 12px; font-size:14px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.container_body  h1 {margin: 20px 5px 5px 5px; font-size:16px; color:#000; text-align: center; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.container_body  h2 {margin: 25px 5px 0 25px; font-size:17px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}


.container_body2 { height:100%; height: auto; width: 1018px; margin:0px auto; text-align: center; padding: 0; background-color:#fff;  font-size:14px;}
.container_body2 img {color:#000; padding:0; margin: 0px auto ;}




.container_bodyborder {float: left; height:100%; height: auto; min-height: 100%; width: 1018px; margin:0px auto; text-align: center; padding: 0; background-color:#00DA41;  font-size:14px;}
.container_bodyborder img {border: 4px solid black; color:#000; padding:0; margin: 20px 0 20px 0;}
.container_bodyborder  p {margin: 12px 5px 0 12px; font-size:13px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.container_bodyborder  h1 {margin: 15px 5px 0 5px; font-size:16px; color:#000; text-align: center; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.container_bodyborder  h2 {margin: 25px 5px 0 25px; font-size:17px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}


.maincontentcolumn1 {float: left;  height:100%; height: auto; min-height: 100%; text-align:center; width:40%; padding: 0; margin:0 auto;}
.maincontentcolumn1 img {color:#000; padding:0; margin: 20px 0 20px 20px;}
.maincontentcolumn1 p {margin: 32px 5px 0 32px; font-size:13px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.maincontentcolumn1 h1 {margin: -3px 5px 0 5px; font-size:16px; color:#000; text-align: center; font-weight:bold; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.maincontentcolumn1 h2 {margin: 25px 5px 0 25px; font-size:17px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.maincontentcolumn1 h3 {margin: 10px 5px 0 25px; font-size:15px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}

.maincontentcolumn2 {float: left;  height:100%; height: auto; min-height: 100%; text-align:center; width:59%;  padding: 0;  margin:0px auto;}
.maincontentcolumn2 p {margin: 12px 5px 0 12px; font-size:13px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.maincontentcolumn2 h1 {margin: 25px 5px 10px 5px; font-size:16px; color:#000; text-align: center; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.maincontentcolumn2 h2 {margin: 25px 5px 0 25px; font-size:17px; color:#000; text-align: left; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}


#clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
#clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
#clearfix {display: block;}
/* End hide from IE-mac */


/* PHOTO GALLERY */

.gallerycontainer{
position: relative;
float: left;
text-align: left;
margin: 0px 0px 10px 0px;
height: 600px;}

.thumbnail img{
border: 1px dotted white;
margin: 8px 0px 3px 8px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:  none;
text-align:center;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #00DA41;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: #000;
text-decoration: none;
text-align: center;

}

.thumbnail span img{ /*CSS for enlarged image*/
border: none;
text-align:center;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 443px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnailgrip img{
border: 1px dotted white;
margin: 8px 0px 3px 8px;
}




.thumbnailgrip:hover{
background-color: transparent;
}

.thumbnailgrip:hover img{
border:  none;
text-align:center;

}

.thumbnailgrip span{ /*CSS for enlarged image*/
position: absolute;
background-color: #00DA41;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: #000;
text-decoration: none;
text-align: center;

}

.thumbnailgrip span img{ /*CSS for enlarged image*/
border: none;
text-align:center;
padding: 2px;
}

.thumbnailgrip:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 343px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/* PHOTO GALLERY END */