/* 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.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: bold; 
 font-size: 1em; 
 line-height: 18px; 
} 
h2 { 
text-align:center;
 padding-top: 20px; 
 padding-bottom: 10px; 
 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;
	line-height: 1.5em;

}

a:link, a:visited {
	color: #ffffff;
} 
a:hover {
	color: #94fe00;
} 

a:active {  color: #fee900; 
}



.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;	position:relative;
}

div#header {
	color: #333;
	height: 70px;
	background: #7d7d7d;
		}
		div#logo {
		padding-left:180px;
		padding-top:28px;
			}
		
		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 {
		 font-family: Arial, Helvetica, sans-serif;
		  background:url(../img/bg_nav.jpg) no-repeat top left;
		 height:20px;
		 position:absolute;
		 top:0px;
		 left:0px;
		}
		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)*/
				list-style-type: none;
				}
				
				.mattblacktabs li{
				display: inline;
				margin: 0;
				}
				
				.mattblacktabs li a{
				float: left;
				display: block;
				text-transform:uppercase;
				font-size:9px;
	
				text-decoration: none;
				margin: 0;
				padding: 3px 10px; /*padding inside each tab*/
				/*border-right: 1px solid white; right divider between tabs*/
				color: #CCC;
				/*background-color: #414141; background of tabs (default state)*/
				}
				
				/*.mattblacktabs li a:visited{
				color: white;
				}*/
				
				.mattblacktabs li a:hover, .mattblacktabs li.selected a{
				color: white;
				background-color: none; /*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:white;
				}
				/* End current page in the navigation */
				
				
.content_gradient {
	color:#666;
	padding:33px 65px 30px 65px;
}
	
.content_gradient {
	background-image: url(../img/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

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

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



div#footer {
}

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

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




.contactlist {
	line-height: 1.4em;
	text-align:left;
	list-style-type: none;
	margin-left: 150px;	
	margin-bottom: 20px;		
}

.bigem { font-size: 1em; }




#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:none;}

.newslist a:visited {color: #FFFFFF; text-decoration:none;}

.newslist a:hover {color: #94fe00; text-decoration:none;}

.newslist a:active {color: #fee900; text-decoration:none;}

/* End News */	

/*-- Intro Home Page*/
photodiv {
	height: 332px;

}
div#intro {
	background-color: #333333;
	padding-top: 25px;
        padding-right: 50px;
	padding-left: 50px;
        padding-bottom: 25px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	
}
div#intro H2 { 
         text-align:center;
         letter-spacing:.5em;
	color: #b2b2b2;
        margin: 0 0 0 0;
       padding: 0 0 5px 0;
}
div#intro p { 
	font-size:1em;
	line-height:1.5em;
	color: #b2b2b2;
}
/*div#intro p a:link {color: #ccc; text-decoration:none;font-size:.92em;}
div#intro p a:hover {color: #cff; text-decoration:underline;font-size:.92em;}*/

/*-- END Intro --*/

span.floatR {width:155px; margin:-5px 0 0 0; position:absolute;top:90px; }