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

html, body {
	padding:0;
	margin:0;
	background-color:#000;
	position:relative;
	height:100%;
	
	}
	
	body {
			background-image:url(images/bgfade.jpg);
background-repeat:no-repeat;
background-position:center;


scrollbar-base-color: #567;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #ccc;
scrollbar-face-color: #505050;
		}
	
	#masterwrap {
			position:relative;
	height:100%;
	width:100%;
			background-image:url(images/bgfade2.png);
		}
	
#wrapper2, #wrapper1 {
	position:relative;
	height:100%;

		}
#wrapper1 {
	width:100%;


}
#wrapper2 {
	  width: 830px;
	  }

#topnavaccordian{
  list-style: none;
  margin: 0;
  padding: 0;
	  	position:relative;
		text-align:left;
			



}

#topnavaccordian li{
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
}

#topnavaccordian li .a{
  display: block;
  overflow: hidden;
  height: 280px;
  width: 75px;
  text-decoration:none;
  color:#FFFFFF;
  cursor:pointer;
}

#topnavaccordian #a1{
  width: 500px;
}

#topnavaccordian li img{
  position: absolute;
  border: 0px solid #881212;
}

#topnavaccordian li p{
  margin: 0;
  padding: 4px;
  width: 412px;
  display: block;
  margin-left: 75px;
  padding-right:10px;
    height: 270px;
	font-size:12px;
	font-family:sans-serif, Arial, Helvetica;
	text-align:justify;
	overflow:auto;
}



#topnavaccordian li p strong{
	font-size:16px;
}

.design { background:#255294; }
.database { background:#912a44; }
.projects { background:#50912a; }
.consult { background:#91532a; }
.contact { background:#862a91; }

.headfade { 
background-image:url(images/fade.png);
background-repeat:no-repeat;
background-position:top left;
}

a, a:link {
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#999;
	}
	a:hover, a:link:hover {
	text-decoration:underline;
	color:#000;

	}