body {
 				background-color: #ece9e9;
 				font: Arial;
 				text-align: center;
				}
		a:link {
 				font-weight: normal;
 				color: #999999;
 				text-decoration: none;
 				font-family: Arial;
 				font-weight: bold;
 				font-size:16px;
 				line-height: 20px;
				}
		a:visited {
 				font-weight: normal;
 				color: #999999;
 				text-decoration: none;
 				font-family: Arial;
 				font-weight: bold;
 				font-size: 16px;
 				line-height: 20px;
				}
		a:hover {
 				font-weight: bold;
 				color: #999999;
 				text-decoration: underline;
 				background-color: #transparent;
 				padding: 0px;
 				font-family: Arial;
 				font-weight: bold;
 				font-size: 16px;
 				line-height: 20px;
 				}
		a.nav:link {
 				font-weight: normal;
 				color: #999999;
 				text-decoration: none;
 				font-family: Arial;
 				font-weight: bold;
 				font-size:16px;
 				line-height: 20px;
				}
		a.nav:visited {
 				font-weight: normal;
 				color: #999999;
 				text-decoration: none;
 				font-family: Arial;
 				font-weight: bold;
 				font-size: 16px;
 				line-height: 20px;
				}
		a.nav:hover {
 				font-weight: bold;
 				color: #999999;
 				text-decoration: none;
 				background-color: #transparent;
 				padding: 0px;
 				font-family: Arial;
 				font-weight: bold;
 				font-size: 16px;
 				line-height: 20px;
 				}
		a.nav2:link {
 				font-weight: normal;
 				color: #666666;
 				text-decoration: none;
 				font-family: Arial;
 				font-weight: bold;
 				font-size:16px;
 				line-height: 20px;
				}
		a.nav2:visited {
 				font-weight: normal;
 				color: #666666;
 				text-decoration: none;
 				font-family: Arial;
 				font-weight: bold;
 				font-size: 16px;
 				line-height: 20px;
				}
		a.nav2:hover {
 				font-weight: bold;
 				color: #B60000;
 				text-decoration: none;
 				background-color: #transparent;
 				padding: 0px;
 				font-family: Arial;
 				font-weight: bold;
 				font-size: 16px;
 				line-height: 20px;
}

p {
    text-indent: 40px;
}

div.one {
    border: 1px solid #ff0000;
    border-radius: 5px;
    background-color: yellow;
    width: 450px;
    padding: 10px 5px 10px 10px;
    display: none;
}
    
span:hover + div {
    display: block;
}

#yourForm {
         width: 300px;
     }

     form ul {
         list-style-type: none;
     }

     fore ul li {
         margin: 15px 0;
     }

     fore label {
         display: bloc;
         font-size: 1em;

     }
     form input, textarea, select {
         font-size: 1em;
         padding: 3px;
         border: #999 3px solid;
         border-radius:10px;
         box-shadow:2px 2px 7px #999;
         behaviour: url(border-radius.htc);
         width: 100%;
         -moz-border-radius: 10px; /* Firefox */
         -webkit-border-radius: 10px; /* Safari and Chrome */
         border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

         -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
         -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
         box-shadow: 2px 2px 7px #999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

         behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

     }
     form input. textarea, select {
         class-"drop-shadow lifted";

     }

#cffff {
      position:relative;
      height:150px;
      width:123px;
      margin:0 auto;
    }
    #cffff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cffff img.top:hover, #cffff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

#cfff {
      position:relative;
      height:150px;
      width:150px;
      margin:0 auto;
    }
    #cfff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cfff img.top:hover, #cfff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

#cff {
      position:relative;
      height:100px;
      width:960px;
      margin:0 auto;
    }
    #cff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cff img.top:hover, #cf img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

#cf {
      position:relative;
      height:100px;
      width:960px;
      margin:0 auto;
    }
    #cf img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cf img.top:hover, #cf img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

#cf1 {
      position:relative;
      height:100px;
      width:960px;
      margin:0 auto;
    }
    #cf1 img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cf1 img.top:hover, #cf1 img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

#cf2 {
      position:relative;
      height:563px;
      width:660px;
      margin:0 auto;
    }
    #cf2 img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cf2 img.top:hover, #cf2 img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

.bottom-twenty {
     margin-bottom: 20cm;
}

.bottom-ten {
     margin-bottom: 10cm;
}

.bottom-five {
     margin-bottom: 5cm;
}

.bottom-one {
     margin-bottom: 1cm;
}

div.header {
  width: 960px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.ti {
  width: 123px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.image {
  width: 660px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.nav {
  width: 152px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.written {
  width: 660px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.written2 {
  width: 450px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.cars {
  width: 660px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.cl {
  width: 152px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.ilinks {
  width: 140px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.iil {
  width: 300px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.ci {
  width: 650px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.nav {
  width: 152px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.links {
  width: 152px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.cl {
  width: 152px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.ilinks {
  width: 140px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.bi {
  width: 660px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

div.vc {
  width: 640px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.container {
  padding: 10px;
}

p {
    text-indent: 40px;
}

div.static {
    position: fixed;
    border: 2px solid #ffff00;
    background-color: #999999;
    font-weight: normal;
    color: #ffff00;
    border-radius: 0px 50px 50px 0px;
    padding: 5px 5px 5px 0px;
    margin: 3px 0px 10px 150px;
    }

    #cffffffff {
      position:relative;
      height:488px;
      width:650px;
      margin:0 auto;
    }
    #cffffffff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cffffffff img.top:hover, #cffffffff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }


    #cfffffff {
      position:relative;
      height:469px;
      width:650px;
      margin:0 auto;
    }
    #cfffffff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cfffffff img.top:hover, #cfffffff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }


    #cffffff {
      position:relative;
      height:395px;
      width:650px;
      margin:0 auto;
    }
    #cffffff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cffffff img.top:hover, #cffffff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
    }


    #cfffff {
      position:relative;
      height:400px;
      width:650px;
      margin:0 auto;
    }
    #cfffff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cfffff img.top:hover, #cfffff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}


    #cffff {
      position:relative;
      height:435px;
      width:650px;
      margin:0 auto;
    }
    #cffff img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cffff img.top:hover, #cffff img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);

}

    #cf5 {
      position:relative;
      height:366px;
      width:650px;
      margin:0 auto;
    }
    #cf5 img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cf5 img.top:hover, #cf5 img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

    #cf4 {
      position:relative;
      height:366px;
      width:650px;
      margin:0 auto;
    }
    #cf4 img {
      position:absolute;
      left:0;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out;
    }

    #cf4 img.top:hover, #cf4 img.hover_effect {
      opacity:0;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
}

.hovergallery img{
-webkit-transform:scale(1.0); /*Webkit: Scale down image to 1.0x original size*/
-moz-transform:scale(1.0); /*Mozilla scale version*/
-o-transform:scale(1.0); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}