/* CSS Document For Raptor Software (www.jdavidmacor.com) */
	
/* Basic Body */

	body {
	  background: #fff url("body_bg.gif") repeat-x;
	  }
	
	a img {
	  border: 0;
	  }
	
	#container {
	  width: 760px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  }
	  
	h1 {
	  font-family: "Tahoma", Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 32px;
	  color: #FFFFFF;
	  margin-bottom: 30px;
	  }
	  
	h2 {
	  font-family: "Tahoma", Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 25px;
	  text-align: center;
	  color: #153F00;
	  margin-bottom: 30px;
	  padding: 10px;
	  }

	h3 {
	  font-family: "Tahoma", Arial, Helvetica, sans-serif;
	  font-weight: 600;
	  font-size: 15px;
	  text-align: left;
	  color: #414D66;
	  border-bottom: 1px dotted #414D66;
	  text-decoration: none;
	  padding-left: 10px;
	  margin-right: 20px;
	  margin-left: 10px;
	  }

	h3 a {
	  color: #414D66;
	  text-decoration: none;
	  border: 0px;
	  }

	h3 a:hover{
	  text-decoration:none;
	  color: #000066;
	  border: 0px;
	  }

	a {
	  color: #3366CC;
	  text-decoration: none;
	  border-bottom: 1px dashed #0099CC;
	  }

	a:hover {
	  color: #414D66;
	  text-decoration: none;
	  border-bottom: 1px dashed #414D66;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 5px;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }

/* Header Styles */

	#header h1, #header h2, #header p {
	  margin: 0 10px;
	  letter-spacing: 1px;
	  }

	#header h1 {
	  font-size: 2.5em;
	  color: #FFFFFF;
	  padding-top: 2px;
	  }

	#header h2 {
	  font-size: 1.4em;
	  color: #EFEFEF;
	  border: 0;
	  text-align: left;
	  padding: 10px;
	  }

	#header p {
	  padding-bottom:0.5em;
	  }

	#xsnazzy h2 {
	  padding-top:0.5em;
	  }

	#header {
	  background: transparent;
	  }

	.xtop, .xbottom {
	  display: block;
	  background: transparent;
	  font-size: 1px;
	  }

	.xb1, .xb2, .xb3, .xb4 {
	  display: block;
	  overflow: hidden;
	  }

	.xb1, .xb2, .xb3 {
	  height: 1px;
	  }

	.xb2, .xb3, .xb4 {
	  background: #414D66; 
	  border-left: 1px solid #414D66;
	  border-right: 1px solid #414D66;
	  }
	
	.xb1 {
	  margin: 0 5px; 
	  background: #414D66;
	  }
	
	.xb2 {
	  margin: 0 3px; 
	  border-width: 0 2px;
	  }
	
	.xb3 {
	  margin: 0 2px;
	  }
	
	.xb4 {
	  height: 2px; 
	  margin: 0 1px;
	  }
	
	.headercontent {
	  display: block;
	  background: #414D66;
	  border: 0 solid #414D66;
	  border-width: 0 1px;
	  clear: none;
	  }


/* Promo Box */

	#promo h1, #promo h2, #promo p {
	  margin:0 10px;
	  letter-spacing:1px;
	  }

	#promo h1 {
	  font-size:2.0em;
	  color:#414D66;
	  text-align: center;
	  margin-bottom:10px;
	  }

	#promo h2 {
	  font-size:1.4em;
	  color:#EFEFEF;
	  border:0;
	  text-align:left; 
	  padding:10px;
	  }

	#promo p {
	  padding-bottom:0.5em; 
	  text-align: center; 
	  padding-left:30px; 
	  padding-right: 30px;
	  }
	
	#promo h2 {
	  padding-top:0.5em;
	  }
	
	#promo img {
	  border: 1px dashed #CCCCCC; 
	  padding: 6px;
	  }
	
	#promo {
	  background: transparent; 
	  margin-top: 20px;
	  }
	
	.xtop2, .xbottom2 {
	  display:block; 
	  background:transparent; 
	  font-size:1px;
	  }
	
	.xb12, .xb22, .xb32, .xb42 {
	  display:block; 
	  overflow:hidden;
	  }
	
	.xb12, .xb22, .xb32 {
	  height:1px;
	  }
	
	.xb22, .xb32, .xb42 {
	  background:#E4ECEC; 
	  border-left:1px solid #E4ECEC; 
	  border-right:1px solid #E4ECEC;
	  }
	
	.xb12 {
	  margin:0 5px;
	  background:#E4ECEC;
	  }
	
	.xb22 {
	  margin:0 3px;
	  border-width:0 2px;
	  }
	
	.xb32 {
	  margin:0 2px;
	  }
	
	.xb42 {
	  height:2px; 
	  margin:0 1px;
	  }
	
	.promocontent {
	  display:block; 
	  background:#E4ECEC; 
	  border:0 solid #E4ECEC; 
	  border-width:0 1px; 
	  clear:none;
	  }

/* Content */

	.splitright {
	  background-color: #ffffff;
	  margin:19px 0 0 0;
	  width: 50%;
	  float: right;
	  overflow: hidden;
	  margin-bottom: 20px;
	  }

	.splitright p {
	  margin-left: 20px;
	  margin-right: 10px;
	  text-align: justify;
	  }

	.splitright h3 {
	  margin-right: 10px;
	  margin-left: 20px;
	  }

	.splitleft {
	  background-color: #ffffff;
	  margin:19px 0 0 0;
	  width: 50%;
	  float: left;
	  overflow: hidden;
	  margin-bottom: 20px;
	  }

	.splitleft p {
	  margin-left: 10px;
	  margin-right: 20px;
	  text-align: justify;
	  }

	.widecontent {
	  margin-left: 10px;
	  margin-right: 10px;
	  }

	.widecontent h3 {
	  border-bottom: 1px dotted #414D66;
	  margin-left: 0px;
	  margin-right: 0px;
	  }

         .splitleft img, .splitright img {
	  border: 1px dashed #CCCCCC;
	  padding: 6px;
	  }

/* Footer */

	#footer {
	  text-align: center;
	  clear: both;
	  margin-top: 20px;
	  color: #BBBBBB;
	  padding: 10px;
	  }

	#footer p a {
	  color: #999999;
	  font-weight:100;
	  text-decoration: none;
	  border-bottom: 1px dotted #000000;

	  }

	#footer p a:hover {
	  color: #000000;
	  text-decoration: none;
	  border-top: 1px dotted #000000;
	  }

/* The End (a jdavidmacor.com production) */

#menu {
  position:relative;
  font-size: 11px;
  color:#aaa;
  background:#414D66;
  height:2em; 
  padding: 0 0 0 2em;
  font-weight: bold;
  }
#menu a, #menu a:visited {
  text-decoration:none; 
  color:#fff;
  border: none;
  }

#menu a:hover {
  position:relative;
  top:2px;
  left:2px;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
  }

/* Gallery */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer a {
  border: none;
}  

.thumbnail a {
  border: none;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}