@charset "utf-8";
/* 
Remix CSS | A microsite implementation for saif.com
Includes CSS for rendering site for web and print.  
By: Ben Protasio benpro@saif.com
*/

/*HTML Elements*/

body { 
	text-align: center;
	margin: 0px;
	background-color:#fcf5de;
}	


img {
	border: 0;
}

/* LINKS */
a, a:link, a:active {
	margin: auto;
	color: #fbc13b;

}
a:visited {
	background-color: transparent;
	color: #fbc13b;
}
a:hover {
	text-decoration: none;
	color: #fbc13b;

}
/* END LINKS */

/* Navigation highlights for links. This is limited to Ten Pages.*/
body#l1 li#l1,
body#l2 li#l2,
body#l3 li#l3,
body#l4 li#l4,
body#l5 li#l5,
body#l6 li#l6,
body#l7 li#l7,
body#l8 li#l8,
body#l9 li#l9,
body#l10 li#l10,
{
	background: #8fc73e url(images/menu-highlight.gif) no-repeat -5px;
	margin: 0px 10px 0px 0px;
}

body#l1 #header-element{

	display: block;
	height: 250px;
	width: 950px;
	background:url(http://www.saif.com/_minisite/csr/images/home-headline.png) no-repeat center;
}

body#l2 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(http://www.saif.com/_minisite/csr/images/safetyheader-headline.png) no-repeat center;

}

body#l3 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(http://www.saif.com/_minisite/csr/images/diversity-headline.png) no-repeat center;

}

body#l4 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(http://www.saif.com/_minisite/csr/images/employee-headline.png) no-repeat center;

}

body#l5 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(http://www.saif.com/_minisite/csr/images/community-headline.png) no-repeat center;

}

body#l6 #header-element{
	display: block;
	height: 250px;
	width: 950px;
	background:url(http://www.saif.com/_minisite/csr/images/environment-headline.png) no-repeat center;
	margin:-50px 0 0 0;

}

/* Template

body#l1 a#l1 #header #header-element{

}

*/


/*END NAV Highlighting */




/*ID and class implied Layout*/
#pagewrapper {
	margin: 0 auto;
	width: 952px;
	padding: 55px 0px 0px 0px;
	background: url(http://www.saif.com/_minisite/csr/images/csr10-title.gif) no-repeat top center #49301c;


/*typography - global fix*/
	text-align: left;
}

#header { /*topmost part of the layout*/
	background:url(http://www.saif.com/_minisite/csr/images/csr10-header.jpg) no-repeat center;
	height: 249px;
	display: block;

} 



#nav-section { /*2nd order div that is primarily intended for navigation*/
Position: absolute;
top: 310px;
width: 210px;
display: block;
float: left;
padding: 15px 15px 15px 100px;
/*height: 450px;*/

}

#nav-section .extra{ /* in navsection and below the UL menu, there is this div, available for extra stuff if you need.*/
display: none;
}

#content-area{  /*intended main area for content*/
	width: 560px;
	display: block;
	float: right;
	padding: 15px 30px 15px 30px ;

}

#footer {  /*last div in the #pagewrapper, can serve as 3rd column or as footer*/
	height: 20px;
	background: url(http://www.saif.com/_minisite/csr/images/csr10-footer.gif) no-repeat top center;
	display: block;
	clear: both;
	padding: 0px 15px 0px 320px;
}
/* Additional divs for usage: all present in the   */
#alt-section-a {
	display: none;
}

#alt-section-b {
	display: none;
}

#alt-section-c {
	display: none;
}

#alt-section-d {
	display: none;
}



/*End layout styles*/

/*Navigation Links and Nav Link display*/
#nav-section ul {
	display: block;
	width: 180px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-top: 1px solid #fbc13b; 
	float:right;

}

#nav-section ul li { 
	display: block;
	width: 180px;
/*	height:39px;
*/	line-height:39px;
	border-bottom: 1px solid #fbc13b;
	list-style: none;
	text-align: left;
	padding: 0px;
	margin: 0px;

} 

#nav-section ul li a {
	font-size:1.125em;
/*	line-height:39px;*/
	list-style: none;
	color: #fcf6de;
	text-decoration: none;
	display: block;
	width: 170px;
/*	height:39px;*/
	padding: 0px 0px 0px 10px;

}

#nav-section ul li a:active, .current, a.current{
	background: #8fc73e url(http://www.saif.com/_minisite/csr/images/menu-highlight.gif) no-repeat -5px;
	margin: 0px 10px 0px 0px;
	color:#fcf5de;
}


#nav-section ul li a:hover, .current, a.current{
	background: #8fc73e url(http://www.saif.com/_minisite/csr/images/menu-highlight.gif) no-repeat -5px;
	margin: 0px 10px 0px 0px;
	color:#fcf5de;
}

#nav-section ul li :hover {
	
}
/*End Navigation Links and Nav Link display*/