@charset "UTF-8";
/* CSS Document */


* {
  margin: 0; 
  padding: 0;
  }


body, html {
  width:100%;
  }


body {
  background-color:#111;
  }
  

p {
  width:auto;
  text-align:center;
  }


a img, img {
  border: none;
  }


#page-wrap {
  width: 800px;
  margin: 0 auto;
  }

.photo-link {
  padding: 5px; 
  margin: 5px; 
  border: 1px solid #999; 
  display: block; 
  width: 100px;
  float: left;
  }


.photo-link:hover {
  border-color: white;
  }


#header {
  margin: 0px 2px;
  }


.landing {
  position: absolute;
  width: 225px;
  height: 260px;
  left: 50%;
  top: 50%;
  margin-left: -130px;
  margin-top: -200px;
  text-align:center;
  word-spacing:10px;
  line-height:40px;
}


.content {
  position:absolute;
  width:640px;
  left:50%;
  margin-left:-320px;
  }  


.mediaspace {

}


.container1 {
 margin:80px 0px;
 }


.style1 {
  font-size: 24px;
  color:#CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
  margin: auto;
  letter-spacing:2px;
  text-decoration:none;
  }


.style2 {
	font-size: 18px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	margin: auto;
	text-decoration:none;
}


.style3 {
  font-size: 14px;
  margin-left:15px;
  color:#CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
  line-height:30px;
  letter-spacing:3px;
  text-decoration:none;
  }


/* ----------------------------Header Dropdown Style ------------------------------- */


	ul, li, h2 {
		list-style-type: none;
		margin: 0; 
		padding: 0;
	}
	
	
	#nav {
	background:#111;
	}
	
	
	#nav > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
	/* for IE6/7 */
    *display: inline;
    zoom:1; 
	}
	
	
	#nav a {
      display:block;
	  padding: 15px 15px;
		color: #CCC;
		font-size: 18px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		text-decoration: none;
		
	}
	
	
	
	
	#nav a:hover, #nav a:focus {
		background-image:url(../images/link_background.png);
		background-color:#111;
		background-repeat:no-repeat;
		background-position: center;
		white-space:nowrap;
	}
	
	.submenu a:hover, #nav a:focus {
		background:#111;
		margin: 0px 0px;
	}
	
.submenu {
    position: absolute;
    left: 25px;
	z-index: 1;
    opacity: 0;
    filter:alpha(opacity=0);
	white-space: nowrap;
	background:#333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
   
}

.submenu li {
		height: 0;
		line-height: .5;
	
}
  
    
	#nav > li:hover .submenu, #nav > li.focus .submenu {
    z-index: 2;
    opacity: 1;
    }
	
	#nav > li:hover .submenu li, #nav > li.focus .submenu li {
    height: 35px;
	}