@charset "utf-8";
/* CSS Document */
body{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
}
#Layer1 {

margin-left: -502px;

margin-top: -300px;
background-image: url(images/vibebackground2.jpg);
background-repeat:no-repeat;
}
a{
color:#000000;
text-decoration: underline;
}
a:hover{
text-decoration:underline;
color:#666666;
}
a img{
border: none;
}	

#header{
width:100%;
height:242px;
}
#wrapper{
margin:0px auto; width:1004px;
}
#navigation{
width: 344px; height: 103px;float:left; background-image:url(images/navbackground.jpg); background-repeat:no-repeat; margin: 112px 0px 0px 15px;
}
#logos{
width:641px; float:left;
}
img{
border: none;
}
#content{
width:1004px;
height: auto;
margin-top:3px;
float:left;
padding:0px;

}
#nav {
	list-style:none;
	margin:0px 0px 0px;

	padding:0px;
	clear:both;
	float:left;
	line-height:0px;
}
#nav li{
	margin-left:0px;
	float:left;
	z-index:10;
}
#nav li a{
	display:block;
	float:left;
	text-decoration:none;
		color:#FFFFFF;
	font-weight:bold;
	font-size:120%;

}
#nav li a:hover{
	
		color:#666666;
	font-weight:bold;

}
#nav #nav-home a{
	width: 48px;
	background-color:#83FE2A;
	margin: 21px 0px 0px 10px;
	padding:35px 11px 44px 15px;
	display:inline;
}
#nav #nav-home a:hover{
background-color:#B6FE81;
}
#nav #nav-about a{
	width: 71px;
	background-color:#F701FC;
	margin: 21px 0px 0px 10px;
	padding:35px 0px 44px 5px;
	display:inline;
}
#nav #nav-about a:hover{
background-color:#ff99ff;
}
#nav #nav-services a{
	width: 65px;
	background-color:#d99652;
	margin: 21px 0px 0px 11px;
	padding:35px 4px 44px 7px;
	display:inline;
}
#nav #nav-services a:hover{
background-color:#e4b867;
}

#nav #nav-contact a{
	width: 66px;
	background-color:#1bf5fe;
	margin: 21px 0px 0px 9px;
	padding:35px 0px 44px 10px;
	display:inline;
}
#nav #nav-contact a:hover{
background-color:#aafbff;
}
#transbox
  {
  width: 260px;
  height: 230px;
  float:left;
  margin: 40px 0px 0px 26px;
  padding:20px;
  display:inline;
  background-color: #CCCCCC;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  /* for Mozilla */
  -moz-opacity:0.6;
  }
  #contentbox{
  color:#FFFFFF;
  width:626px;
  height:270px;
  background-image:url(images/contentgrey.jpg);
  background-repeat:no-repeat;
  float:left;
  display:inline;
  margin: 35px 0px 0px 26px;
  }
    #contentbox2{
		color:#FFFFFF;

  width:626px;
  height:270px;
  background-image: url(images/contentgreyindex.jpg);
  background-repeat:no-repeat;
  float:left;
  display:inline;
  margin: 35px 0px 0px 26px;
  }
    #contentbox3{
	color:#FFFFFF;
  width:626px;
  height:270px;
  background-image: url(images/contentpink.jpg);
  background-repeat:no-repeat;
  float:left;
  display:inline;
  margin: 35px 0px 0px 26px;
  }
    #contentbox4{
	color:#FFFFFF;
  width:626px;
  height:270px;
  background-image: url(images/contentorange.jpg);
  background-repeat:no-repeat;
  float:left;
  display:inline;
  margin: 35px 0px 0px 26px;
  }
    #contentbox5{
	color:#FFFFFF;
  width:626px;
  height:270px;
  background-image: url(images/contentblue.jpg);
  background-repeat:no-repeat;
  float:left;
  display:inline;
  margin: 35px 0px 0px 26px;
  }

  #greybox1{
  width:300px;
  height:270px;
  float:left;
  background-image: url(images/box1.jpg);
  margin: 35px 0px 0px 26px;
  display:inline;
  
  }
   #greybox2{
  width:300px;
  height:270px;
  float:left;
  background-image: url(images/box2.jpg);
  margin: 35px 0px 0px 26px;
  display:inline;
  
  }
   #greybox3{
   color:#FFFFFF;
  width:300px;
  height:270px;
  float:left;
  background-image: url(images/box3.jpg);
  margin: 35px 0px 0px 26px;
  display:inline;
  
  }
    #contactbox{
  width:300px;
  height:270px;
  float:left;
  background-color:#1bf5fe;
  margin: 35px 0px 0px 26px;
  display:inline;
  overflow:hidden;
  
  }
      #aboutbox{
  width:300px;
  height:270px;
  float:left;
  background-color:#FF00FF;
  margin: 35px 0px 0px 26px;
  display:inline;
  overflow:hidden;
  
  }
    #servicesbox{
  width:300px;
  height:270px;
  float:left;
  background-color:#d99652;
  margin: 35px 0px 0px 26px;
  display:inline;
  overflow:hidden;
  
  }
#servicesbox p{
margin:0px;
padding:10px 0px 5px 0px;
}

  
#greybox1 p, #greybox2 p, #greybox3 p
  {
  margin: 15px;
  color: #000000;
  padding:0px;
  }
  .header{
  font-size:200%;
  margin: 0px;
  padding: 0px;
  display:inline;
  line-height:80%;
  }
    .headerwhite{
  font-size:200%;
  margin: 0px;
  padding: 0px;
  display:inline;
  line-height:80%;
  color:#000000;
  }

  #footer{
  width:950px;
  float:left;
  margin:10px 27px 0px 27px;
  display:inline;
  }
  a.whitelarge{
  color:#000000;
  font-size:200%;
  text-decoration:none;
  }
  a.whitelarge:hover{
  color:#666666;
  text-decoration:underline;
  }
  a.pink{
  color:#FF00FF;
  text-decoration:none;
  }
  a.pink:hover {
  color:#CC6699;
  }
    a.green{
  color:#83FE2A;
  text-decoration:none;
  }
  a.green:hover {
  color:#B6FE81;
  }
    a.blue{
  color:#1bf5fe;
  text-decoration:none;
  }
  a.blue:hover {
  color:#aafbff;
  }

  .white{
  color:#FFFFFF;
  }
  .right{
  float:right;
  }
  #form2 {
	margin:0px;
	padding:0px;


}
#form2 p {
	clear: both;
	padding-bottom: 2px;
}
label {
font-weight: bold;
	color:#666;
	font-size: 70%;
	padding-top: 0px;
	width: 80px;
	float: left;
}
#form2 input {
width: 168px;
	padding: 1px;
	border: 1px solid #FFFFFF;
	float: right;
	margin-right: 0px;
	margin-bottom:1px;
	
	background:#aafbff;
	}
#form2 textarea {
	width: 160px;
	height: 100px;
	background:#aafbff;
	border: solid 1px #FFFFFF;
	padding: 5px 3px 3px 7px;
	float:right;
}
#form2 #submit {
	width: 172px;
	height: 20px;
	padding: 0px;
	border:none;
	margin-top:2px;
	background-color:#FFFFFF;
	float:right;
}
#form2 textarea:focus, #form2 input[type="text"]:focus {
	border-color: #999999;
}
.error {
	font-weight: bold;
	color:#999999;
	font-size:80%;
	margin:0px;
	padding:0px;
}