/* CSS Document 
Colours
#9F7800 = Golden brown
#0096D7 = Blue
#939393 = Text gray
#828282 = Nav gray
*/

/* 
YUI2 reset
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color:white;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Reset Ends */

body {
	background-color:#333;
	color:#939393;
	background:url(/images/background.gif);
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%
	}
a {color:white;text-decoration:none;}
a:hover {color:#0096D7;}

h1 {font-size:2.6em;}
h2 {font-size:2.2em;}
p,dt,dd,li {font-size:1.3em;}


#Container {width:980px;margin-top:0;margin-left:auto;margin-right:auto;background-color:black;}

/* Header Style */
#Header {margin:0 15px;width:950px;height:4.8em;}
	#Header #HImg {float:left;margin:0px 0 0 10px;}
	#Header #Logon  {float:right;width:300px;text-align:right;} 
	#Header #Logon p {color:#9f7800;margin:0 8px 8px 0;}
	#Header #Logon p a{color:#828282;}
	#Header #Logon p a:hover{color:white;}
	#Header #Logon p img{vertical-align:-30%;margin-left:5px;margin-right:2px;}
	#Header #Search {margin:8px 8px 0 0;padding:0;}
	#Header #Search label {color:white;font-size:10px;line-height:14px;font-family:Arial, Helvetica, sans-serif;;}
	#Header .SField {width:120px;height:16px;font-size:12px;vertical-align:top;line-height:12px;padding:0;border:1px solid white;background-color:#828282;}
	#Header .Submit {font-size:10px;width:30px;height:18px;vertical-align:top;padding:0;border:1px solid white;background-color:#828282;color:white;cursor:pointer;}
	#Header .SField:hover, #Header .Submit:hover {background-color:white;}

/* Top Navigation */
.menu {margin-left:15px;padding:0;width:950px;border:none;height:30px;}
	.menu ul {list-style-type:none;padding-left:0;display:inline;margin:0;}
	.menu ul li{display:block;line-height:30px;height:30px;border-right:2px solid black;text-align:center;}
	.menu ul li:hover{line-height:30px;background:url(/images/back-grad_over.gif) repeat-x;}
	.menu ul li a {font:12px Arial, Helvetica, sans-serif;color:white;text-decoration:none;padding:0;height:30px;}
	* .menu ul li {float: left;}
	* .menu ul li a {height: 1%;}
	
	.Nav01,.Nav01 a {width:54px;} /* Home */
	.Nav02,.Nav02 a {width:92px;} /* Product */
	.Nav03,.Nav03 a {width:92px;} /* Technology */
	.Nav04,.Nav04 a {width:92px;} /* Performance */
	.Nav05,.Nav05 a {width:92px;} /* Projects */
	.Nav06,.Nav06 a {width:128px;} /* Service / Support */
	.Nav07,.Nav07 a {width:128px;} /* News / Downloads */
	.Nav08,.Nav08 a {width:92px;border-right:none !important} /* Company */
	.Nav09,.Nav09 a {width:57px;border-right:none !important} /* Contact */
	.Nav10,.Nav10 a {width:57px;border-right:none !important} /* Login */
	.Nav09 {margin-left: 109px;}
	.Nav01,.Nav02,.Nav03,.Nav04,.Nav05,.Nav06,.Nav07,.Nav08,.Nav09, .Nav10 {background:url(/images/back-grad.gif) repeat-x;}
/*Flash*/
#DisplayW {margin:0 15px;width:930px;background-color:white;height:220px;border:10px solid #b4b4b4;}

/*Marquee*/

#Marquee {position:relative;margin:0 15px;height:34px;width:950px;background:url(/images/marquee_bk.png) no-repeat;}
#Marquee span {display:none;margin:0 5px 0 85px;font-size:1.3em;color:white;padding-top:0.5em;}
#Marquee #rssTwitterFeed {position: absolute;top:0px;left:80px;height:20px;padding-top:7px;width:740px;}
#Marquee #rssTwitterFeed li{list-style-type: none;}
#Marquee #rssTwitterFeed li a{font-size:0.8em;}
#Marquee #Social {position: absolute;top:3px;right:10px;}
	#Marquee #Social li {float:left;}
	#Marquee #Social li a {
		display: block;
		width:24px;
		height:24px;
		margin-left: 3px;
	}
	#Marquee #Social li a span{display:none;}

		#Marquee #Social .Twitter a{
			background:url("/images/social.png") no-repeat -1px -24px;
		}
		#Marquee #Social .Facebook a{
			background:url("/images/social.png") no-repeat -26px -24px;
		}
		#Marquee #Social .YouTube a{
			background:url("/images/social.png") no-repeat -51px -24px;
		}
		#Marquee #Social .rss a{
			background:url("/images/social.png") no-repeat -75px -24px;
		}
		#Marquee #Social .Twitter a:hover{
			background-position:-1px 0;
		}
		#Marquee #Social .Facebook a:hover{
			background-position:-26px 0;
		}
		#Marquee #Social .YouTube a:hover{
			background-position:-51px 0;
		}
		#Marquee #Social .rss a:hover{
			background-position:-75px 0;
		}



/*Content*/
#Content {margin:0 15px;width:950px;padding:0;position: relative}
	#Content h1{margin:0.2em 15px 0.5em;}
	#Content p{margin-bottom:0.5em;}
	#Quarters {background: url(/images/ffHomeQtrBk.gif)repeat-y top left;width:950px;overflow:auto;margin-bottom:20px;}
	#Content #Quarters .qtrFeature{width:212px;float:left;padding:0 10px 0 15px;}
		#Content #Quarters .qtrFeature h2{margin-bottom:0.2em;}
		#Content #Quarters .qtrFeature dd{margin-bottom:0.5em;}
		
	#Content #Quarters #qtrButtons {width:235px;float:left;padding:0;}
		#Content #Quarters #qtrButtons h2{visibility:hidden;}
		#Content #Quarters #qtrButtons ul{position:absolute;top:0;right:0;width:235px;}
		#Content #Quarters #qtrButtons li {margin-top: 10px;background:url("/images/linkButtons.png") no-repeat left -100px;}
		#Content #Quarters #qtrButtons li a{
			display:block;
			font-size: 1.2em;
			font-weight: bold;
			padding:0 10px;
			width:205px;
			height:44px;
			line-height:40px;
			color:white;
			background:url("/images/linkButtons.png") no-repeat left -151px;
			}
			
		#Content #Quarters #qtrButtons li.newsLetter{background-position:left -365px;}
		#Content #Quarters #qtrButtons li.newsLetter a	{height:93px;}
		#Content #Quarters #qtrButtons li span {display:block;font-size: 0.8em;font-weight:normal;line-height:1em;color:white;width:210px;}
		#Content #Quarters #qtrButtons li a:hover{
				color:#0096d7;
				background-position: left -261px;
				}
		
			#exLinks li {
				margin-top: 10px;
				behavior: url(/futurefibresnews/wp-content/themes/future/iepngfix.htc);
				background:url("images/linkButtons.png") no-repeat left -100px;
			}
			#exLinks li.otherBk{background-position:left -252px;}
			
			#exLinks li a{
				display:block;
				font-size: 1.2em;
				font-weight: bold;
				padding:0 10px;
				width:140px;
				height:44px;
				line-height:40px;
				color:white;
				behavior: url(/futurefibresnews/wp-content/themes/future/iepngfix.htc);
				background:url("images/linkButtons.png") no-repeat left -151px;
			}
			#exLinks li a:hover{
				text-decoration: none;
				color:#0096d7;
				background-position: left -202px;
				}

	
	#Content #Projects{clear:both;width:928px;height:125px;position:relative;padding:10px;border:1px solid white;margin-bottom:20px;z-index:1;}
		#Content #Projects h2,
		#Content #Projects p {width:200px;padding-left:5px;}
		#Content #Projects ul {position:absolute;top:11px;left:233px;}
			#Content #Projects li {position:relative;float:left;width:225px;font-size:1.8em;margin-left: 10px;}
			#Content #Projects li a{display:block;width:215px;height:115px;padding:5px;}
			#Content #Projects li img{position:absolute;top:0;left:0;z-index:-1;}
	
	#Content #Statement{background-color:#404040;padding:20px;overflow:auto;margin-bottom:30px;}
	#Content #Statement .halfCol{width:435px;float:left;padding-right:20px;}

/*Footer*/
#PageFooter {
	position:relative;
	clear:both;
	background:url("/images/footer-bkg.png") no-repeat bottom left;
	height:8.5em;
}
	#PageFooter dl {
		position:absolute;
		bottom:1em;
		left:25px;
		line-height: 1.5em;
	}
	
		#PageFooter dt{
			font-weight: bold;
			color:white;
		}
		#PageFooter dd a{
			color:#aaa;
		}
	
	
	#PageFooter ul {
		position:absolute;
		bottom:1.5em;
		right:3em;
	}
	
		#PageFooter ul li {
			float:left;
			margin-right: 1em;
			}
		#PageFooter ul li a{
			display:block;
			width:4em;
			height:1em;
			line-height:1em;
			text-align:center;
			color:#aaa;
			padding-top: 4em;
		}
		
		#PageFooter .Twitter a{
			behavior: url(/futurefibresnews/wp-content/themes/future/iepngfix.htc);
			background:url("/images/Twitter.png") no-repeat top left;
		}
		#PageFooter .Facebook a{
			behavior: url(/futurefibresnews/wp-content/themes/future/iepngfix.htc);
			background:url("/images/facebook.png") no-repeat top left;
		}
		#PageFooter .YouTube a{
			behavior: url(/futurefibresnews/wp-content/themes/future/iepngfix.htc);
			background:url("/images/youtube.png") no-repeat top left;
		}
#SignOff {margin-left:auto;margin-right:auto;clear:both;height:3em;width:95em;}
#SignOff ul {margin:8px 0 0 6px;padding:0;position: relative}
#SignOff li {display:inline;font:10px/12px Arial, Helvetica, sans-serif;list-style-type:none;color:white;vertical-align:70%;}
#SignOff li a{color:#828282;text-decoration:none;padding:0 4px;}
#SignOff li a:hover{color:#0096D7;}
#SignOff .navgap {border-left:1px solid #828282;}
#SignOff .navend {position: absolute;right:0;top:0;}