     .greydout {
      -webkit-opacity: 0.25;
      -moz-opacity: 0.25;
      opacity: 0.25;


    } 


    .greydout:hover {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
    } 


.greydout {
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
} 







.fade {
   opacity: 0.5;
   transition: opacity .10s ease-in-out;
   -moz-transition: opacity .10s ease-in-out;
   -webkit-transition: opacity .10s ease-in-out;
   }

   .fade:hover {
      opacity: 1.0;
      }

.name{
	width:233px;
	height:20px;
	position: absolute; 			  /* positioning of first main menu item - if absolute used theyll pile on top of each other */
	left:160px;
	top:22px; 
	padding:0px 0px;
/*background-color:#FF00cc;*/
	z-index:4;
	font-family: mysecondfont,'Helvetica Neue', Helvetica, Arial, sans-serif;   /* styling: */
	font-weight: 200;
	font-size: 20px;
	letter-spacing: 3px;
	color:#555555;
	text-align: left;
        }




.navigation{
	width:720px;
	height:25px;
	position: relative; 			  /* positioning of first main menu item - if absolute used theyll pile on top of each other */
	left:398px;
	top:14px; 
padding:0px 0px;
/*background-color:#FF00FF;*/
	z-index:4;
        }


.navigation ul{                                     /* positioning */
	position:absolute;
	right:0px;
	top:0px; 
	z-index:1000;
        list-style:none; 			/* remove the dots next to list items: */
        margin:0; 				/* get rid of any default or inherited margins and padding: */
	padding:0; 
font-family: mysecondfont,'Helvetica Neue', Helvetica, Arial, sans-serif;   /* styling: */
	letter-spacing: 3px;
	font-weight:200;
	font-size: 13px;
        }


.navigation > ul > li {  			  /* positioning - we're using the direct descendant selectors > to ONLY affect the main menu items */
	position: relative; 			  /* positioning of first main menu item - if absolute used theyll pile on top of each other */
	left:5px;
	top:0px;        
	float: left;
	margin-right: 0px;			   /* styling: */
        }

.navigation > ul > li > a {  
          padding:10px 8px;
	text-decoration:none;
	color:#777777; 			
	display:block;                			 	 /* styling: */
	text-decoration:none;

        }



span.spacer1{
	width:18px;
	height:8px;
	position: relative; 			  /* positioning of first main menu item - if absolute used theyll pile on top of each other */
	left:0px;
	top:8px;        
	margin:0;
	padding:0;
	background-image:url('../misc/spacer1.png');
	background-position: center center;
	background-repeat:no-repeat;
	display:inline-block;
	background-color:transparent;
	}


.navigation-left{
	width:100px;
	height:250px;
	position: absolute; 			  /* positioning of first main menu item - if absolute used theyll pile on top of each other */
	right:0px;
	top:405px; 
padding:0px 0px;
/*background-color:#FF00FF;*/
	z-index:4;
        }


.navigation-left ul{                                     /* positioning */
	position:absolute;
	right:5px;
	bottom:0px; 
	z-index:1000;
        list-style:none; 			/* remove the dots next to list items: */
        margin:0; 				/* get rid of any default or inherited margins and padding: */
	padding:0; 
font-family: mysecondfont,'Helvetica Neue', Helvetica, Arial, sans-serif;   /* styling: */
	font-weight: 200;
	font-size: 12px;
	letter-spacing: 3px;
text-align: right;
        }


.navigation-left > ul > li {  			  /* positioning - we're using the direct descendant selectors > to ONLY affect the main menu items */
	position: relative; 			  /* positioning of first main menu item - if absolute used theyll pile on top of each other */
	left:0px;
	top:0px;        
	
	margin-right: 0px;			   /* styling: */
        }

.navigation-left > ul > li > a {  
          padding:0px 0px;
	text-decoration:none;
	color:#555555; 			
	display:block;                			 	 /* styling: */
	text-decoration:none;

        }

.contact-box{
	position: relative; 	
	left:0px;
	top:20px;        
	width:954px;
	height:636px;
	border-left-style: solid;
	border-width: 5px;
	border-color: red;
	
/*background-color:#FF00FF;*/
	}

