/* CSS for the Agency 71 main page.
   Written by MLK, Feb 2004 */
   
body {
  font-family: arial, sans-serif;
  font-size: 8pt;
  color: #000000;
  background-color: #000000;
    background-image: url("../images/a71_circle_gray.png");
    background-repeat: no-repeat;
}

img {
  border: 0px;
}

div.bigcontainer {
  height: 900px;
  width: 768px;
  margin: auto;
  background-color: #ffffff;
}

div.container {
  position: relative;
  top: 0px;
  left: 0px;
  height: 900px;
  width: 768px;
  background-color: #ffffff;
}

/* The header section */

div.header {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 153px;
  width: 758px;
}

div.titleBar {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 103px;
	width: 753px;
}

div.zen {
	position: absolute;
	top: 0px;
	left: 614px;
	height: 103px;
	width: 144px;
	background-color: #ffb500;
}

div.divider {
	position: absolute;
	top: 108px;
	left: 0px;
	height: 45px;
	width: 758px;
	background-image: URL('../images/bluebar.gif');
	
}

div.quote {
	position: absolute;
	top: 13px;
	left: 0px;
	width: 758px;
	color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

/* The features section */

div.features {
  position: absolute;
  top: 163px;
  left: 5px;
  height: 197px;
  width: 758px;
}

div.featureTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 197px;
  width: 43px;
}

div.featureContent1 {
  position: absolute;
  top: 0px;
  left: 48px;
  height: 197px;
  width: 281px;
  background-color: #999999;
}

div.featurePhoto {
  position: absolute;
  top: 5px;
  left: 8px;
  height: 122px;
  width: 264px;
  background-color: #ffffff;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
}

div.featureDesc {
  position: absolute;
  top: 132px;
  left: 8px;
  height: 60px;
  width: 264px;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

div.featureLink {
  position: absolute;
  top: 174px;
  left: 237px;
  height: px;
  width: px;
}

/* The "AllAboutUs" stuff */
div.allaboutus {
  position: absolute;
  top: 0px;
  left: 334px;
  height: 197px;
  width: 423px;
}

div.allaboutusTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 423px;
}

div.allaboutusContent {
  position: absolute;
  top: 37px;
  left: 0px;
  height: 160px;
  width: 423px;
  background-color: #cccccc;
}

div.allaboutusText {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 150px;
  width: 413px;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

/* The "Check This Out!" stuff */
div.checkthis {
  position: absolute;
  top: 0px;
  left: 334px;
  height: 197px;
  width: 209px;
}

div.checkthisTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 209px;
}

div.checkthisContent {
  position: absolute;
  top: 37px;
  left: 0px;
  height: 160px;
  width: 209px;
  background-color: #cccccc;
}

div.checkThisText {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 150px;
  width: 199px;
}

/* Need to check the GO position */
div.checkthisLink {
  position: absolute;
  top: 174px;
  left: 168px;
}

div.checkthisDate {
	position: absolute;
	top: 178px;
	left: 5px;
}

/* The Diversions Stuff */
div.diversions {
  position: absolute;
  top: 0px;
  left: 548px;
  height: 197px;
  width: 209px;
}

div.diversionsTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 209px;
}

div.diversionsContent {
  position: absolute;
  top: 37px;
  left: 0px;
  height: 160px;
  width: 209px;
  background-color: #999999;
}

div.diversionsText {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 150px;
  width: 199px;
}

/* Need to check the GO position */
div.diversionsLink {
  position: absolute;
  top: 174px;
  left: 168px;
}

div.diversionsDate {
	position: absolute;
	top: 178px;
	left: 5px;
}

/* The portfolio stuff */
div.portfolio {
  position: absolute;
  top: 365px;
  left: 5px;
  height: 428px;
  width: 758px;
}

div.portfolioTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 428px;
  width: 43px;
}

div.folioPrint {
  position: absolute;
  top: 0px;
  left: 47px;
  height:  428px;
  width: 139px;
}

div.folioMotion {
  position: absolute;
  top: 0px;
  left: 190px;
  height:  428px;
  width: 139px;
}

div.folioMusic {
  position: absolute;
  top: 0px;
  left: 333px;
  height:  428px;
  width: 139px;
}

div.network {
  position: absolute;
  top: 0px;
  left: 476px;
  height:  428px;
  width: 139px;
}

div.links {
  position: absolute;
  top: 0px;
  left: 619px;
  height: 428px;
  width: 139px;
}

div.folioTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 139px;
}

div.folioContentL {
  position: absolute;
  top: 37px;
  left: 0px;
  height: 391px;
  width: 139px;
  background-color: #cccccc;
}

div.folioContentD {
  position: absolute;
  top: 37px;
  left: 0px;
  height: 391px;
  width: 139px;
  background-color: #999999;
}

div.folioItem1 {
  position: absolute;
  top: 11px;
  left: 11px;
  height: 142px;
  width: 125px;
}

div.folioItem1Icon {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 118px;
  width: 118px;
}

div.folioItem1Desc {
  position: absolute;
  top: 130px;
  left: 0px;
  height: 12px;
  width: 82px;
}

div.folioItem1Link {
  position: absolute;
  top: 123px;
  left: 82px;
  height: 19px;
  width: 42px;
}

div.folioDesc {
  position: absolute;
  top: 158px;
  left: 11px;
  height: 50px;
  width: 118px;
}

div.folioItem2 {
  position: absolute;
  top: 213px;
  left: 11px;
  height: 47px;
  width: 118px;
}

div.folioItem3 {
  position: absolute;
  top: 270px;
  left: 11px;
  height: 47px;
  width: 118px;
}

div.folioItem4 {
  position: absolute;
  top: 327px;
  left: 11px;
  height: 47px;
  width: 118px;
}

div.folioItemLink {
  position: absolute;
  top: 0px;
  left: 52px;
  height: 18px;
  width: 42px;
}

div.folioItemDescOne {
  position: absolute;
  top: 24px;
  left: 52px;
  height: 20px;
  width: 71px;
}

div.folioItemDescTwo {
  position: absolute;
  top: 36px;
  left: 52px;
  height: 20px;
  width: 71px;
}

/*img.icon {
  float: left;
  clear: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

p.folio {
  margin-top: 5px;
  margin-right: 3px;
  margin-bottom: 0px;
  margin-left: 11px;
  min-height: 47px;
  font-size: 8pt;
} */

/* The footer stuff */
div.footer {
  position: absolute;
  top: 796px;
  left: 5px;
  height: 31px;
  width: 758px;
}

div.blueBar {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 31px;
  width: 473px;
  background-color: #98B8C4
}

div.jumpstation {
  position: absolute;
  top: 5px;
  left: 142px;
}

div.yellowBar {
  position: absolute;
  top: 0px;
  left: 477px;
  height: 31px;
  width: 155px;
}

div.bottombannermiddle {
  position: absolute;
  top: 832px;
  left: 150px;
  height: 60px;
  width: 468px;
}

div.bottombannerright {
	position: absolute;
	top: 832px;
	left: 622;
	height: 60px;
	width: 142px;
}

div.bottombannerleft {
	position: absolute;
	top: 832px;
	left: 5px;
	height: 60px;
	width: 142px;
}

div.contact {
  position: absolute;
  top: 0px;
  left: 637px;
  height: 31px;
  width: 121px;
}

a:link {
	color: #6d0101;
	text-decoration: none;
}

a:visited {
	color: #6d0101;
	text-decoration: none;
}