/******************** THE FILMBOY PROJECT CSS - BODY ************************/

body, html{
 background:#000 url(../images/fbbg.jpg) no-repeat center top;
    font: 12px arial,Verdana,Arial,Sans-serif;
    color: #fff;
    line-height: 12pt;
    font-weight: normal;
    text-align: center;
    min-width: 960px;
    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: #ef0eaa;
}

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


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


div#left{
float: left;
width: 630px;
padding: 0 0 0 15px;
margin:0px;
}

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

/************************ BIG ******************************/

div#big{
width:960px;
padding:0 0 0 15px;
}

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

div#text{
float:left;
clear: both;
margin:0 auto;
width: 930px;
text-align: left;
padding: 15px 0 0 15px;
}


/************************ MENU ******************************/
#menu {
 padding: 0 0 0 0px;
	width: 960px;
	float:right;
	height: 100px;
	margin: 0 auto;
}

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

#menu li {
	display: inline;
}

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

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

.home a#homenav,
.portfolio a#portfolionav,
.projects a#projects,
.services a#servicesnav,
.contact a#contactnav,
.blog a#blognav,
{
color: #ef0eaa;
}

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

div#footer {
padding: 30px 0 15px 15px;
  margin:0 auto;
  width:945px;
  text-align: left;
  clear: both;
}

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

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

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

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

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


h1, .zportfoliotitle, .zaffiliationstitle, .portfoliotitlegroup{
font: 12px arial,Verdana,Sans-serif;
font-weight: normal;
text-transform:uppercase;
color: #fff;
text-decoration : none;
position:relative;
text-align:left;
padding:0px 0px 0px 5px;
margin:0px;
background-color: #ef0eaa;
}


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


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


h5 {
margin: 0px;
padding: 10px 0px 10px 0px; 
font: 10px TrebuchetMS,Tahoma,Verdana,Arial,Sans-serif;
color: #ef0eaa;
text-align:left;
}


img{
border:0px;
}


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

#menu li{
float: right;
list-style-type: none;
list-style-position: outside;
padding: 0px 0px 5px 0px;
}

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: #fff;
}

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

a:active {
text-decoration: none;
}

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


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

.pink{
color:#ef0eaa;
}

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

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

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

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


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

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

#right .zportfoliorow, #big .zportfoliorow{
width:300px;
padding: 0 15px 0 0;
height: 115px;
margin: 0;
float:left;
}

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

.zportfoliogallery div{
margin: 0 3px 5px 0;
}

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

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

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

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