BODY {
	background-color: #ccffff;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#eyeball {
	background: url("../images/cornereye.jpg");
	background-repeat: no-repeat;
	width: 231px;
	height: 342px;
	position: absolute;
	left: -85px;
	top: -55px;
}

#logo {
	width: 210px;
	height: 45px;
	margin: auto;
	position: absolute;
	z-index: 1;
	text-align: center;
	left: 50px;
	float: left;
}

#logo2 {
	width: 259px;
	height: 75px;
	background: url("images/newweyelogo.jpg");
	position: absolute;
	z-index: 2;
	top: -55px;
	left: -25px;
	filter:alpha(opacity=90); /* IE's opacity*/
	opacity: 0.90;
}

#logo3 {
        width: 259px;
        height: 75px;
        background: url("images/logorollo.jpg");
        position: absolute;
        z-index: 2;
        top: -55px;
        left: -25px;
        filter:alpha(opacity=90); /* IE's opacity*/
        opacity: 0.90;
}

#logo4 {
        width: 259px;
        height: 75px;
	background: url("images/logorollo.jpg");
        position: absolute;
        z-index: 2;
        left: -25px;
        filter:alpha(opacity=90); /* IE's opacity*/
        opacity: 0.90;
}

#logo3:hover {
	background-position: 0 -75px;
}

#logo3 span {
	display: none;
}

.weye-black {
	font-size: 2.4em;
	color: black;
	text-align: center;
	font-type: verdana, geneva, sans-serif;
	margin: auto;
	padding: 5px;
	position: relative;
}

A.weye-black {
        font-size: 2.4em;
        color: black;
        text-align: center;
        font-type: Verdana, Geneva, sans-serif;
        margin: auto;
        padding: 5px;
	position: relative;
        z-index: 1;
	text-decoration: none;
}

A.weye-black:link {  }
A.weye-black:visited { }
A.weye-black:hover { color: #cccccc; }
A.weye-black:focus { color: #cccccc; }
A.weye-black:active { }

.weye-gray {
        font-size: 2.4em;
        color: #dedede;
        font-type: Verdana, Geneva, sans-serif;
        margin: auto;
        padding: 5px;
	position: relative;
	top: -42px;
	left: 5px;
	z-index: -1px;
}

A.weye-gray {
        font-size: 2.4em;
        color: #dedede;
        font-type: Verdana, Geneva, sans-serif;
        margin: auto;
        padding: 5px;
        position: relative;
        top: 3px;
        left: -107px;
	text-decoration: none;
}

A.weye-gray:link {  }
A.weye-gray:visited { }
A.weye-gray:active { color: #ccdddd; }

#container {
	width: 635px;
	height: 451px;
	margin: auto;
	position: relative;
	top: 55px;
}

#filmcontainer {
        width: 635px;
        height: 451px;
        margin: auto;
        position: relative;
        top: 55px;
}

#portal {
	width: 635px;
	height: 429px;
	border: 5px double #cceeee;
	margin: auto;
	background: url("../images/walkingeyewash.jpg");
	position: relative;
	z-index: 1;
}

#links {
	width: 635px;
	height: 21px;
	position: relative;
	z-index: 3;
	margin: auto;
}

.mainlink {
margin-right: 8px;
margin-bottom: 0px;
margin-top: 0px;
color: black;
font-type: Arial;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
border-right: 3px double #ccdddd;
border-left: 3px double #ccdddd;
border-top: 3px solid #ccdddd;
background: #cceeee;
}

A.mainlink {
margin-right: 8px;
margin-bottom: 0px;
margin-top: 0px;
color: black;
font-type: Arial;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
border-right: 3px double #ccdddd;
border-left: 3px double #ccdddd;
border-top: 3px solid #ccdddd;
background: #cceeee;
}

A.mainlink:link { }
A.mainlink:visited { color: black; }
A.mainlink:active { }
A.mainlink:focus { 
	color: #5198B8; 
	background: #ccffff; 
	border-top: 3px double #ccffff; 
	border-left: 3px double #ccffff; 
	border-right: 3px double #ccffff;
}
A.mainlink:hover { 
	color: #5198B8; 
	background: #ccffff; 
        border-top: 3px double #ccffff;
        border-left: 3px double #ccffff;
        border-right: 3px double #ccffff;
}

#filmlinks {
	width: 165px;
	height: 429px;
	position: absolute;
	top: 20px;
	left: 645px;
	z-index: 2;
}

.filmlink {
margin-right: 8px;
margin-bottom: 0px;
margin-top: 18px;
padding: 2px;
color: black;
font-type: Arial;
font-size: 9pt;
text-decoration: none;
border-right: 2px double #ccdddd;
border-bottom: 2px double #cccccc;
background: #ccffff;
}

A.filmlink {
margin-right: 8px;
margin-bottom: 0px;
margin-top: 18px;
padding: 2px;
color: black;
font-type: Arial;
font-size: 9pt;
text-decoration: none;
border-right: 2px double #ccdddd;
border-bottom: 2px double #cccccc;
background: #ccffff;
}

A.filmlink:link { }
A.filmlink:visited { color: black; }
A.filmlink:active { }
A.filmlink:focus { color: blue; background: #ccffff; border-right: 2px double #ccffff; border-bottom: 2px double #ccffff; }
A.filmlink:hover { color: blue; background: #ccffff; border-right: 2px double #ccffff; border-bottom: 2px double #ccffff; }

.paragraph {
        font-type: Arial;
        color: black;
        font-size: 12pt;
        margin-top: 7px;
        margin-bottom: 7px;
}

A.paragraph     { color: blue; text-decoration: none; font-size: 12pt; }
A.paragraph:link  { color: blue; text-decoration: none; font-size: 12pt; }
A.paragraph:visited { color: blue; text-decoration: none; font-size: 12pt; }
A.paragraph:active { color: blue; font-size: 12pt; }
A.paragraph:focus { color: blue; text-decoration: underline; }
A.paragraph:hover { color: blue; text-decoration: underline; }


.header {
        font-type: Arial;
        color: black;
        font-size: 14pt;
        margin-top: 7px;
        margin-bottom: 7px;
}


.bigeye {
        font-type: Arial;
        color: black;
        font-size: 24pt;
	text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 7px;
        margin-bottom: 7px;
}

#clipview {
	width:352px;
	height:300px;
	position: relative;
	top: 75px;
	left: 10px;
}

#pic-containter {
	width: 291px;
	height: 387px;
	position: relative;
	border: 5px double #ccdddd;
	top: 30px;
	float: left;
}

#talent {
	width: 300px;
	height: 329px;
	position: relative;
	margin: auto;
	float: right;
	top: 23px;
}

#index {
	width:635px;
	height:429px;
}

#introlink {
	position: absolute;
	z-index:3;
	top: 8px;
	left: 5px;
}

.intro-link {
margin-right: 8px;
margin-bottom: 0px;
margin-top: 18px;
padding: 2px;
color: black;
font-type: Arial;
font-size: 12pt;
text-decoration: none;
border-left: 3px double #ccdddd;
border-top: 3px double #cccccc;
}

A.intro-link {
margin-right: 8px;
margin-bottom: 0px;
margin-top: 18px;
padding: 2px;
color: black;
font-type: Arial;
font-size: 12pt;
text-decoration: none;
border-left: 3px double #ccdddd;
border-top: 3px double #cccccc;
}

A.intro-link:link { }
A.intro-link:visited { color: black; }
A.intro-link:active { }
A.intro-link:focus { color: white; border-right: 3px double #ccaaaa; border-bottom: 3px double #ccaaaa; border-left: none; border-top: none; }
A.intro-link:hover { color: white; border-right: 3px double #ccaaaa; border-bottom: 3px double #ccaaaa; border-left: none; border-top: none; }

#weye {
	width: 100px;
	height: 52px;
	position: absolute;
	right: -1px;
	border-bottom: 3px double black;
}
