/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  December 8, 2009, 4:10 am with psd2css Online version 1.58
 *
 */
body {
  background: url(pageimages/background.jpg) 50% -0% no-repeat;
}


/* You named this layer Layer 1 */
#container {
  position: absolute;
  left: 50%;
  margin-left: -471px;
  top: 0px;
  width: 942px;
  height: 998px;
  z-index: 2;
}

#largecontentdiv {
  position: absolute;
  left: 50%;
  margin-left: -350px;
  top: 190px;
  width: 700px;
  height: 700px;
  z-index: 4;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  color: #000000;

} 

#largecontentdiv  p{
padding: 10px;
}

#homebracket {
  position: absolute;
  left: 128px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#gallerybracket {
  position: absolute;
  left: 208px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#pricingbracket {
  position: absolute;
  left: 311px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#sessionsbracket {
  position: absolute;
  left: 410px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}

#contactbracket {
  position: absolute;
  left: 528px;
  top: 115px;
  width: 8px;
  height: 23px;
  z-index: 3;
}
/* You named this layer home_link */
#navhome {
  position: absolute;
  left: 140px;
  top: 121px;
  width: 51px;
  height: 13px;
  z-index: 4;
}

/* You named this layer gallery_link */
#navgallery {
  position: absolute;
  left: 220px;
  top: 121px;
  width: 81px;
  height: 13px;
  z-index: 5;
}

/* You named this layer pricing_link */
#navpricing {
  position: absolute;
  left: 323px;
  top: 121px;
  width: 74px;
  height: 13px;
  z-index: 6;
}

/* You named this layer sessions_link */
#navsessions {
  position: absolute;
  left: 421px;
  top: 121px;
  width: 88px;
  height: 13px;
  z-index: 7;
}

/* You named this layer contact_link */
#navcontact{
  position: absolute;
  left: 540px;
  top: 121px;
  width: 88px;
  height: 13px;
  z-index: 8;
}

/* You named this layer messageboard_text */
#messagediv {
  position: absolute;
  left: 17px;
  top: 210px;
  width: 284px;
  height: 249px;
  z-index: 9;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #000000;
}
#messagetitle {
   	font-weight: bold;
	font-size: large;
	list-style-type: none; 
    margin-top: -10px;
	padding: 10px 0 15px 75px;
    position: absolute;
	text-decoration:none; 
	color: #000000;
  }  
/* You named this layer calltoaction_text */
#actiondiv {
  position: absolute;
  left: 17px;
  top: 485px;
  width: 284px;
  height: 173px;
  z-index: 10;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
}

/* You named this layer image_text */
#imagediv {
  position: absolute;
  left: 424px;
  top: 233px;
  width: 470px;
  height: 365px;
  z-index: 11;

  /* Here are some suggestions for this area's text settings */
  text-align: center;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
}

/* You named this layer productshowcase_text */
#productdiv {
  position: absolute;
  left: 17px;
  top: 721px;
  width: 444px;
  height: 156px;
  z-index: 12;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
}

/* You named this layer about_text */
#aboutdiv {
  position: absolute;
  left: 481px;
  top: 721px;
  width: 444px;
  height: 156px;
  z-index: 13;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  color: #000000;
}

#aboutdiv img {
  position: absolute;
  }
 
#contact {
   	float: left;
	font-weight: bold;
	list-style-type: none; 
    margin-top: 110px;
	margin-left: 119px;
	padding: 0px;
    position: absolute;
	text-decoration:none; 
	color: #000000;
  }  

/* You named this layer footer_text */
#footer {
  position: absolute;
  left: 17px;
  top: 888px;
  width: 907px;
  height: 93px;
  z-index: 14;

  /* Here are some suggestions for this area's text settings */
  text-align: left;
  /* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}
 
 #footer img {
   left: -148px;
   position: absolute;
   margin-left: 50%;
   top: 70px;
   }
   
 #footernavdiv {
   height: 1px;
   left: 50%;
   margin-left: -175px;
   position: absolute;
   text-align: center;
   top: 45px;
   width: 350px;
   }
   
 #footernav { 
	  padding:0; 
	  margin:0; 
	  
	  } 
	#footernav li { 
	  list-style-type:none; 
	  float: left;
      text-align: center;
	  } 
	  
#footernav a, #footernav a:visited { 
	  display:block; 
	  width:60px;  
	  font-family: verdana, arial, sans-serif; 
	  font-size:small; 
	  text-align:center; 
	  text-decoration:none; 
	  color: #000000;
	  }