#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





/* CSS Document */

/* makes all link borders invisible */
a img {border:none;}
/* makes all link borders invisible */





#banner img, #banner span {
position:absolute;
top:0;
left:0;

}

#wrapper{ 
	    padding: 0 0 0 0;
	    margin-bottom:20px;
	    text-align:left; /* leave unchanged */ 
   		width:870px;
   		*height:100%;
	    min-width:990px/* optional but recommended */  
	 	min-height:500px;
	 	position:static;
		background: #000;
		background: url(../../img/fade.png) repeat-y;
		margin-left: auto;
		margin-right: auto;
		} 
		
#wrapper-gallery{ 
	    padding: 0 0 0 0;
	    margin-bottom:0px;
	    text-align:left; /* leave unchanged */ 
   		width:854px;
   		height:600px;
   		position:relative;
		background: url(../../img/heroshot2.jpg) no-repeat;
		background-color: #000;
		margin-left: auto;
		margin-right: auto;
		
		} 
		
		
	

body {
	background: #111;
	background: url(../../img/tim_bg.jpg) no-repeat;
	*background: url(../../img/tim_bg2.jpg) no-repeat;
    margin-bottom:20px;
    *margin-bottom:0px;


}
.header{
border:none;
background: url(../img/logo.jpg) no-repeat;
width:100%;
height:261px;
padding 10px 0 0 0:
margin:
position:relative;
min-width:180px;
max-width:180px;
}

.headtxt{
  	color:#FFFFFF;
	font-size:14px;
	padding:2em 2em 4em;
}

/* ----------------------------- head begins ---------------------------*/

#head{
background-color: #8A8863;
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:none;
margin-bottom: 10px;
background: url(../../img/hdr.gif) repeat-x;
width:880px;
height:0px;
padding:0px 0 0 0;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #FFF;
position:relative;
z-index: 2;
}


#head ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
}

#head li
{
border-bottom: none;
margin: 0;
}

#head li a
{
display: auto;
padding: none;
border-right:none;
background-color: none;
color: #ccc;
text-decoration: none;
margin-top: none;
}

html>body #head li a { width: auto; }

#head li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}


/* ----------------------------- nav begins ---------------------------*/
#nav-top{
background: none;
padding: 10px 10px 10px 10px;
margin-left: 50px;
margin-right: 25px;
margin-top: 0px;
width:880px;
height:20px;
font-family: Helvetica, Verdana, Arial;
font-size:13px;
color: #666;
position:relative;
margin-left: auto;
margin-right: auto;
}

/* ----------------------------- begins ---------------------------*/

#center{
background-color: #FFF;
border-top: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
border-left: 1px solid #EDEDED;
width:1100px;
height:100%px; 
padding: 0 0 0 0;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 5px;
margin-top: -10px;
*margin-top: -3px;
font-family: Courier New, Verdana, Arial, Helvetica;
font-size:14px;
float:left;
min-height:900px;
padding: 0px 0 0 0;
}

/* ----------------------------- youtube begins ---------------------------*/

#tvframe{
float:left;
position:relative;
}
/* ----------------------------- youtube begins ---------------------------*/

#youtube{
float:left;
position:relative;
}

/* ----------------------------- heroshot begins ---------------------------*/


#heroshot{
float:left;
position:relative;
}

/* ----------------------------- heroshot begins ---------------------------*/

#mailinglist{
font-family: Verdana, Futura, Arial, Helvetica;
font-size:12px;
color: #333;
*color: #777;
width:240px;
height:100%px;
float:left;
position:relative;
opacity:0.95;
}

/* ----------------------------- about begins ---------------------------*/


#about{
font-family: Verdana, Futura, Arial, Helvetica;
font-size:12px;
color: #a49678;
width:380px;
height:500px;
float:left;
position:relative;
overflow: auto;
}

#left-title{
font-family: Verdana, Futura, Arial, Helvetica;
font-size:12px;
color: #e5c98e;
*color: #e5c98e;
width:100%;
height:100%;
}

/* ----------------------------- left begins ---------------------------*/
#left{
background: none;
margin-top: 10px;
margin-bottom: 10px;
width:550px;
height:100%;
font-family: Lunabar, Verdana, Futura, Arial, Helvetica;
font-size:14px;
color: #333;
*color: #777;
position:relative;
float:left;
}

/* ----------------------------- left begins ---------------------------*/
#left-title{
background: none;
width:550px;
height:100%;
font-family: Lunabar, Verdana, Futura, Arial, Helvetica;
font-size:18px;
color: #e9c986;
position:relative;
float:left;
}

/* ----------------------------- left begins ---------------------------*/
#leftnormal{
background: url(../../img/logopatt5.gif) repeat;
padding: 0px 0px 10px 0px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
width:150px;
height:40px;
font-family: Times, Futura, Arial, Helvetica;
font-size:14px;
color: #333;
position:relative;
float:left;
}

/* ----------------------------- left begins ---------------------------*/
#left2{
background: url(../../img/logopatt2.gif) repeat;
border-top: 2px solid #eee;
border-right: 0px solid #bbb;
border-left: 0px solid #bbb;
border-bottom: 0px solid #bbb;
padding: 10px 0px 10px 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
width:800px;
height:100%;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #504E0E;
position:relative;
float:left;
}





#banner {
width: 1079px;
height: 130px;
position:relative;
background:#FFF;
padding: 0 0px 0 20px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:96px;
color: #2da3cb;
}



/* ----------------------------- line div begins ---------------------------*/

#horiz{
background-color: #eee;
padding: 0 0 0 0;
margin: 10px 0px 10px 0px;
height: 1px;
width: 870px;
position:relative;
border-top: 1px solid #eee; 
border-bottom: 1px solid #fff; 
}

/* ----------------------------- line div begins ---------------------------*/

#horiz2{
background-color: #888;
padding: 0 0 0 0;
margin: 10px 0px 10px 0px;
height: 1px;
width: 220px;
position:relative;
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
}


/* ----------------------------- l3 begins ---------------------------*/

#l3{
background-color: #888;
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:10px;
margin-bottom:none;
width:770px;
*width:830px;
height:30px;
padding: -10px 30px 0px 30px;
*padding: -10px 30px 0px 60px;
font-family: Courier New, Times New Roman, Arial;
font-size:16px;
color: #000;
position:relative;
z-index: 0;
}

#l3 ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
padding: 5px 0px 0px 0px;
}

#l3 li
{
border-bottom: none;
margin: 0;

}

#l3 li a
{
display: auto;
padding: 8px 30px 0 30px;
border-right:none;
background-color: none;
color: #000;
text-decoration: none;
margin-top: none;
}

html>body #l3 li a { width: auto; }

#l3 li a:hover
{
border-right:none;
background-color: none;
color: #ccc;
padding: 5px 30px 0 30 px;
}




/* ----------------------------- begins ---------------------------*/
#title{
background: url(../../img/card.jpg) no-repeat;
padding: 0 30px 0px -40px;
*padding: 0 30px 0px 20px;
width: 876px;
height: 583px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
font-size:30px;
color: #FFF;
position:relative;
z-index: 0;
}

#title a
{
display: auto;
width: 876px;
height: 583px;
padding: 8px 30px 0px 0px;
border-right:none;
background-color: none;
color: #504E0E;
text-decoration: none;
}

#title a:hover
{
background: none;
width: 876px;
height: 583px;
border-right:none;
background-color: none;
color: #FFF;
padding: 5px 30px 0px 0 px;
}






/* ----------------------------- graphic begins ---------------------------*/
#screenshot ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 290px;
height: 266px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
}

#screenshot ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../../img/screenshot_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 290px;
height: 532px;
margin-top:0px;
overflow:hidden;
}

html>body #screenshot ul a {  }

#screenshot ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../../img/screenshot_hover.png) no-repeat;
color: #FFF;
width: 290px;
height: 532px;
margin-top:-266px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- graphic begins ---------------------------*/
#facebook_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 20px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
z-index: 1000;
}

#facebook_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../../img/facebook.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 40px;
margin-top:0px;
overflow:hidden;
}

html>body #facebook_hover ul a {  }

#facebook_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../../img/facebook.png) no-repeat;
color: #FFF;
width: 110px;
height: 40px;
margin-top:-20px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- graphic begins ---------------------------*/
#youtube_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 20px;
font-size: 20px;
font-family: Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
z-index: 1000;
}

#youtube_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../../img/youtube.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 40px;
margin-top:0px;
overflow:hidden;
}

html>body #youtube_hover ul a {  }

#youtube_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../../img/youtube.png) no-repeat;
color: #FFF;
width: 110px;
height: 40px;
margin-top:-20px;
overflow:hidden;
z-index: 1000;
}



/* ----------------------------- graphic begins ---------------------------*/
#sonicbids_hover ul {
border: 0px solid #666;
margin:10px 0px 0px 0px;
width: 110px;
height: 40px;
font-size: 20px;
font-family: Lunabar, Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
z-index: 1000;
}

#sonicbids_hover ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../../img/sonicbids_hover.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 110px;
height: 80px;
margin-top:0px;
overflow:hidden;
}

html>body #sonicbids_hover ul a {  }

#sonicbids_hover ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../../img/sonicbids_hover.png) no-repeat;
color: #FFF;
width: 110px;
height: 80px;
margin-top:-40px;
overflow:hidden;
z-index: 1000;
}


/* ----------------------------- graphic begins ---------------------------*/
#sonicbids ul {
border: 0px solid #666;
margin:0px 0px 0px 0px;
width: 108px;
height: 128px;
font-size: 20px;
font-family: Verdana, Times New Roman, Arial;
overflow:hidden;
float:left;
z-index: 1000;
}

#sonicbids ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../../img/sonicbids.png) no-repeat;
color: #3C5776;
text-decoration: none;
margin:0px 0px 0px 0px;
width: 108px;
height: 256px;
margin-top:0px;
overflow:hidden;
}

html>body #sonicbids ul a {  }

#sonicbids ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../../img/sonicbids.png) no-repeat;
color: #FFF;
width: 108px;
height: 256px;
margin-top:-128px;
overflow:hidden;
z-index: 1000;
}

/* ----------------------------- footer begins ---------------------------*/

#footer{
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
background-color: none;
width:870px;
height:20px;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:10px;
color: #666;
position:relative;
z-index: 100;
}

#footer ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
}

#footer li
{
border-bottom: none;
margin: 0;
}

#footer li a
{
display: auto;
border-right:none;
background-color: none;
color: #6c3c19;
text-decoration: none;
margin-top: none;
}

html>body #footer li a { width: auto; }

#footer li a:hover
{
border-right:none;
background-color: none;
color: #000;
}