body
{
word-wrap: break-word;  

	margin:0;
	padding:0;
         overflow-x:hidden; 
 text-decoration: none;
 background-image: url(images/header.png),  url(images/blue.png), url(images/pat.jpg)  ;
   background-position: bottom right, top right, top left ;
 -webkit-font-smoothing: antialiased;
    background-attachment: fixed;

  background-size:  711px 797px, 22px 95px , 1500px 713px ;
    background-repeat: no-repeat , repeat-y , repeat ;
}


::-webkit-scrollbar {width: 7px; height: 10px;  background-color:#e4e4e4;}
::-webkit-scrollbar-thumb { background-color: #575759; -webkit-border-radius: 1ex; }

.content {
	
	 -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
	 -moz-opacity: 0.60;
opacity: 0.60;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
	margin: 0 auto;
 width:430px;


}




.content:hover {
	 -moz-opacity: 0.90;
opacity: 0.90;
cursor:default;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
  

}


.contain {
 background-repeat: repeat;
width:460px;
background-image: url(images/bg.png);
position:absolute;
right:550px;
top:0px;
padding:20px 0px;
min-height:100%; 
 

}

p {
font-weight: normal;
   color: #4d4d4d;  
 font-size:13px;
line-height:26px;
text-align:justify;

      	    	
 font-family: 'Raleway', sans-serif;
}



h1 {
font-weight: normal;
text-transform: uppercase;
   color: #4d4d4d;  
 font-size:20px;
 text-align:center;
    letter-spacing: 4px;  	    	
 font-family: 'Raleway', sans-serif;
}



h1::first-letter { 
color:#b1c5d5;
}



h2 {
	padding-bottom:12px;
	border-bottom: dashed 1px #4d4d4d;
	margin-top:-10px;
font-weight: normal;
text-transform: uppercase;
   color: #4d4d4d;  
 font-size:12px;
 text-align:center;
    letter-spacing: 4px;  	    	
 font-family: 'Raleway', sans-serif;
}



h3 {
 font-weight: normal;
text-transform: uppercase;
   color: #4d4d4d;  
 font-size:16px;
 text-align:left;
    letter-spacing: 4px;          
 font-family: 'Raleway', sans-serif;
}


a:link {
    transition : 0.7s ease-out;

color : #4481b1;
text-decoration : none;
}
a:visited {
color : #4481b1;
text-decoration : none;
}
a:hover {

color : #b1c5d5;
cursor : crosshair;
text-decoration : none;
transition : 0.7s ease-out;
}
a:active {
color : #4481b1;
text-decoration : none;
}


 A:link.main

{
   -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.9s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
    font-weight: normal;
   color: #4d4d4d;  
  font-size:12px;
line-height:36px;
 display:block;
text-transform: uppercase;
border-bottom: dashed 4px #b1c5d5;
text-align:right;
              
 font-family: 'Raleway', sans-serif;

}

A:visited.main
{
   color: #4d4d4d; 
  text-decoration:none;
}

A:hover.main
{
   -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
padding-right:10px;
 
text-decoration:none;
  color: #4d4d4d; 
   
} 




 A:link.navi

{
   -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.9s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
    font-weight: normal;
   color: #4d4d4d;  
 font-size:12px;
line-height:36px;
display:block;
text-transform: uppercase;
 
text-align:right;
              
 font-family: 'Raleway', sans-serif;

}

A:visited.navi
{
   color: #4d4d4d; 
  text-decoration:none;
}

A:hover.navi
{
   -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;

 padding-right:10px;

text-decoration:none;
  color: #4d4d4d; 
   
} 



.nav {
  position:fixed;
  top:60%;
  right:1040px;
  width:170px;
 }


 .icon {
margin-right:10px;
margin-top:10px;
  float:left;
  width:80px;
  height:80px;
  border:dashed 1px #b1c5d5;

 }


 .icon2 {
  margin-top:10px;
  border:dashed 1px #b1c5d5;

margin-left:10px;
  float:right;
  width:80px;
  height:80px;

 }