/* 500px Forcade Images Styles */



html {
	overflow-y: scroll;
	}




body {
	font-family: "Lucida Sans" Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #c6c6c6;
	background-attachment: scroll;
	background-image: url(../img/bg_gradient-v.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #7d7d7d;
	margin-top:0px;
}

/*h1, h2, h3, h4, h5, h6 {margin:5px}*/


h1 { 
 margin-bottom: 11px; 
 padding-top: 15px; 
 padding-bottom: 21px; 
 border-bottom: 1px solid #ccc;  
 color: #999;
 font-size:1.75em; 
} 

h2, h3{ 
 font-weight: normal; 
 font-size: 1em; 
 line-height: 18px; 
} 
h2 { 
 padding-top: 10px; 
 padding-bottom: 20px; 
 font-size: 1.25em; 
 text-transform: uppercase; 
 color: #999; 
} 
h3 { 
 padding-bottom: 6px; 
 font-weight: bold; 
 text-transform: uppercase; 
 letter-spacing: -1px; 
 color: #333; 
} 


p {margin:5px;}

a:link, a:visited {
	color: #333333;
} 
a:hover {
	color: #74A62E;
} 

a:active {  color: #966; 
}



.inner {margin:15px;}

.floatL {float:left;}
.floatR {float:right;}
p.floatL {margin:0 0 20px 20px;}
p.floatR {margin:0 20px 20px 0;}

div#wrapper {background-color: #7d7d7d;}

div#header {
	color: #333;
	height: 50px;
	background: #7d7d7d url(../img/bg_header.jpg) no-repeat center top;
		}
		div#logo {
		padding-left:178px;
		padding-top:5px;
			}
		
		img, div, a { behavior: url(/css/iepngfix.htc) }
		
			/* Rollover Class FOR LOGO */
				.rollover {
					 display:block;
					 width:120px;
					 height:40px;
					 background:url(../img/filogo_s.png) no-repeat 0px 5px;
					 text-indent:-9999px;
				}
				/* RemoveS Outline */
				a { outline:none;}
				
				a.rollover:link
				{
					 background:url(../img/filogo_s.png) no-repeat 0px 5px;}
					
				
				a.rollover:hover {
					background-position:-120px 5px;
				}
				/* END Rollover Class */
		

div#navigation {
		 color: #333;
		 background-color: #414141;
		 height:20px;
		}
		ul.mattblacktabs{
				overflow: hidden;
				border-bottom: none; /*bottom horizontal line that runs beneath tabs*/
				margin-left:50px;
				}
				
				.mattblacktabs ul{
				margin: 0;
				padding: 0;
				padding-left: 10px; /*offset of tabs relative to browser left edge (10px orig)*/
				font: bold 12px "Lucida Sans";
				list-style-type: none;
				}
				
				.mattblacktabs li{
				display: inline;
				margin: 0;
				}
				
				.mattblacktabs li a{
				float: left;
				display: block;
				text-decoration: none;
				margin: 0;
				padding: 1px 10px; /*padding inside each tab*/
				/*border-right: 1px solid white; right divider between tabs*/
				color: white;
				background-color: #414141; /*background of tabs (default state)*/
				}
				
				.mattblacktabs li a:visited{
				color: white;
				}
				
				.mattblacktabs li a:hover, .mattblacktabs li.selected a{
				background-color: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
				}
				
				
				/* This Shows the current page in the navigation */
				body#home a#homenav,
				body#pricing a#pricenav,
				body#about a#aboutnav,
				body#info a#infonav,
				body#news a#newsnav,
				body#onsite a#onsitenav,
				body#gesture a#gestnav,
				body#scene a#scenenav,
				body#pattern a#patnav,
				body#contact a#connav {
				color:green;
				background-color: black;
				}
				/* End current page in the navigation */
				
				
				
				
				

div#content {position:relative;}
div#content p img {margin:0 10px 10px 0;}

div#content div#inner { padding-bottom: 18px;}


	div#member {margin:0px 0 0 0; background-color:#666666;
			}
			div#member p {padding:15px;}

div#footer {
	border-top: 1px solid #666666;
}

div#footer p {text-align:center;}

div#footer p.footer-info {padding:24px; text-align:center;}










/*---------- CATALOG INDEX STYLES ----------*/

/* CATALOG Image styles */
/***********************************************************************/
div#subthumbs img {padding: 0 ;border: 0; vertical-align: middle;}




div#subthumbs {position: relative; margin: 0; padding: 0 0 0 0; width: 500px; overflow:auto;}
 #subthumbs_inner { padding:10px 0 0 20px; } 
.thumbs {position: relative; float: left; padding: 2px; margin: 0 6px 6px 0; border: 3px solid #7d7d7d; width:60px; height:60px;} /* Was 60px */

/*
div#subthumbs #subthumbs_inner .thumbs a:link img { border: 3px solid #333; }*/
div#subthumbs #subthumbs_inner .thumbs a:hover img {outline: 3px solid #fff; } 




#lg-view {
text-align:center;
	
	}
	#lg-view h2 {
	color:#fff;
	padding-bottom:10px;
	}
	
	div#lg-view_inner { /*This provides margin and padding inside the lg-view div*/
		padding:20px 45px;
		}
		
		
		/*Icon for adding Favorites on View Template*/
		a.add_to_favorites {
		background:transparent url(../img/add_to_favorites.png) no-repeat scroll 0 bottom;
		display:block;
		float:left;
		height:19px;
		text-indent:-9999px;
		width:16px;
		}
		 
		a.add_to_favorites:hover {
		background:transparent url(../img/add_to_favorites.png) no-repeat scroll 0 1px;
		}
		 
		a.add_to_favorites:active {
		background:transparent url(../img/add_to_favorites.png) no-repeat scroll 0 bottom;
		}
				
		
		
		
		
		
		
		



div#catbox_1 form.catmenutop {padding:15px 20px 5px 20px; }
div#catbox_1 form.catmenubottom {padding:5px 20px 15px 20px; }

div#catbox_1 h3 {margin: 0 0 0 20px;}
div#catbox_1 p {margin: 0 0 20px 20px;}


/* END CATALOG Image styles */
/***********************************************************************/

/*---------- END CATALOG INDEX STYLES ----------*/





#searchTools {padding: 0 25px 0 25px;}



/*slide panel to store Favorites*/

a:focus {
	outline: none;
}
#panel {
	background: #666666;
	display: none;
	height: auto;
	}
	div#panel h3 {padding:10px 0 20px 20px;}
	div#panel p.pane {margin:5px 5px 0 20px;} /*Custom style */
	div#panel p.pane img {float:none;}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #666666;
	background: url(/img/btn-slide.png) no-repeat center top;
}
.btn-slide {
	background: url(/img/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
/*END slide panel */


body#catalog_search_results div#subthumbs_inner {overflow:hidden;}

body#catalog_view p.keywords {
	color:#fff;
	text-transform:uppercase;
	font-size:75%;
	padding: 5px;
	}
	p.keywords strong {color:#333333;}

/* div#search-box-wrap dl {margin: 0 0 0 -50px;} */




/* Search Box */

#search-box-wrap {
position:absolute;
top:100px;
left:255px;
    width: 201px;
    height: 31px;
   /*  background: url(../img/btn_search_box.gif); */
}
#search-box-wrap #search {
    float: left;
    padding: 0;
    margin: 7px 0 0 -11px;
    width: 159px;
    background: none;
}
#search-box-wrap #go {
    float: right;
    margin: 3px 4px 0 0;
}

/*END search box */

#photodiv img {margin:0; padding:0;}

.center {text-align:center;}
h1.home, h2.home, p.home {
	text-indent:-9999px;
	display:none;
	margin:0;
	padding:0;
	}

div#flashcontent {
	margin:0;}

/* News */	
	
.newslist {
font-size: .9em;
line-height: 1.5em;
list-style-type: none;
}

.newslist li strong { text-transform: uppercase;}

.newslist li {/* the rules that do the indenting
padding-left: 2em;
text-indent: -2em;*/
}

.newslist a:link {color: #FFFFFF; text-decoration:underline;}

.newslist a:visited {color: yellow; text-decoration:underline;font-size:.92em;}

.newslist a:hover {color: red; text-decoration:none;}

.newslist a:active {color: #000000; text-decoration:underline;}

/* End News */