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

* {
  margin: 0px;
  padding: 0px;
  border: none;
}
body {
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #777777;
}

#button1 {
 color: #777;
 font-size: 0;
 width: 100px;
 height: 30px;
 border: none;
 margin: 0;
 padding: 0;
 background: #777 url(PiDesign/images/submit.jpg) 0 0 no-repeat;
}

#container {
  margin: auto;
  width: 920px;
}
#container2 {
	margin: auto;
	width: 960px;
	text-align: center;
}

#logo {
  float: left;
  height: 295px;
  width: 920px;
  background-image: url(images/homepage-sliced_01.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
h3 {
  text-transform: uppercase;
  color: #F00;
  text-align: center;
  margin-bottom: 0px;
  font-size: 10px;
}
.sidebar-list li {
  list-style-type: none;
  margin-top: 10px;
  padding-bottom: 10px;
  background-image: url(images/divider.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
#consulting {
	float: left;
	height: 400px;
	width: 321px;
	background-image: url(images/PiConsulting.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#design {
  float: left;
  height: 400px;
  width: 285px;
  background-image: url(images/PiDesignStudio.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#blog {
  float: left;
  height: 400px;
  width: 314px;
  background-image: url(images/PiDevBlog.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* Pi Design */
#topleft {
  float: left;
  height: 185px;
  width: 226px;
  background-image: url(PiDesign/images/PiWebBG_01.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#pidesignlogo {
  float: left;
  height: 185px;
  width: 527px;
  background-image: url(PiDesign/images/PiWebBG_02.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#topright {
  float: left;
  height: 185px;
  width: 206px;
  background-image: url(PiDesign/images/PiWebBG_03.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#midleft {
  float: left;
  height: 74px;
  width: 226px;
  background-image: url(PiDesign/images/PiWebBG_04.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#menu {
	float: left;
	height: 74px;
	width: 527px;
	background-image: url(PiDesign/images/PiWebBG_05.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-color: #000;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	word-spacing: normal;
}
#midright {
  float: left;
  height: 74px;
  width: 206px;
  background-image: url(PiDesign/images/PiWebBG_06.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#botleft {
  float: left;
  height: 587px;
  width: 226px;
  background-image: url(PiDesign/images/PiWebBG_07.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#body {
	float: left;
	height: 587px;
	width: 527px;
	background-image: url(PiDesign/images/PiWebBG_08.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
#botright {
  float: left;
  height: 587px;
  width: 206px;
  background-image: url(PiDesign/images/PiWebBG_09.jpg);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}