@charset "UTF-8";
/* CSS Document 

Last Modified:  Apr 5 2009
Design Notes:  	Vertically oriented, fixed-width, center-aligned, single-pane layout.  Main elements (header, footer, main panel, 
				navbars) vertically aligned and spaced 5px using margin-top element.
*/

/*
	The background image is fixed and will not scroll with the webpage
*/
body
{ 
	background-color: #20120D;
	background-image: url("images/FAI_Background2.gif");
	background-repeat:repeat;
	background-position:left;
	background-attachment:fixed;
	font-family: arial;
} 

/*
 *	The header container is for the company graphic(s) above the navbar
 */
#header_container{
	background-color:#20120D;
	background-image: url("images/FAI_Header.gif");
	position: relative;
	width: 1100px;
	height: 160px;
	margin-left:auto;
	margin-right:auto;
	border: 1px white ridge;
}

/*
 * 	The navcontainer is for the main navbar present on all pages.  
 */
#nav_container{
	background-color:#518274;
	border: 1px white ridge;
	height: 25px;
	margin-top: 5px;
	position: relative;
	width: 1100px;
	margin-left:auto;
	margin-right:auto;
}

/*
 * Use the wrapper to center-align the page overall.  Items can be absolutely positioned within the wrapper if required.  Width is fixed
 * but height can vary with page contents
 */
#wrapper	{
	position:relative;
	margin-top: 5px;
	width: 1100px;
	margin-left:auto;
	margin-right:auto;
	min-height:550px;
	background-image: url("images/Background_Opacity_Tile.png");
	background-repeat: repeat;
	border: 1px white ridge;
	}
	
/*
 * The footer container floats below the wrapper. 
 */	
	
#footer_container	{
	width: 1100px;
	height: 80px;
	margin-left:auto;
	margin-right:auto;	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#518274;
	border: 1px white ridge;
	font-size:0.6em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	padding-top:10px;
	margin-top:5px;
	}


/*
 * The navbar is positioned inside the navcontainer, ready for drop-down menus (not currently used)
 */
#navbar	{position: relative; width: 500px; color: white; font-family: arial; font-size: 0.8em; z-index:100;}	
#navbar ul{	list-style:none; padding-left:10px;margin-top:0px;padding-bottom:5px;}
#navbar li {float:left;width: 100px;text-align:center;background-color:#518274;padding:2px 2px 2px 2px;}
#navbar a:hover {color:white;text-decoration: underline;}
#navbar li ul {position: absolute; padding-left:0px; left:-1000em;background-color:#493434;}
#navbar li li{margin-top:0px;}
#navbar li ul li:hover{background-color:white;}
#navbar li:hover ul {left:auto;}
#navbar li li a {display:block;  color: white;text-decoration: none;padding:2px 1px 2px 1px;}
#navbar li a {display:block;text-decoration: none;color: white;padding: 2px 1px 2px 1px;}

/*
 * 	The galNav div is used to navigate/filter galleries,  appears as a bar under the site navbar
 */

#galNav {
	position:relative; 
	margin-left:auto;
	margin-right:auto;
	background-color:#518274;
	border:1px ridge white;
	height:25px;
	width:1100px;
	margin-top:5px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;}
	
#galNav a{
	position:relative;
	top:2px;
	color: white;
	float:left;
	text-decoration:none;
	margin-left:30px;
	margin-right:15px;
	vertical-align:middle;
	}

#galNav a:hover {}
#galNav a.current {text-decoration:underline;}


/*
 * 		The faq div is used for formatting on the FAQ page only
 */

#faq{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-decoration:none;
	color:white;
	line-height:1.2em;
	padding: 30px 30px 30px 30px;}
	
#faq .heading{font-weight:bold; font-size:1.2em}	
#faq p.question{font-weight:bold;color:white;}
#faq p.answer{color:white;margin-bottom:30px;}


#contactUs{margin:50px 50px 50px 50px;font-size:0.8em;color:white;}
#contactUs p .errorText{color:red;font-weight:bold;}

/*
 *  	The row,label, and form_width classes are used to format the "Contact Us" page form
 */


div.row {
  	clear: both;
  	padding-top: 10px;
  	}

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.form_width {
  float: right;
  width: 880px;
  text-align: left;
  } 

/*
 *		prodDetail is the page used to give detailed information about specific stationary products within the wrapper panel.
 *		Its contents and utilized divs vary depending on the type and style of the stationary product being displayed.
 */

#prodDetailMainImg{;}
#prodDetailRsvp{margin-top:20px;}
#prodDetailLeftPanel {float:left;font-size:0.8em;margin:10px 0px 10px 10px;background-color:#518274;padding: 10px 10px 10px 10px;border:1px solid white;width:250px;color:white;}
#prodDetailLeftPanel .subContainer {margin-top:20px;min-height:100px;}
#prodDetailRightPanel  {float:left;margin:10px 10px 10px 10px;}
#prodDetailFontMap {float:left;width:330px;height:280px;margin-top:20px;margin-left:10px;border:1px solid black;background:white;}
#prodDetailFontMap .ftext {font-size:0.8em;margin-left:130px;margin-top:20px;}
#prodDetailFontMap .fimg {left:20px;margin:20px 15px 20px 15px;}
#prodDetailColourMap {float:left;width:430px;border:1px solid black;background-color:white;font-size:0.8em;padding:10px 5px 10px 5px;margin-top:20px;}
#prodDetailUrbImg1{z-index:3;}
#prodDetailUrbImg2{float:right;margin-right:10px;z-index:1;}
#prodDetailUrbImg3{z-index:2;}
#prodDetailUrbImg4{;}
#prodDetailUrbFormat{margin-top:20px;width:150px;}


/*
 *		The "heading" class is used throughout the site for local area titles for better control of font and style, easier updates,
 *		and site uniformity.
 */

.heading {font-size:1.0em; font-weight:bold;}
.tempBanner {font-size:1.0em; color:white;}