/*
-----------------------------------------------
Howervision.net CSS styles
Author:   Daniel Hower
Version:  November 2008
----------------------------------------------- */


/* Structure
----------------------------------------------- */

body {
	font-family: arial, helvetica, san-serif;
	font-size: small;
	background: #000;
	}

#align {
	width: 850px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	}
	
#main-home {
	width: 850px;
	height: 600px;
	background: #fff url(images/bckgrnd-home.png) no-repeat;
	float: left;
	}
	
#main {
	width: 850px;
	background: #fff url(images/bckgrnd.png) no-repeat;
	min-height: 500px;
	float: left;
	}
	
* html #main {
	height: 500px;
	}
	
#header {
	width: 637px;
	height: 56px;
	background: transparent url(images/howervision.png) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	}

#maincol {
	width: 637px;
	padding: 16px 15px 15px 33px;
	background: transparent;
	float: right;
	}
	
#slideshow {
	position: absolute;
	top: 90px;
	left: 260px;
	}

#footer {
	position: relative;
	top: -5px;
	left: 0;
	width: 850px;
	height: 24px;
	background: transparent url(images/bckgrnd-footer.gif) no-repeat;
	float: left;
	}
	
#chicklets {
	background: transparent;
	opacity: 0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
	float: right;
	}

	
/* Global Navigation
----------------------------------------------- */
#nav {
	width: 165px;
	background: transparent;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}
	
#nav li {
	margin: 0;
	padding: 0;
	}

#nav li a {
	display: block;  
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	}
	
/* fix ie. hide from ie mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* end */
	
#home {
	width: 165px;
	height: 72px;
	background: url(images/home_off.gif) no-repeat;
	padding: 0;
	margin: 0;
	}
	
#home:hover {
	background: url(images/home_on.gif) no-repeat;
	}
	
#gallery {
	width: 165px;
	height: 24px;
	background: url(images/gallery_off.gif) no-repeat; 
	}
	
#gallery:hover {
	background: url(images/gallery_on.gif) no-repeat;
	}
	
#statement {
	width: 165px;
	height: 24px;
	background: url(images/statement_off.gif) no-repeat;
	}
	
#statement:hover {
	background: url(images/statement_on.gif) no-repeat;
	}
	
#wip {
	width: 165px;
	height: 24px;
	background: url(images/wip_off.gif) no-repeat;
	}
	
#wip:hover {
	background: url(images/wip_on.gif) no-repeat;
	}
	
#animation {
	width: 165px;
	height: 24px;
	background: url(images/animation_off.gif) no-repeat;
	}
	
#animation:hover {
	background: url(images/animation_on.gif) no-repeat;
	}
	
#main-gallery {
	width: 165px;
	height: 24px;
	background: url(images/main_off.gif) no-repeat;
	}
	
#main-gallery:hover {
	background: url(images/main_on.gif) no-repeat;
	}
	
#exhibits {
	width: 165px;
	height: 24px;
	background: url(images/exhibits_off.gif) no-repeat;
	}
	
#exhibits:hover  {
	background: url(images/exhibits_on.gif) no-repeat;
	}
	
#resume {
	width: 165px;
	height: 24px;
	background: url(images/resume_off.gif) no-repeat;
	}
	
#resume:hover {
	background: url(images/resume_on.gif) no-repeat;
	}
	
#email {
	width: 165px;
	height: 24px;
	background: url(images/email_off.gif) no-repeat;
	}
	
#email:hover {
	background: url(images/email_on.gif) no-repeat;
	}
	
	
/* Sub Nav 1 and 2
----------------------------------------------- */
#subnav1, #subnav2 {
	width: 637px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}
	
#subnav1 li, #subnav2 li {
	display: inline;
	}
	
#subnav1 li a, #subnav2 li a {
	font-weight: bold;
	}
	
	
/* Headings
----------------------------------------------- */
h1 {
	font-size: 200%;
	color: #666;
	margin: 0;
	}
	
h2 {
	font-size: 180%;
	color: #600;
	margin: 0;
	padding-bottom: 10px;
	}
	
h3 {
	font-size: 150%;
	color: #000;
	margin: 0;
	}
	
h4 {
	font-size: 110%;
	color: #600;
	margin: 0;
	padding-bottom: 10px;
	}
	
	
/* Text Styles
----------------------------------------------- */
p {
	color: #333;
	line-height: 18px;
	margin: 0 0 10px 0;
	}
	
p.small {
	font-size: 80%;
	color: #333;
	line-height: 16px;
	margin: 0;
	}
	
* html p.small {
	font-size: 75%;
	}
	
p.large {
	font-size: 110%;
	color: #333;
	line-height: 20px;
	margin: 0 0 10px 0;
	}
	
p.right {
	text-align: right;
	}
	
#footer p {
	padding: 2px 0 0 0;
	font-family: verdana, san-serif;
	font-size: 80%;
	color: #666;
	text-align: right;
	}
	
* html #footer p {
	font-size: 75%;
	}
	

/* Link Styles
----------------------------------------------- */
a {
	color: #900;
	text-decoration: underline;
	}

a:hover, #subnav1 #subselected a, #subnav2 #subselected a {
	color: #999;
	text-decoration: none;
	}

	
/* Images
----------------------------------------------- */
img {
  	margin: 0;
  	padding: 4px;
  	border: 1px solid #ccc;
  	background: #fff;
	}
	
img.preview {
  	margin: 0;
  	padding: 4px;
  	border: 1px solid #ccc;
  	background: #fff;
	opacity: 0.4;
	-moz-opacity:0.4;
	filter: alpha(opacity=40);
	}
	
img.none {
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	}

img.indent-left {
	padding-left: 15px;
	}
	
img.left {
	border: 0;
	padding: 0;
	margin-right: 10px;
	float: left;
	}
	
.gallerySlot-first {
	width: 202px;
	height: 220px;
	display: inline;
	float: left;
	}
	
.gallerySlot {
	width: 202px;
	height: 220px;
	display: inline;
	margin: 0 0 10px 0;
	float: left;
	}
	
	
/* Misc
----------------------------------------------- */
hr {	
	color: #ccc; 
	background-color: #ccc;
	height: 1px;
	border: 0;
	}
	
table {
	margin-top: 20px;
	}
	
td {
	vertical-align: middle;
	}
	
.transparency_on {
	opacity: 0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
	}
	
.transparency_off {
	opacity: 1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	}
	
	
/* Highslide Styles
----------------------------------------------- */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
	}

.highslide-image {
    border-bottom: 1px solid white;
	}
	
.highslide-image-blur {
}

.highslide-caption {
    display: none;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
	}
	
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
	}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
	}
	
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
	}
	
.highslide-display-block {
    display: block;
	}
	
.highslide-display-none {
    display: none;
	}
	
	
/* Home Page Slideshow Styles
----------------------------------------------- */	
#rotator {
	width: 300px;
	height: 450px;
	overflow: hidden;
	}
	
#rotator img {
	position: absolute;
	top: 90px;
	left: 260px !important;
	display: none;
	}