/***************************\
*	Di Ferro CSS Document	* 
*	Anthony Tramontana		*
*	Facciade Web Design		*
*	2007					*
\***************************/		

/* Elements of Page Layout */


body
{	
margin:0 0 0 0;
background-image: url("../images/bg_body.gif");
background-repeat: repeat-x;
background: #e3e7ef url("images/bg_gradWhite.png") repeat-x;	

}

#container
{
width: 90%;
margin: 0px auto;
width: 810px;
background-color: #fff;
color: #333;
border: 0px solid gray;
line-height: 130%;
}




#top
{
/* padding: .5em; */
background-color: White;
border-bottom: 0px solid gray;
text-align: center;
 
/* background-image: url(../images/railings3.jpg);
height: 100px;
*/
	
}

#top h1 
{
padding: 0;
margin: 0;
}

#topNav
{
clear: both;
padding: .5em;
margin: 0 0 10px 0;
color: #333;
background-color: White;
text-align: center;
border-top: 0px solid gray;
border-bottom: 0px solid gray;

	 
}

#leftnav
{
float: left;
width: 160px;
margin: 0 0 0 0;
padding: 20 0 0 0;
text-align: center;

}

#rightnav
{
float: right;
width: 160px;
margin: 0 0 0 0;
padding: 20 0 0 0;
}



#content
{
	margin-left: 200px;
 	border-left: 0px solid gray;
	padding: 0em;
	background-color: #ffffff;
 
}

#content h1, #content h2
{
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height: 30px;
	padding:0;
	margin:0;
}



.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.content  p { margin-top: 0;}




#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: White;
 	border-top: 1px solid gray;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align: right;
}

.footerLogo
{
font:12px Arial, Helvetica, sans-serif;
	color: Fuchsia;
}

	 
	#flashcontent {
		width: 100%;
		height: 640px;	
			font:12px Arial, Helvetica, sans-serif;
 
 
	}



/*  End Layout Elements  */
 
/*  Top Horizontal Navigation */

#navcontainer
{
margin: 0px 30px 0 30px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
	background: #fff;
	width: 78px;
	height: 18px;
	border-top: 0px solid #f5d7b4;
	border-left: 0px solid #f5d7b4;
	border-bottom: 0px solid #f5d7b4;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #47A6B2;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
border: 0px solid #c60;
color: #fff;
}


/* End Horizontal Navigation */