* {
	margin: 0;
	padding: 0;
}

#container {
   width: 400px;
   background-color: #fc9;
   z-index:10;
}
#left, #right {
   float: left;
   width: 100px;
   color: #000;
      background-color: #fd9;
   z-index:20;

}
#right {
   float: right;
}




.clear {
	clear: both;
}

#page-wrap {
		width: 900px;

 padding: 25px;
 border: solid 1px #EFEFEF;
 border: solid 1px #CCC;
 -moz-box-shadow: 1px 1px 5px #999;
 -webkit-box-shadow: 1px 1px 5px #999;
 box-shadow: 1px 1px 5px #999;
background: white;
 margin-left: auto ;
  margin-right: auto ;
}

.button {
	float: left;
	margin: 5px;
	
}

#n1 {
	display: block;
	
}
#services {
	display: block;
	padding: 0px 0px 0px 20px;
	border: 1px solid grey;
	height: 343px;
	background:url(images/services.jpg) right no-repeat;
	
}
#about {

	display: block;
	padding: 0px 0px 0px 20px;
	border: 1px solid grey;
	height: 343px;
	background:url(images/about.jpg) right no-repeat;
}
#contact {
	display: block;
	padding: 0px 0px 0px 20px;
	border: 1px solid grey;
	height: 343px;
	background:url(images/contact.jpg) right no-repeat;
}
#n1-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}


#n2 {

	display: none;
	padding: 3px;

}
#n2-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
	
}

#n3 {
	display: none;
	padding: 3px;
}
#n3-button {
	opacity: 0.5;
	border-bottom: 1px solid black;

}
#n4 {
	display: none;
	padding: 3px;
}
#n4-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#n5 {
	display: none;
	padding: 3px;
}
#n5-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

body {
		font-size: 62.5%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
	background-position: fixed;
	position: relative;
}
h1 {
	text-align: center;
	font-weight: normal;
	font-size: 2.5em;
}
h1 small {
	display: block;
	font-size: 0.7em;
	color: #999;
}
img {border: none;}
ul.gallery {
	width: 902px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 25px; padding: 0;
	text-align: center;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
	border: solid 1px #EFEFEF;
 border: solid 1px #CCC;
 -moz-box-shadow: 1px 1px 5px #999;
 -webkit-box-shadow: 1px 1px 5px #999;
 box-shadow: 1px 1px 5px #999;
}
ul.gallery li a.thumb {
	width: 204px;
	height: 182px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background:#999;
	
  }
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}