body{

	text-align: left;

	margin: 0px;

	padding: 0px;

	color: #FFFFFF;

	font-family: arial, verdana, sans serif;

	background: #000;

}

h1{

  margin: 0 0 8px 0;

  font-size: 2.4em;

  font-weight: normal;

} 

#wrap{

	width: 810px;

	margin-top: 30px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}

#header{

  height: 165px;

  width: 100%;

  clear: both;

}

#content{

  width: 100%;

  height: 265px;

  float: left;

  margin: 0;

}

#cont-inner{

  width: 658px;

  margin-top: 15px;

  text-align: left;

  margin-left: 74px;

  font-size: 75%;

/*  border: solid 1px blue;*/

}

/*#yellow #cont-inner{

  width: 705px;

  position: relative;

  top: 15px;

  text-align: left;

	margin-left: 76px;

}*/

#footer{

  width: 100%;

  height: 70px;

  text-align: right;

}

#footer p{

  color: #000;

  font-style: italic;

  font-size: 0.6em;

  margin: 40px 2px 0 0;

  float: right;

  display: inline;

}

#footer img{

  float: right;

  border: 0;

}

/* navigation starts*/

#navholder {

  width: 600px;

	height: 37px;

  margin: 1px 0 0 32px;

	clear: both;

  text-align: left;

}

#navbar ul {

  margin:0;

  padding-left: 20px;

  font-size: .8em;

  text-align: center;

}

#navbar li {

  list-style-type: none;

  display: inline;

}

#navbar li a{

  width: 124px;

  color: #fff;

  text-decoration: none;

  line-height: 2.6em;

  padding: 5px 14px 5px 25px;

  background: url('images/nav-hexs.gif') no-repeat;

}

#navbar li a:link a:visited{

  color: #fff;

}

#navbar li a:hover{

  color: #999;

}

/* nav ends*/

/*text decorations*/

.bold {

  font-weight: bold;

} 

.bold-k{

  font-weight: bold;

  color: #000;

}

.txt-large{

  font-size: 120%;

  margin: 0;

}  

.no-marg{

  margin: 0;

}

.p-bot-marg p{

  margin: 0 0 8px 0;

}

.p-top-marg{

  margin-top: 4px;

}

.black{

  color: #000

}  

.white{

  color: #fff;

}

.cont-l-col{

  width: 120px;

  float: left;

  clear: both;

  font-size: 150%;

}  

.cont-r-col{

  width: 320px;

  float: left;

  font-size: 210%;

  display: inline;

  margin-bottom: 10px;

}

.cont-r-col a{

  text-decoration: none;

  color: white;

} 

/* project page layout stuff*/

.proj-h1{

  font-size: 40px;

} 

.proj-small{

  color: #000;

  margin: 0;

  font-size: 11px;

}  

.proj-large{

  color: #000;

  margin: 5px 0 0 0;

}

#proj-upper{

  height: 140px;

}

.hives{

  width: 460px;

  height: 190px;

  float: left;

  display: inline;

  margin: 0 0 30px 0;

  text-align: left;

  font-weight: normal;

  color: #000;



}

.hives-inner img{

  float: left;

  margin-right: 20px;

  border: 0;

}

.hives-inner{

  height: 140px;

  width: 100%;

}

.hives-under{

  margin-top: 5px;

  font-weight: bold;

  font-size: 12px;

  color: #fff;

  border: solid 1px red;

} 

.hives-small{

  font-size: 12px;

  font-weight: normal;

  margin: 3px 0 0 0;

}  

.hives-head{

  font-weight: bold;

  color: #000;

  margin: 0 0 3px 0;

/*  color: #FDB913;*/

}  

.hive-right{

  float: right;

  width: 180px;

  height: 200px;

  margin: 0;

  text-align: center;

  font-size: 11px;

  line-height: 1.1em;

  display: inline;

  background: url('images/black-hive.gif') no-repeat;

}

.pad{

  margin-top: 45px;

}

/* colour variations pump it up elvis */

/*GREEN*/

#green #www {

  float: right;

  color: #65B839;

}

#green #header{

  background: url('images/header-g.gif');

}

#green #content{

  background: #71bf44;

}

#green #footer{

  background: #71bf44 url('images/footer-g.png');

}

#green #btn-g a{

	background: url('images/nav-hex-g.gif') no-repeat;

}  

/*ORANGE*/

#orange #www {

  float: right;

  color: #F37021;

}

#orange #header{

  background: url('images/header-o.png');

}

#orange #content{

  background: #F37021;

}

#orange #footer{

  background: #F37021 url('images/footer-o.png');

}

#orange #btn-o a{

	background: url('images/nav-hex-o.gif') no-repeat;

} 

/*BLUE*/

#blue #www {

  float: right;

  color: #00B9F1;

}

#blue #header{

  background: url('images/header-b.png');

}

#blue #content{

  background: #00B9F1;

}

#blue #footer{

  background: #00B9F1 url('images/footer-b.png');

}

#blue #btn-b a{

	background: url('images/nav-hex-b.gif') no-repeat;

} 

/*PINK*/

#pink #www {

  float: right;

  color: #E20177;

}

#pink #header{

  background: #000/*url('images/header-p.png')*/;

}

#pink #content{

  background: #E20177 /*url('images/home-body.png')*/;

}

#pink #footer{

  background: #fff/*url('images/footer-p.png')*/;   

  color: #000;

  font:12px;

  font-family:sans-serif;

}

#footer-inner{

  /*width: 660px;*/

  margin: 0 0 0 75px;

  float: left;

  display: inline;

}

#pink #footer h4{

  float: left;

  margin: 1px;



  font-size: 14px;

}

#pink #footer a{

  float: left;

  clear: both;

  color: #E20177;

  text-decoration: none;

  margin: 2px 0 2px 0;

  font-size: 12px;

}

#pink #btn-p a{

	background: url('images/nav-hex-p.gif') no-repeat;

}

.story{

  float: left; 

  width: 660px; 

  text-align: left;

  font-size: 75%;

}

/*YELLOW*/

#yellow #header{

  background: url('images/header-y.png');

}

#yellow #content{

  background: #FDB813 url('images/proj-body.png');

}

#yellow #wrap{

  border-left: solid 12px #fff;

  border-right: solid 12px #fff;

  border-bottom: solid 10px #fff;

}

#yellow #btn-y a{

	background: url('images/nav-hex-y.gif') no-repeat;

}

#yellow #content{

  width: 100%;

  height: 375px;

  margin: 0;

  overflow: auto;

/*  border: dashed 2px pink;*/

}

/*LILLAC*/

#lillac #www {

  float: right;

  color: #AC4D9D;

}

#lillac #header{

  background: url('images/header-l.png');

}

#lillac #content{

  background: #AC4D9D;

}

#lillac #footer{

  background: #AC4D9D url('images/footer-l.png');

}