/******************** ZI CSS - BODY ************************/

body, html{
    font: 11px arial,Verdana,Arial,Sans-serif;
    color: #7f7f7f;
    line-height: 12pt;
    font-weight: normal;
    background-color: #000000; 
    text-align: center;
    min-width: 770px;
    margin: 0px;
    padding: 20px 0 20px 0;
  }

/*
  Damien:
    This img block setting is an importantly needed addition, much like
     the margin 0 and things needed for body, basically it fixed the problem
    with FF and Safari where little gaps appear around places that images
    are being used because these browsers make them default as display:
    inline. This sets the default to be the standard of IE
*/
img {
  display: block;
}

/* Other general top level settings */
table, td, tr {
  border: 0px;
  border-collapse: collapse;
  padding: 0px;
  vertical-align: top;
}

        
/******************** BIG DIV ************************/

#bigdiv {
  background-image: url(/images/zitech_01_01.jpg);
  background-repeat: no-repeat;
	background-color: #1a1a1a;
    margin:0 auto;
    width:770px;
	text-align: left;
	position:relative;

}

/******************** FLASH ************************/

div#flash {
  width:740px;
  /* This is substituded by the javascript margin: -295px 0px 10px 10px;*/
  z-index:10;
  text-align: center;
}


/******************** NO FLASH ************************/

div#noflash {
  text-align:left;
  margin: 0px 0px 15px 20px;
}

/******************** COLUMNS HOLDER ************************/

div#wrap{
  padding: 90px 20px 0px 20px;
 }

/******************** HOME PAGE COLUMNS ************************/

.left{
  float: left;
  width: 240px;
  padding: 5px 0px 0px 0px;
}

.center{
  float: left;
  width: 240px;
  clear: none;
  padding: 5px 0px 0px 0px;

}

.right{
  float: left;
  clear: right;
  width: 240px;
  padding: 5px 0px 0px 0px;
}


/************************** FOOTER ****************************/

div#footer {
  background: #1a1a1a;
  height: 120px;
  margin:0 auto;
  width:770px;
  text-align: left;
  background-image: url(/images/zitech_01_07.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  clear: both;
}

/*********************** P & H TAGS *******************************/

p {
font: 12px arial,Verdana,Arial,Sans-serif;
color: #7f7f7f;
line-height: 12pt;
text-align:left;
padding:0px 15px 10px 0px;
margin:0px;
position:relative;
font-weight: normal;
}


h1 {
font: 15px tahoma, Arial,Verdana,Arial,Sans-serif;
font-weight: normal;
color: #00aeef;
text-decoration : none;
position:relative;
text-align:left;
padding:5px 10px 0 0;
margin:0px;
}


h2{
font: 12px tahoma, arial, Verdana,Arial,Sans-serif;
line-height: 12pt;
color: #fff;
text-decoration : none;
position:relative;
text-align:left;
float:left;
padding:0 5px 0 0;
margin:0px;

}

h3{
font: 15px "century gothic", tahoma, arial, Verdana,Arial,Sans-serif;
color: #fff;
text-decoration : none;
position:relative;
text-align:left;
margin:0px;

}


h5 {
margin: 0px;
padding: 75px 0px 0px 0px; 
font: 9px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #00aeef;
text-align:center;
text-transform: uppercase;
background-image: url(img/bottom_logos.gif);
background-repeat: no-repeat;
}

h5 a:link, a:visited, a:active{
color: #fff;
padding: 0 0 0 7px;
}

h5 a:hover{
color: #00aeef;
padding: 0 0 0 7px;
}

img{
border:0px;
}


/*********************** LIST TAGS *******************************/

li{
color: #7f7f7f;
text-align: left;
list-style-type: none; 
padding: 0px 0px 7px 0px;
}


ul{
margin:0px 0 0 2px; 
list-style:none;
}


/*********************** HYPERLINKS TAGS *******************************/

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

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

a:active {
text-decoration: none;
}

a:hover {
text-decoration: none; 
color: #ccff00;
}


.demo h1{
clear:both;
text-transform: uppercase;
margin: 10px 0 10px 0;
border-bottom: 1px dotted #888; 
}

/*********************** ZITECH CSS *******************************/

#zdemo {
font: 10px arial, Verdana,Arial,Sans-serif;
color: #7f7f7f;
line-height: 12pt;
text-align:left;
clear: both;
}

.zdemorow{
padding:0px 0px 20px 0px;
margin:0px 0px 20px 0px;
clear:both;
}

.zdemo2row{
padding:0px 0px 20px 0px;
margin:0px 0px 20px 0px;
clear:both;
}

.zdemo3row{
padding:0px 0px 20px 0px;
margin:0px 0px 20px 0px;
clear:both;
}

/*********************** ZITECH  DEMO CSS *******************************/

.zdemotitle {
font: 13px tahoma, arial, Verdana,Arial,Sans-serif;
color: #fff;
Text-transform: uppercase;
text-align:left;
padding:0 5px 0 0;
margin:0px;
}

.zdemosubtitle{
font: 12px tahoma, arial, Verdana,Arial,Sans-serif;
clear: right;
color: #00aeef;
padding: 0px 0px 4px 0px;
}

.zdemogallery div {
border:none;
margin: 4px 4px 4px 4px;
float: left;
}


/*********************** ZITECH  DEMO 2 CSS *******************************/

.zdemo2image {
border:none;
padding: 0px 10px 0px 0px;
float: left;
width: auto;
height: auto;
}

.zdemo2autosequencenumber{
color: #00aeef;
font: 27px arial, Verdana,Arial,Sans-serif;
padding: 3px 0px 0px 0px;
}

.zdemo2title a{
text-transform:uppercase;
clear: right;
color: #fff;
padding: 0px 0px 4px 0px;
}

.zdemo2link a{
padding: 0px 0px 4px 0px;
color: #00aeef;
}

.zdemo2description{
color: #999;
}


/*********************** ZITECH  DEMO 3 CSS *******************************/

.zdemo3date{
font: 12px tahoma, arial, Verdana,Arial,Sans-serif;
color: #00aeef;
padding: 0px 0px 4px 0px;
clear: right;
}

.zdemo3title{
font: 12px tahoma, arial, Verdana,Arial,Sans-serif;
color: #fff;
padding: 0px 0px 4px 0px;
}