/******************** RICHARD X ZAWITZ CSS  ************************/

body, html{
 background:#000 url(/images/bg.jpg) no-repeat top;
    font: 12px arial,Verdana,Arial,Sans-serif;
    color: #fff;
    line-height: 12pt;
    font-weight: normal;
    text-align: center;
    min-width: 770px;
    margin: 0px;
    padding: 0px;
	}

/*
  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{
	background:#fff url(/images/RXZ_05.jpg) no-repeat right;
	margin: 0 auto;
    width:770px;
	height: 540px;
	text-align: left;
	position:relative;
	top: 70px;
	}
	
/************************* LEFT & RIGHT *****************************/


#left{
top: 0;
float: left;
width: 470px;
margin:0 20px 0 0;
padding:0px;
z-index: +1; 
}

#right{
float: left;
width: 260px;
padding: 120px 0 0 0;
margin: 0;
}

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

div#flash{
position: absolute;
top: 35px;
left: 30px;
z-index: +1;
}


/************************* PANO *****************************/

#pano{
	height: 200px;
	width: 200px;
	z-index: 0;
	visibility: hidden;
}

/************************ MENU ******************************/
#menu {
text-transform: uppercase;
position: absolute;
left: 30px;
top: 35px;
width: 450px;
float:left;
height: 45px;
background-color: #fff;
margin: 0 auto;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 12px 25px 0 25px;
	text-decoration: none;
	font: 17px Century Gothic, Tahoma,Verdana,Arial,Sans-serif;
	color: #555;
}

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

.gallery #menu a{
color:#fff;
}



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

div#footer {
font: 10px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #999;
text-align:left;
margin:0 auto;
width:770px;
clear: both;
padding: 80px 0px 10px 0px; 
}

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

div#footer a:hover{
color:#fff;
}

div#footer h3 {
text-transform: none;
}

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

p , .zhomedescription , .zbiodescription{
font: 12px arial,Verdana,Arial,Sans-serif;
color: #555;
line-height: 12pt;
text-align:left;
padding:0px 0 15px 0;
margin:0px;
font-weight: normal;
}


h1, .zgallerytitle, .zhometitle, .zlinkstitle, .zbiotitle{
font: 20px Century Gothic, Tahoma,Verdana,Arial,Sans-serif;
font-weight: normal;
color: #ef0eaa;
text-decoration : none;
position:relative;
text-align:left;
padding:0;
margin:0px;
}


h2, .zgallerysubtitle, .zhomesubtitle  ,.zlinkssubtitle ,.zbiosubtitle{
font: 14px Arial,Sans-serif;
line-height: 12pt;
text-decoration : none;
position:relative;
text-align:left;
padding:0px 0px 10px 0px;
margin:0px;
color: #555;
}


h3, .zservicestitle, .zblogtitle, .zblogdate {
font: 18px Century Gothic, Tahoma,Verdana,Arial,Sans-serif;
text-transform: uppercase;
line-height: 16pt;
text-decoration : none;
position:relative;
text-align:left;
padding:0 0 5px 0;
margin:0px;
}


img{
border:0px;
}


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

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


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


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

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

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

a:active {
text-decoration: none;
}

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


/*********************** 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;
}


/*********************** HOME *******************************/

.home h3 {
text-transform: none; 
}

/*********************** HOME *******************************/

.links a{
color: #555;
}

.links a:hover{
color: #ef0eaa;
}

/*********************** CONTACT *******************************/

.contact #left a:hover{
color:#ef0eaa;
}

/*********************** PRIVACY / TERMS *******************************/


.terms a:hover, .privacy a:hover{
color:#ef0eaa;
}

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


.zgalleryrow{
margin: 0 0 10px 0;
float:left;
clear: both;
width: 260px;
}

.portfoliotitlegroup{
margin: 0 0 5px 0;
}

.zgallerygallery div{
margin: 0 2px 2px 0;
}

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

.zaffiliationstitle{
margin: 0 0 5px 0;
}

/*********************** ZITECH BLOG *******************************/

.zblogdate{
width:110px;
float:left;
color:#ef0eaa;
}