body {
	font:Verdana, Arial, Helvetica, sans-serif;
	background:url(Images/BW_Bground3.jpg); 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	cursor: url('Tatt_cur.cur');
}

body img
{ 	border:none;
	outline:none;
}
body a
{	outline:none;
	text-decoration:none;
}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-top:10px;
}
#container2  
 {  
     padding:0px;  
     width:780px;   
     position:relative;  
     float:left;  
     margin-left:0px;
	 margin-top:5px;  
     overflow:hidden;  
 } 
 #container2 .transparency  
 {    
     filter:alpha(opacity=40);
	 opacity:0.4;
	 -moz-opacity:0.4;
 	 -khtml-opacity: 0.4;

     background-color:#000000;  
     width:780px;  
     height:1000px;  
     position:absolute;  
     top:0px;  
     left:0px;  
     z-index:-1;  
 } 
.mainContentfg {
	padding: 0 00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: relative;
	width: 730px;
	margin: 5px 10px 10px 10px;	
}


/*----------------------------------------------------------------------*/

.NavBarBg
{
	 padding:0px;  
     width:780px;   
     position:relative;  
     float:left;  
     margin-left:0px;
     overflow:hidden;
	 z-index:-1;
}

.NavBar
{
	padding: 0 00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: absolute;
     top:0px;  
     left:0px;


}


.photo_strip 
{
	width:670px;
	margin:5px;
	height:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:2;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px; 
	margin-bottom:10px

}

.PhotoContainer 
{
	width:670px;
	padding:0; 
	height:200px; 
	overflow:auto;

	margin-left:auto;
	margin-right:auto;
	
}

.PhotoContainer ul 
{
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	display:table-row;
}

.PhotoContainer ul img
{
	border-style:solid;
	border-color:#FFFFFF;
	border-width:medium;
	padding: 0px;
	vertical-align:middle;
	height:170px;

}

/* = = = = = carousel viewer classes = = = = = */
.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 360px;
height: 303px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}