@charset "UTF-8";
/*-------- basic styling ---------*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-colour: #ffffff;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#container {
	width: 1024px;
	height: auto;
	text-align: left;
	background-colour:#000000;
	top: 20px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	/* border: 1px solid #000000; */
	/* overflow: auto; */
		
}
	
/* --------- position container elements HEADER --------- */

#header{
	position:relative;
	background: url(images/headerBackground_01.gif);
	height: 74px;
		}
	
#greaterthan{
	float:left;
	background:#999999;
	height:60px;
	width:60px;
	margin-top:5px;
	margin-left:10px;
	}
	


	/* ---------------------------------- main navigation system ----------------------------------*/
	

#menu {
	float:right;
	background:#fff;
	height:30px;
	width:648px;
	margin-top:30px;
	font-size: 9pt;
}


/*positioning of mainmenu div*/
	
	
#menu ul .item{
	display:none;
	list-style:none;
	}/*hides dropdown menu*/

#menu ul:hover .item{
	display:block;
	z-index:100;
	background:#FFF;
	padding-left:15px;
	line-height:23px;
		
	}/*background of drop down*/
	
#menu ul:hover .item a{
	color:#000000;
	text-decoration:none;
	}/*because of the <a> selector refers to buttons*/
	
#menu ul:hover .item a:hover{
	color:#ff0620;
	}/*refers to dropdown menu hover colour*/
	
#menu ul a {
	text-decoration:none;
}

#menu ul a:visited {
	color: #000000;
}

#menu ul a:link {
	color: #000000;
}
#menu ul a:hover {
	color: #ff0620;
}
#menu ul {
	font-size:14px;
	font-family:Helvetica, "Myriad Pro Bold Condensed", Arial;
	float:left;

}

#menu ul .top{
	padding: 0 15px;
	list-style:none;
	font-size: 14px;
	line-height:none;
	float:left;
	display:block;
	background:url(images/navDivider_03.gif) no-repeat left center;
	color: #000000;
}/*Menu dv content styles*/

#menu #home{
	color:#ff0620;
}

#menu #aboutFlint{
	colour:#ff0620;
}
	/* ---------------------------------- main navigation system END ----------------------------------*/
	
/* --------- position container elements MAIN CONTENT --------- */

#mainContent {
	margin: 0 auto;
	background:#ffffFF;
	/* height: 646px; */
	width:958px;
		}
		
#logo {
	float:left;
	background:#ffffff url(images/flintLogo_03.gif);
	height: 403px;
	width:357px;
	margin-top:26px;
		}
	
#standfirst {
	float:right;
	background:#ffffff;
	width:595px;
	margin-top:26px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 50pt;
	text-align:right;
	line-height:normal;
	font-style: normal;
	font-weight: bold;
		}
.redtype {
	color: #ff0620;
}
		
#copy {
	float:right;
	background:#ffffff;
	width:595px;
	margin-top:8px;
	text-align:right;
	line-height:1.8;
	letter-spacing:normal;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16pt;
	font-weight: lighter;
		}

#fastnav {
	float:left;
	background:#ffffff;
	height: 150px;
	width:958px;
	margin-top:15px;
	margin-bottom:20px;
		}
#products{
	float:left;
	background:#ffffff url(images/FastNav_03.gif); 
	height: 150px;
	width:150px;
	margin-left:65px;
	
	}

#contacts{
	float:left;
	background:#ffffff url(images/FastNav_05.gif);
	height: 150px;
	width:150px;
	margin-left:70px;
	}
	
#pressevents{
	float:left;
	background:#ffffff url(images/FastNav_07.gif);
	height: 150px;
	width:150px;
	margin-left:70px;
	}
#gallery{
	float:left;
	background:#ffffff url(images/FastNav_09.gif);
	height: 150px;
	width:150px;
	margin-left:70px;
	}

/* --------- position container elements FOOTER --------- */

#clear{
	clear:both;
}

#footer {
	float:left;
	background: url(images/FooterBackground_20.gif);
	height:49px;
	width:1024px;
	}		

#footer ul a {
	text-decoration:none;
}

#footer ul a:visited {
	color: #ff0620;
}

#footer ul a:link {
	color: #ff0620;
}
#footer ul a:hover {
	color: #000000;

}


#leftnav{
	float:left;
	background:#fff;
	height: 35px;
	width:158px;
	margin-top:10px;
	}
		
#rightnav{
	float:right;
	background:#fff;
	height: 35px;
	width:158px;
	margin-top:10px;
	}
#rightnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
}

#leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-top: 10px;
	margin-left: 13px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
}