/******************** POG CSS - BODY ************************/

body, html{
 background:#000 url(../images/pog_bg.jpg) no-repeat center top;
    font: 12px arial,Verdana,Arial,Sans-serif;
    color: #7f7f7f;
    line-height: 12pt;
    font-weight: normal;
    background-color: #000000; 
    text-align: center;
    min-width: 760px;
    margin: 0px;
    padding: 0px;
    scrollbar-face-color: #272727;
    scrollbar-shadow-color: #272727;
    scrollbar-highlight-color: #272727;
    scrollbar-3dlight-color: #272727;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #ccff00;
}

/*
  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
*/
        
/******************** BIG DIV ************************/

#bigdiv {
	margin:0 auto;
    width:960px;
	text-align: left;
	position:relative;
}

/******************** WRAP ************************/

#wrap{
float:left;
}

#wrap h1{
padding:0px 20px 0px 10px;
}

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

div#col1{
  float: left;
  width: 300px;
  height:170px;
  margin: 0px 10px 0px 20px;
  background-image: url(../images/pog_04.jpg);
  background-repeat: no-repeat;
}

div#col2{
  float: left;
  width: 300px;
  height:170px;
  clear: none;
  margin: 0px 10px 0px 0px;
  background-image: url(../images/pog_06.jpg);
  background-repeat: no-repeat;
}

div#col3{
  float: left;
  clear: right;
  width: 300px;
  height:170px;
  padding: 0px 0px 0px 0px;
  background-image: url(../images/pog_08.jpg);
  background-repeat: no-repeat;
}

/************************* LEFT & RIGHT *****************************/


div#left{
float: left;
width: 600px;
padding: 0px 20px 20px 10px;
}

div#right{
float: left;
width: 300px;
padding: 0px 20px 20px 10px;
}

#columns{
float:left;
clear:right;
}

/************************ TEXT ******************************/

div#text{
clear: both;
margin:0 auto;
width:960px;
text-align: left;
padding: 0 0 20px 0;
}


/************************ MENU ******************************/
#menu {
 padding: 0 0 0 550px;
	width: 410px;
	height: 130px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 55px 0px 55px 20px;
	background: url(images/img03.gif) no-repeat;
	text-decoration: none;
font: 17px Century Gothic, Tahoma,Verdana,Arial,Sans-serif;
	color: #bcbdc0;
}

#menu a:hover {
	color: #fff;
}

#menu span{
padding: 0 0 0 15px;
}
/************************** FOOTER ****************************/

div#footer {
padding: 20px 0 20px 0;
  margin:0 auto;
  width:960px;
  text-align: left;
  clear: both;
}

div#footer img{
float:left;
padding: 9px 5px 0 20px;
}

div#footer a{
text-align: right;
padding: 0px 5px 0 10px;
}


div#footer span{
padding: 0 230px 0 0;
}

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

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


h1 {
font: 20px Century Gothic, Tahoma,Verdana,Arial,Sans-serif;
font-weight: normal;
color: #acacac;
text-decoration : none;
position:relative;
text-align:left;
padding:0px 20px 10px 20px;
margin:0px;
}


h2 {
font: 18px Century Gothic, Tahoma,Verdana,Arial,Sans-serif;
line-height: 12pt;
text-decoration : none;
position:relative;
text-align:left;
padding:15px 10px 5px 10px;
margin:0px;
}


h3, .zportfoliotitle, .portfoliotitlegroup  {
font: 12px arial,Verdana,Arial,Sans-serif;
text-transform:uppercase;
line-height: 12pt;
text-decoration : none;
position:relative;
text-align:left;
padding:5px 10px 0px 0px;
margin:0px;
color: #fff;
}



h5 {
margin: 0px;
padding: 10px 0px 10px 25px; 
font: 11px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #999;
text-align:left;
background-image: url(img/bottom_logos.gif);
background-repeat: no-repeat;
}


img{
border:0px;
}


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

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

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


ul{
margin:0px;
list-style:none;
padding: 5px 10px 10px 0;
}


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

a {
text-decoration: none;
color: #aed234;
}

a:active {
text-decoration: none;
}

a:hover {
text-decoration: none; 
color: #fff;

}


/*********************** SPAN *******************************/

.pink{
color:#ef0eaa;
}

.orange{
color: #ff993a;
}

.green{
color: #aed234;
}

/*********************** MISC  *******************************/

img {
  display: block;
}

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


embed{
border: 1px solid #171717;
}

/*********************** ZITECH HOME *******************************/

.home div#left{
float: left;
width: 600px;
height: 340px;
padding: 0px 0px 20px 20px;
margin:0;
}

.home div#right{
float: left;
width: 320px;
height: 360px;
padding: 0px 0px 20px 10px;
height:100%;
margin:0;
}


.zhomegallery div{
float:left;
margin: 0;
padding:0;
} 

/*********************** ZITECH SERVICES *******************************/

.services div#col1, .services div#col2, .services div#col3{
  float: left;
  width: 300px;
  height:600px;
}

.services div#col1{
  background-image: url(../images/pog_04s.jpg);
  background-repeat: no-repeat;
  }
  
.services div#col2{
  background-image: url(../images/pog_06s.jpg);
  background-repeat: no-repeat;
  }
  
.services div#col3{
  background-image: url(../images/pog_08s.jpg);
  background-repeat: no-repeat;
  }
  
.services h3{
padding:5px 10px 0px 10px;
}

.services #col1 h5, .services #col2 h5, .services #col3 h5 {
padding:0 0 10px 10px;
font: 11px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #666;
text-align:left;
font-style:italic; 
}

/*********************** ZITECH PORTFOLIO *******************************/

.portfolio #right{
float: left;
width: 600px;
padding: 0px 0px 20px 0px;
}

.portfolio #left{
float: left;
width: 290px;
padding: 0px 20px 20px 20px;
}



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


.zportfoliogallery{
width: 600px;
float: left;
margin: 0 0 20px 0;
}