/* Zodas */

/* CSS Tooltips */
a span { display: none; }
a span img { border: 1px solid #c9c9c9; padding: 1px; }
a:hover { border: 0px; text-decoration: none;}
a:hover span {
        display: inline;
        position: absolute;
        bottom: 100px;
        width: 250;
        padding: 1px;
        margin: 10px;
        z-index: 100;
        color: #000;
        background: #e9e9e9;
        font-size: 10px;
        text-decoration: none;
        text-align: left;
        border: 1px solid #000;
}

*{
margin: 0;
padding: 0;
}
body {
text-align: center;
}
a {
outline: none;
text-decoration: none;
}
img {
border: none;
}

#container {
text-align: left;
margin: 15px auto 0 auto;
width: 761px;
}

#header {
position: relative;
width: inherit;
height: 98px;
background: url(../images/headerBg.jpg) no-repeat top left #e9f1f0;
margin: 0 0 4px 0;
}

#header h1 {
text-indent: -5000px;
}

#header h1 a {
position: absolute;
display: block;
width: 186px;
height: 97px;
top: 0;
left: 0;
}

#nav {
	position: absolute;
	top: 38px;
	left: 197px;
	width: 326px;
	height: 25px;
}

#zhome #nav, #share #nav, #about #nav, #contact #nav {
	top: 35px;
	left: 321px;
	}

#nav ul {
	list-style: none;
	}
	
#nav a {
position: absolute;
display: block;
text-indent: -5000px;
height: 10px;
background: url(iesucksballs.jpg) repeat top left;
}

#zhome #nav a, #about #nav a, #share #nav a, #contact #nav a {
	height: 20px;
	}

#mainNav a {
	top: 0;
	}
	
#secondaryNav a {
	top: 20px;
	}

#zhome #secondaryNav a, #about #secondaryNav a, #share #secondaryNav a, #contact #secondaryNav a {
	top: 24px;
	}

a#a {
	left: 0px;
	width: 38px;
	}
a#b {
	left: 54px;
	width: 50px;
	}
a#c {
	left: 117px;
	width: 60px;
	}
a#d {
	left: 194px;
	width: 63px;
	}
a#e {
	left: 270px;
	width: 62px;
	}
a#f {
	left: 90px;
	width: 36px;
	}
a#g {
	left: 140px;
	width: 127px;
	}
a#h {
	left: 278px;
	width: 52px;
	}

	
#zhome a#a, #about a#a, #share a#a, #contact a#a  {
	left: 0px;
	width: 55px;
	}
#zhome a#b, #about a#b, #share a#b, #contact a#b  {
	left: 68px;
	width: 66px;
	}
#zhome a#c, #about a#c, #share a#c, #contact a#c  {
	left: 147px;
	width: 77px;
	}
#zhome a#d, #about a#d, #share a#d, #contact a#d  {
	left: 242px;
	width: 75px;
	}
#zhome a#e, #about a#e, #share a#e, #contact a#e  {
	left: 336px;
	width: 78px;
	}
#zhome a#f, #about a#f, #share a#f, #contact a#f {
	left: 115px;
	width: 45px;
	}
	
#zhome a#g, #about a#g ,#share a#g, #contact a#g  {
	left: 175px;
	width: 160px;
	}
#zhome a#h, #about a#h ,#share a#h, #contact a#h  {
	left: 344px;
	width: 70px;
	}

#main {
width: 760px;
height: 360px;
margin: 0 0 4px 0;
z-index: 10;
clear: left;
}

#home #main, #about #main, #zhome #main {
position: relative; 
}
a#viewFeature {
	position: absolute;
	display: block;
	height: 45px;
	width: 358px;
	text-indent: -5000px;
	left: -28px;
	top: 276px;

}
#share #main {
text-align: center;
background: url(../share/images/mainBg.jpg) no-repeat top left;
}
#contact #main, #about #main {background: url(../share/images/mainBg.jpg) no-repeat top left;}

#overlay {
width: 760px;
height: 360px;
z-index: 20;
background: url(../images/transOverlay.gif);
}
html > body #overlay {
background: url(../images/transOverlay.png);
}
#player {
position: absolute;
width: 349px;
height: 280px;
background: url(../images/playerBg.gif) no-repeat top left;
}
#zf {
position: absolute;
top: 46px;
left: 15px;
}
#player form#inlineshare {
position: absolute;
z-index: 50;
top: 250px;
left: 15px;
}
#player a#share {
position: absolute;
left: 18px;
top: 255px;
}
#player a#close {
	position: absolute;
	left: 275px;
	display: block;
	top: 255px;
}
#thumbs {
margin: 0 0 4px 0;
}
#footer {
clear: left;
height: 65px;
}
#footer #left {
text-align: center;
float: left;
height: inherit;
width: 565px;
margin: 0 4px 0 0;
background: url(../images/flbg.gif) repeat-x top left #83979e;
}
#footer #left p {
padding: 1em 0 0 0;
}
#footer #right {
text-align: center;
height: inherit;
float: left;
background: url(../images/frbg.gif) repeat-x top left #5c737b;
width: 186px;
}

#footer a {
color: #000;
}

#pullQuote {
text-indent: -11px;
padding: 0 0 0 11px;
position: absolute;
width: 270px;
}

#contactInfo {
float: left;
width: 250px;
padding: 100px 0 0 0;
}

#contactInfo span {
margin: 0 0 1em 0;
}

#about_txt {
	position: absolute;
	left: 411px;
	top: 37px;
	width: 323px;
	height: 322px;
}
#about_txt h3, #archive h3 {
margin: 0 0 10px 0;
}

#about_txt p {
margin: 0 0 10px 0;
}

#archive {
	position: absolute;
	left: 411px;
	top: 37px;
	width: 323px;
	height: 278px;
	}
	
#copyright {
	text-align: center;
	padding: 2px 0 2px 0;
	}
	
a.cantaloupe, a.cantaloupe:hover, a.cantaloupe:visited {
	color: #C60;
	} 

a#disclaimer {
	font-size: 9px;
	}
/*-----CLEAR FIX ------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----END CLEAR FIX ---------------------------------------*/