/* DavisImages.com CSS Document */

body  {
margin: 0;
padding: 0px;
color: #254880;
background-color: #c0d8ff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-decoration: none;
}
a {
color: #254880;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
color: #FF9D35;
text-decoration: overline underline;
}
a:visited {
color: teal;
text-decoration: overline underline;
} 

.table_text {
color: #254880;
font-size: 12pt;
font-weight: normal;
padding: 0 0 0 20px;
}
.spacer_Hbar {
width: 100%;
color: #000;
padding: 2px;
}
.top_header {
background-image:url(images/top_bar.gif);
background-repeat:repeat-x;
height: 24px;
color: #254880;
font-size: 12pt;
font-weight: normal;
padding: 3px 0 0 10px;
}
.header {
background-image:url(images/top_banner.gif);
background-repeat:repeat-x;
height: 60px;
color: #FFF;
font-size: 24pt;
font-weight: bold;
padding: 12px 0 0 10px;
}
.nav_header {
background-image:url(images/nav_bar.gif);
background-repeat:repeat-x;
height: 50px;
color: #254880;
font-size: 12pt;
word-spacing: 2.25em;
font-weight: normal;
text-decoration: none;
padding: 6 0 0 15px;
}
.bottom_bar {
background-image:url(images/bottom_bar.gif);
background-repeat:repeat-x;
height: 100px;
color: #254880;
font-size: 10pt;
font-weight: normal;
padding: 25 0 0 295px;
}
.white {
width: 100%;
background-color: #EEE;
color: #000;
height: 60px;
}
.middle {
width: 100%;
background-color: #c0d8ff;
}

/* navigation holds logo, number and menu */
#navigation {
  position:absolute;
  top:20px;
  left:10px;
  width:200px;
  margin:0;
  padding:0;
  z-index:100;
  border:0px solid red;
  text-align:center;}
  
#nav{
	width:160px;
	padding:0px;
	margin:0;
	border:1px solid #6e6117;}
	  
		/*  use these for LEFT list menus */
		#leftnavcontainer ul {
			list-style:none;	
			margin-left:10px;
			padding:0px;
			text-align: left;
			vertical-align:top;
			background:#000 url(list-off.gif) right center no-repeat;}
		
			#leftnavcontainer ul li a {
				background: url(list-off.gif) right center no-repeat;
				text-align: left;
				vertical-align:top;
				color: #ffec6c;
				font-size: 94%;
				text-decoration: none;
				display: block;
				padding:2px 0 2px 11px;
				line-height:18px;
				margin:0;
				border-bottom: 1px solid #6e6117;
				height:1%;}
			
			#leftnavcontainer ul li a:hover { 
				background: url(dbl_redarrow.gif) right center no-repeat;		
				color: #000000;
				border-bottom: 1px solid #6e6117;
				background-color: #fff;
				height:1%;
				vertical-align:top;}
			
			#leftnavcontainer ul li a#current {
				background: url(list-off.gif) right center no-repeat;
				color: #000000;
				background-color: #FFFFFF;
				height:1%;
				vertical-align:top;
				border-bottom: 1px solid #6e6117;}/*  END leftnav list classes */



/*

#nav{
	width:160px;
	padding:0px;
	margin:0;
	border:1px solid #6e6117;}
	  
		  use these for LEFT list menus 
		#leftnavcontainer ul {
			list-style:none;	
			margin-left:15px;
			padding:0px;
			text-align: left;
			vertical-align:top;
			background:#000 url(images/list-off.gif) right center no-repeat;}
		
		#leftnavcontainer ul li a {
			background: url(images/list-off.gif) right center no-repeat;
			text-align: left;
			vertical-align:top;
			color: #ffec6c;
			font-size: 94%;
			text-decoration: none;
			display: block;
			padding:2px 0 2px 11px;
			line-height:18px;
			margin:0;
			border-bottom: 1px solid #6e6117;
			height:1%;}
		
		#leftnavcontainer ul li a:hover { 
			background: url(images/dbl_redarrow.gif) right center no-repeat;		
			color: #000000;
			border-bottom: 1px solid #6e6117;
			background-color: #fff;
			height:1%;
			vertical-align:top;}
		
		#leftnavcontainer ul li a#current {
			background: url(images/list-off.gif) right center no-repeat;
			color: #000000;
			background-color: #FFFFFF;
			height:1%;
			vertical-align:top;
			border-bottom: 1px solid #6e6117;}  END leftnav list classes */

  
/* Content */
#content {
  position:absolute;
  top:40px;
  left:235px;
  width:640px; 
  margin:0;
  padding:0;
  text-align:center;
  border:0px solid #333;}

				#ItEmerges{
				background-image:url(images/It_Emerges_sm1.jpg);
				background-position:top;
				background-repeat:no-repeat;
				height:400px;
				width:600px;
				margin:0 auto;
				text-align:center;}
				
				
				#mayan{
				background-image:url(images/maya.jpg);
				background-position:top;
				background-repeat:no-repeat;
				height:400px;
				width:600px;
				margin:0 auto;
				text-align:center;}
				
				
				#peleport{
				background-image:url(images/peleport.jpg);
				background-position:top;
				background-repeat:no-repeat;
				height:400px;
				width:600px;
				margin:0 auto;
				text-align:center;}
				
				
				#atlantis{
				background-image:url(images/atlantis.jpg);
				background-position:top;
				background-repeat:no-repeat;
				height:400px;
				width:600px;
				margin:0 auto;
				text-align:center;}
				
				
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: 0b183d;
padding: 5px;
left: -1000px;
visibility: hidden;
color: 254880;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -150px; /*position where enlarged image should offset horizontally */

}

#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: 254880;
border: 1px solid gray;
visibility: hidden;
}

.vertalignBottom{vertical-align:bottom;}
.aligncenter{text-align:center}
.zindex1{z-index:1}
.zindex10{z-index:10;}

.floatleft {float:left;}
.floatright {float:right;}

.clearleft {clear:left;}
.cleartright {clear:right;}

.block {display:block;}
.inline {display:inline;}

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.offsetleft20{padding-left:20px;}
.offsetleft30{padding-left:30px;}