/*
-----------------------------------------------
Mind's Eye Main CSS Template
Author:   Steve Bryant
Version:  July 24 2005
----------------------------------------------- 


*/


/* _BODY
----------------------------------------------- */

html, body {
	background-color:#000;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color:#fff;
	font-size: 76%; /* font-sizing in ems allows for fluid layout, even on IE 5x PC. 75% and lower acts    differently between Opera and moz and IE PC. Courtesy   
	http://www.thenoodleincident.com/tutorials/typography/css/real.css */
}


#topcontainer {
	width: 760px;
	\width: 770px;
	w\idth: 760px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}


#container {
	width: 760px;
	\width: 770px;
	w\idth: 760px;
	border: 1px solid gray;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}


#content {
	padding: 5px;
	background-color: #000;
	background:url("../images/younggirl.jpg") top right no-repeat; 
}

#content_aboutus {
	padding: 5px;
	background-color: #000;
}

#content p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content {
 padding-top: 448px;
 min-height: 1px;
}
*>#content p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content{
 height: 448px;
}

* html #content p {
 margin: 0px 0 0 10px;
}

/* end filter */

#footer {
	width: 760px;
	\width: 770px;
	w\idth: 760px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}


/* _TYPOGRAPHY
----------------------------------------------- */

a {
	text-decoration: none;
	font-weight: bold;
	color: #99cc66;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 { /* Tab Headline */
	font-size: 1.4em;
	margin:0;
	font-weight: bold;
	color:#7FA856;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

.clear	{
		clear:both;
		margin:0px;
		}
		
/* _NAV
----------------------------------------------- */

#navlist
{
padding: 0;
float:right;
padding:40px 0 0 0;
}

#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
font-size:10px;
font-weight:bold;
color:#fff;
}

#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 4px solid #FF9900;
padding-bottom: 2px;
background: transparent;
color: #fff;
}

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


/* INDEX
----------------------------------------------- */

.filmtypes li{
	background: url(../images/arrow.gif) no-repeat 0 8px;
	list-style:none;
	padding:0 0 0px 20px;
	font-size:1.5em;
	line-height:2em;
}

/* ABOUT US
----------------------------------------------- */

#content_aboutus {
	padding: 5px;
	background-color: #000;
	background:url("../images/marcideirdre.jpg") top right no-repeat; 
}

#content_aboutus p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.4em;
	width:30em;
}

/* for Mozilla/Safari/Opera */
*>#content_aboutus {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_aboutus p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_aboutus{
 height: 448px;
}

* html #content_aboutus p {
 margin: 0px 0 0 10px;
}

/* end filter */

/* ABOUT OUR WORK
----------------------------------------------- */

#content_aboutwork {
	padding: 5px;
	background-color: #000;
	background:url("../images/aboutourwork_blackman.jpg") top right no-repeat; 
}

#content_aboutwork p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content_aboutwork {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_aboutwork p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_aboutwork{
 height: 448px;
}

* html #content_aboutwork p {
 margin: 0px 0 0 10px;
}

/* end filter */

/* Sperm Donor
----------------------------------------------- */

#content_spermdonor {
	padding: 5px;
	background-color: #000;
}

#content_spermdonor p {
	clear:left;
	color:#fff;
	font-size:1.3em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	line-height:1.5em;
	width: 450px;
	
}

/* for Mozilla/Safari/Opera 
*>#content_aboutwork {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_aboutwork p {
 margin-top: -448px;
}
 for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \
* html #content_aboutwork{
 height: 448px;
}
*/
* html #content_spermdonor p {
 margin: 0px 0 0 10px;
}

#spermdonor_player {
	width: 340px;
	float: right;
	padding-left: 10px;
}

#spermdonor_player p {
	font-size: 1.2em;
	width: 340px;
	font-style: italic;
}

/* end filter */


/* NEWS
----------------------------------------------- */

#content_news {
	padding: 5px;
	background-color: #000;
	background:url("../images/news_scottposing.jpg") top right no-repeat; 
}

#content_news p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content_news {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_news p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_news{
 height: 448px;
}

* html #content_news p {
 margin: 0px 0 0 10px;
}

/* end filter */

/* EDUCATIONAL FILMS
----------------------------------------------- */

#content_edfilms {
	padding: 5px;
	background-color: #000;
	background:url("../images/educationalfilms_teen.jpg") top right no-repeat; 
}

#content_edfilms p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content_edfilms {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_edfilms p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_edfilms{
 height: 448px;
}

* html #content_edfilms p {
 margin: 0px 0 0 10px;
}

/* end filter */

/* DOCUMENTARIES
----------------------------------------------- */

#content_docs {
	padding: 5px;
	background-color: #000;
	background:url("../images/docs_twopics.jpg") top right no-repeat; 
}

#content_docs p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content_docs {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_docs p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_docs{
 height: 448px;
}

* html #content_docs p {
 margin: 0px 0 0 10px;
}

/* end filter */

/* OTHER FILMS
----------------------------------------------- */

#content_otherfilms {
	padding: 5px;
	background-color: #000;
	background:url("../images/otherfilms_jeremy.jpg") top right no-repeat; 
}

#content_otherfilms p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content_otherfilms {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_otherfilms p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_otherfilms{
 height: 448px;
}

* html #content_otherfilms p {
 margin: 0px 0 0 10px;
}

/* end filter */

/* STORE
----------------------------------------------- */

#content_store {
	padding: 5px;
	background-color: #000;
	background:url("../images/news_scottposing.jpg") top right no-repeat; 
}

#content_store p {
	clear:left;
	color:#fff;
	font-size:1.7em;
	margin: 0.5em 0em 1.2em 1.2em;
	padding:0.6em 0 0 0;
	margin-top:-448px;
	line-height:1.2em;
	width:22em;
}

/* for Mozilla/Safari/Opera */
*>#content_store {
 padding-top: 448px;
 min-height: 1px;
}
*>#content_store p {
 margin-top: -448px;
}
/* for IE, with IE5/Mac backslash filter. The second class is to get everything working in IE6WIN \*/
* html #content_store{
 height: 448px;
}

* html #content_store p {
 margin: 0px 0 0 10px;
}

/* end filter */

.camera {
	background:url(../images/camera.gif");
}