body    { color: black; font-size: 12pt; font-family: Verdana, Arial, sans-serif; background-color: #000; background-image: url(../images/bglongloop_02.jpg); background-repeat: repeat-x; background-position: 0 0; letter-spacing: 0.5px; margin: 0; padding-top: 0; width: 100%     ; height: 100%; }
h1 { color: #ca1414; font-size: 0.8em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 10px; }
h2 { color: #cbcbcb; font-size: 0.9em; font-weight: bold; line-height: 1.25; letter-spacing: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.cpyright { color: #999; font-size: 7pt; font-family: Geneva, Arial, SunSans-Regular, sans-serif; margin-top: 1pt }
a:link { color: #fff; text-decoration: none }
a { color: #fff; text-decoration: none }
a:hover { color: #900; text-decoration: underline }
p   { font-size: 0.9em; line-height: 2; letter-spacing: 0.03em; }
p a img{ border: solid 1px #868686; }
p a:hover img { border: solid 1px #fff; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
.hor { width: 100%; border-top: 1px dotted #727272; }
#topleft { width: 30px }
#flashtag{ height: 120px; float: left; }
#sublinks               { color: #fff; font-size: 0.7em; font-family: Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1; margin: 0 0 0 20px; padding: 4px 0 0; width: 180px; height: auto; float: left; }
#sublinks p{ font-size: 1em; line-height: 1.25; }

#sublinks a    { color: #fff; font-size: 1em; font-weight: bold; line-height: 1.2; text-decoration: none; display: block; margin-bottom: 10px; margin-left: 15px;}
#sublinks a:hover     { color: #fff; text-decoration: none; background-color: #600; margin-top: 0; margin-right: 0; margin-left: 20px; padding-top: 0; padding-right: 0; padding-bottom: 0; list-style-image: url(../images/icon.gif);}
#sublinks ul{  }
#sublinks li{ line-height: 0.8; margin-bottom: 1px; list-style-type: none; }
#sublinks li a{ font-weight: bold; margin-left: -15px; padding-bottom: 0; list-style-image: url(../images/icon.gif); }
#sublinks li a:hover     { color: #fff; text-decoration: none; background-color: #600; margin-left: -10px; list-style-image: url(../images/iconR.gif); }
#pcontent{ line-height: 1; background-image: url(../images/contentbg.jpg); background-repeat: repeat-x; background-position: 0 top; margin-top: 5px; padding-top: 20px; padding-right: 20px; padding-left: 20px; border-right: 1px dotted #404040; border-left: 1px dotted #404040; width: 54%; min-width: 400px; min-height: 350px; max-width: 650px; margin-left: 240px; }
#pcontent ul{ margin: 20px; }
#pcontent li{ font-size: 0.9em; line-height: 2; margin: 0; padding: 0; list-style-type: square; list-style-position: outside; }
.subtitle  { color: #933; font-size: 10pt; font-family: Geneva, Arial, SunSans-Regular, sans-serif; line-height: 25pt; letter-spacing: 1pt; padding-top: 0; padding-right: 1px; padding-left: 8px; width: 0; height: 55px }


#header   { background-image: none; text-align: left; width: 708px; height: 151px }


#looptop  { background-repeat: repeat-x; width: 100% }
#buttons     { background-color: #000; background-image: url(../images/css-attempt_07.jpg); background-repeat: repeat-x; width: 100%; height: 35px ; min-width:800px;


/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth <900 ? "800px" : "100%" );
}

#container   { width: 100% ; height: 100%; max-height: 100%; }
#content       { color: #fff; font-family: Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 bottom; padding: 0 1px 15px; position: relative; width: 100% ; margin-bottom: -15px; 


/* IE Dynamic Expression to set the width */
width:expression(document.body.clientWidth <900 ? "800px" : "100%" );

}

#footer    { color: #999; font-size: 7pt; font-family: Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.5; background-color: #303030; background-image: url(../images/home_20.jpg); background-repeat: repeat-x; background-position: 0 bottom; position: relative; bottom: 0; width: 100%; height: 25px; padding-top: 5px; padding-left: 55px; border-top: 1px solid #575757              }
#footer a{ color: #fff; text-decoration: none; }
#footer a:hover{ color: #c00; text-decoration: none; }
.normaltxt  { color: #ccc; font-size: 0.9em; font-family: Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; }
.tinytxt { color: #7e7e7e; font-size: 0.6em; }
.imgclassright { background-color: #191919; margin: 10px; padding: 5px; float: right; border-width: 1px; border-color: #fff }
.imgclass  { background-color: #191919; margin: 2px; padding: 2px; border-width: 1px; border-color: #868686 }
.v1 { margin: 0; padding: 0; border-width: 0 }
.video { float: right; outline: solid 1px #ccc }
.tablebg       { background-image: url("../images/overview/overviewbg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: 0 bottom }
#search.test   { line-height: 13px; padding-top: 25px; vertical-align: bottom }
.gallerymain{ font-size: 0.6em; line-height: 1.2; text-align: center; vertical-align: middle; height: 125px; margin-right: 10px; }
.gallerymain img{ width: 153px; float: left; margin-right: 10px; }
.gallerymain p{ font-size: 1.3em; font-weight: bold; text-align: left; padding-top: 25px; }
.gallerymain a:hover img {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.videolink{ background-color: #272727; float: right; margin-top: 15px; margin-bottom: 50px; padding: 5px; border: solid 1px #7b7b7b; }
.videolink a:hover img{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}

.biobox { font-size: 0.7em; line-height: 1.25; vertical-align: middle; width: 138px; height: 195px; float: left; margin: 10px; }
.biobox img { clear: both; margin-bottom: 5px; border: solid 3px #7d7d7d; }
.biobox a:hover img { border: solid 3px #d2d2d2;}


/*lightbox features here */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
td { font-size: 0.8em; line-height: 1.2; }