* {
margin:0;
padding:0;
}

html{
height: 100%;
background-color:#000000;
}

body {
font-family:verdana, helvetica, arial, sans-serif;
color:#FFFFFF;
background-color:#000000;
}

h2 {
font-size:20px;
}

.pagenav a:link,
.pagenav a:visited,
#article a:link,
#article a:visited,
#gallery a:link,
#gallery a:visited,
#movie a:link,
#movie a:visited,
.no_visited a:link,
.no_visited a:visited,
#article .back a:link,
#article .back a:visited,
#center p a:link,
#center p a:visited {
text-decoration:underline;
color:#6A86C6;
font-weight:bold;
font-style:italic;
font-size:90%;
}

.pagenav a:hover,
#article a:hover, 
#gallery a:hover, 
#movie a:hover, 
.no_visited a:hover, 
#article .back a:hover,
#center p a:hover {
text-decoration:underline;
color:#B8CDFE;
}

#maindiv {
margin:0 auto;
}

#header {
background-image:url(interface/eyescream_logo.gif);
background-repeat:no-repeat;
background-position:top center;
text-align:center;
height:85px;
}

#header h1, #header .first_off span, #header .second_off span {
display:none;
}

#header .logo_link {
margin:0 auto;
display:block;
height:85px;
width:380px;
}

#header .first_off a, #header .second_off a {
display:block;
width:120px;
height:32px;
margin-top:16px;
}

#head_left {
position:absolute;
top:0;
margin-right:236px;
right:50%;
/*margin-right:260px;*/
}

#head_right {
position:absolute;
top:0;
margin-left:236px;
left:50%;
/*margin-left:260px;*/
}

/*home page mouseover*/
#head_left .first_off {
background-image:url(interface/nav_home-on.jpg);
background-repeat:no-repeat;
}
#head_left .first_on a:link, #head_left .first_on a:visited {
background-image:url(interface/nav_home-off.jpg);
background-repeat:no-repeat;
}
#head_left .first_on a:hover {
background-image:url(interface/nav_home-on.jpg);
background-repeat:no-repeat;
}


/*about esa mouseover*/
#head_left .second_off {
background-image:url(interface/nav_about-on.jpg);
background-repeat:no-repeat;
}
#head_left .second_on a:link, #head_left .second_on a:visited {
background-image:url(interface/nav_about-off.jpg);
background-repeat:no-repeat;
}
#head_left .second_on a:hover {
background-image:url(interface/nav_about-on.jpg);
background-repeat:no-repeat;
}



/*contact info mouseover*/
#head_right .first_off {
background-image:url(interface/nav_contact-on.jpg);
background-repeat:no-repeat;
}
#head_right .first_on a:link, #head_right .first_on a:visited {
background-image:url(interface/nav_contact-off.jpg);
background-repeat:no-repeat;
}
#head_right .first_on a:hover {
background-image:url(interface/nav_contact-on.jpg);
background-repeat:no-repeat;
}


/*workflow mouseover*/
#head_right .second_off {
/*background-image:url(interface/nav_workflow-on.jpg);*/
background-repeat:no-repeat;
}
#head_right .second_on a:link, #head_right .second_on a:visited {
/*background-image:url(interface/nav_workflow-off.jpg);*/
background-repeat:no-repeat;
}
#head_right .second_on a:hover {
/*background-image:url(interface/nav_workflow-on.jpg);*/
background-repeat:no-repeat;
}




#nav {
text-align:center;
height:30px;
border-bottom:solid 1px #808080;
}

#nav ul {
margin-bottom:.5em;
}

#nav li {
line-height:23px;
display:inline;
text-align:center;
font-size:12px;
font-weight:bold;
list-style-type:none;
}

#nav li a {
padding:4px 0;
margin:0 1em;
border-bottom:solid 2px #666666;
}

#nav li a:link, #nav li a:visited {
color:#FFFFFF;
text-decoration:none;
}

#nav li a:hover {
color:#FFFFFF;
text-decoration:none;
border-color:#FFFFFF;
}

#nav .current {
border-color:#FFFFFF;
}

#left {
text-align:left;
position:absolute;
top:0;
left:0;
width:136px;
height:460px;
background-image:url(interface/left_strip.jpg);
background-repeat:no-repeat;
padding-top:5px;
}

#left a {
background-color:#000000;
display:block;
width:96px;
height:64px;
margin:0 0 5px 20px;
border:solid 1px #333333;
}

#left a:hover {
border:solid 1px #FFF;
}

#right {
text-align:left;
position:absolute;
top:0;
right:0;
width:136px;
height:460px;
background-image:url(interface/right_strip.jpg);
background-repeat:no-repeat;
padding-top:5px;
}

#right a {
background-color:#000000;
display:block;
width:96px;
height:64px;
margin:0 0 5px 20px;
border:solid 1px #333333;
}

#right a:hover {
border:solid 1px #FFF;
}

#wrapper {
margin:0 auto;
position:relative;
min-width:700px;
max-width:1260px;
}



/* Wrapper Styles Start */

#wrapper-top-right {
height:20px;
background-image:url(interface/top_right_black.jpg);
background-position:top right;
background-repeat:no-repeat;
margin-right:144px;
}

#wrapper-top-center {
height:20px;
background-image:url(interface/top_black.jpg);
margin-left:20px;
}

#wrapper-top-left {
height:20px;
background-image:url(interface/top_left_black.jpg);
background-repeat:no-repeat;
margin-left:144px;
margin-right:20px;
}

#wrapper-right {
margin-left:144px;
margin-right:144px;
background:transparent url(interface/right_black.jpg) repeat-y right;
position:relative;
}

#center {
background-color:#333333;
text-align:center;
margin-left:20px;
margin-right:auto;
overflow:none;
font-size:13px;
}



#center .featured_title {
font-size:18px;
text-align:left;
padding-top:.25em;
}

#center .featured {
text-align:left;
font-size:14px;

}

#center .featured_link a:link, #center .featured_link a:visited,
#center .featured_slideshow a:link, #center .featured_slideshow a:visited {
float:left;
position:relative;
border:solid 2px #999999;
margin:0 16px 0 0;
}

#center .featured_link a:hover {
border:solid 2px #000000;
}


#center .featured ol {
margin:0;
}

#center .featured ol li {
padding-left:2em;
margin:0;
list-style-type:decimal;
}

#center .featured ul {
margin:0;
}

#center .featured ul li {
margin:0;
margin-left:2em;
list-style-type:disc;
}



#wrapper-left {
background-image:url(interface/left_black.jpg);
margin-left:0;
margin-right:20px;
}

#wrapper-bottom-right {
height:20px;
background-image:url(interface/bottom_right_black.jpg);
background-position:bottom right;
background-repeat:no-repeat;
margin-right:144px;
}

#wrapper-bottom-center {
height:20px;
background-image:url(interface/bottom_black.jpg);
margin-left:20px;
}

#wrapper-bottom-left {
height:20px;
background-image:url(interface/bottom_left_black.jpg);
background-repeat:no-repeat;
margin-left:144px;
margin-right:20px;
}
/* Wrapper Styles End */


/* Styles for Project List */
/* List Styles Start */
#center h2 {
text-align:left;
font-weight:normal;
}

#center h3 {
text-align:center;
font-weight:normal;
}

#center ul#images{
	padding-top: 15px;
}
#center ul li {
text-align:left;
list-style-type:none;
margin-bottom:15px;
}
#center ul#images li{
line-height: 60px;
}

#center li .title {
color:#FFFFFF;
font-size:16px;
font-weight:normal;
text-decoration:none;
padding:3px 0 0 0;
display:block;
line-height: 22px;
}

#center li .short_desc {
font-size:14px;
line-height:16px;
font-style:italic;
color:#FFFFFF;
text-decoration:none;
margin-right:10px;
display:block;
}

#center .vert li a {
display:block;
min-height:66px;
width:100%;
background-color:#333333;
border-left:solid 4px #000000;
text-decoration:none;
}

#center .vert li a:hover {
background-color:#FFFFFF;
background-image:url(interface/list-gradient_black.jpg);
background-color:#333333;
background-repeat:repeat-y;
border-left:solid 4px #FFFFFF;
}

#center .vert li img {
vertical-align:middle;
border:solid 1px #000000;
margin-right:10px;
margin-left:5px;
float:left;
}

/* List Styles End */

#center .horiz {
margin:10px 0 10px 0;
font-size:13px;
}

#center .horiz li {
padding:0 8px;
display:inline;
width:80%;
}
#center .horiz a:link, #center .horiz a:visited {
border-bottom:solid 2px #CCCCCC;
color:#FFFFFF;
font-size:13px;
text-decoration:none;
}
#center .horiz a:hover {
color:#B8CDFE;
border-bottom:solid 2px #B8CDFE;
background-color:#333333;
text-decoration:none;
}

#center #showreels {
margin:0 0 15px 0;
}

#center #showreels a {
color:#FFFFFF;
}

#center #showreels a:hover {
color:#B8CDFE;
}

#center .hr_top {
margin:10px auto;
font-size:1px;
height:2px;
background-image:url(interface/hr_image-1px_black.jpg);
background-position:center;
background-repeat:no-repeat;
}

#center .hr_bottom {
margin:10px auto;
font-size:1px;
height:2px;
background-image:url(interface/hr_image-1px_black.jpg);
background-position:center;
background-repeat:no-repeat;
}

.small_text_italic {
color:#898989;
font-size:75%;
font-style:italic;
}

#gallery {
margin:10px auto;
}

#images li {
list-style-type:none;
display:inline;
}

#images img {
border:solid 1px #666666;
}

#main_image {
width:100%;
max-width:656px;
margin-top:.5em;
}

#title {
font-size:17px;
font-style:italic;
text-align:left;
margin:0 auto;
}

#project_type, #project_date {
font-size:12px;
text-align:left;
float:left;
margin:0;
width:48%;
font-style:normal;
color:#898989;
}

#project_date {
text-align:right;
float:right;
}

#movie {
margin:0 auto;
font-style:italic;
text-align:left;
padding:0 0 1em 0;
}

#project_desc{
	overflow:hidden;
	clear: both;
}

#youtube_thumbs a{
	display:block;
	float:left;
	position: relative;
	width: 115px;
	height: 64px;
	border: solid 1px #666;
	margin-right: 5px;
}

#center .featured_container{
	position:relative;
	display:block;
	clear:both;
	overflow:hidden;
}
#center .featured_slideshow{
	position: absolute;
	top: 0;
	left: 0;
}
#center .featured_slideshow li{
}

#article {
font-size:16px;
text-align:left;
margin:0 auto;
padding:15px 0 0 0;
max-width:880px;
}

#article p {
padding:0.5em 0;
}

ol {
margin-left:2em;
}

ol li {
margin-bottom:.25em;
list-style-type:decimal;
}

#center #article ul {
margin-left:2em;
}

#center #article ul li {
margin-bottom:.25em;
list-style-type:disc;
}

.p1 {
margin:0 auto 1em auto;
}

.p2 {
margin:0 auto;
}

.back {
margin:1em 0 0 0;
font-size:80%;
text-align:left;
}

.location {
font-weight:normal;
font-style:italic;
color:#FFFFFF;
letter-spacing:.2ex;
}

#caribbean {
background-image:url('interface/portofspain_black.jpg');
background-position:top right;
background-repeat:no-repeat;
}

#louisiana {
background-image:url('interface/shreveport_black.jpg');
background-position:top right;
background-repeat:no-repeat;
}

#newyork {
background-image:url('interface/newyork_black.jpg');
background-position:top right;
background-repeat:no-repeat;
}

.pagenav {
font-style:italic;
font-weight:bold;
color:#FFFFFF;
padding:1em;
}

.pagenav .this_page {
color:#FFFFFF;
font-size:120%;
}

.dots {
color:#6A86C6;
}

.large_input {
font-size:20px;
width:118px;
margin:16px 0 0 0;
background-repeat:no-repeat;
}

/* for search highlighting */
#results span {
color:#FF0000;
font-weight:bold;
}

.clear {
clear:both;
font-size:1px;
}

/*BoxOver Styles*/
.xover_head {
color:#FFF;
padding:.25em .25em;
font-size:12px;
font-weight:bold;
background-color:#000;
border:solid 1px #FFF;
border-bottom:solid 1px #666666;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
.xover_body {
border:solid 1px #FFF;
border-top:none;
color:#FFF;
padding:.25em .25em;
font-size:11px;
background-color:#000;
}
/*BoxOver Styles*/

* html body #center .vert li a { /* Hack for ie6 */
width:95%;
}

#credits {
text-align:center;
font-size:10px;
color:#666666;
padding:.25em;
}

#elist {
text-align:center;
font-size:12px;
color:#666666;
padding:.25em;
}

#credits a:link, #credits a:visited, #elist a:link, #elist a:visited {
color:#999999;
text-decoration:underline;
}

#credits a:hover, #elist a:hover {
color:#FFFFFF;
text-decoration:underline;
}