body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #333;
 	font:0.9em Verdana,Sans-serif;
	background:#fff url(../g/bg2.gif) top repeat-y;
	width:100%;

	}
	
	
#header {
	position:relative;width:800px;height:200px;margin:36px auto 0 auto;padding:0;
	border-bottom:1px solid #4F5559;background: #fff;
	border-left:1px solid #8A0753;border-right:1px solid #8A0753;border-top:1px solid #8A0753;
}

#wrapper	{ /*collmask */
		clear:both;
		/*float:left;*/
		width:800px;			
		overflow:hidden;
		position:relative;
	margin: 0 auto;
	padding: 0;
	border-left:1px solid #8A0753;border-right:1px solid #8A0753;
	background:#fff;
	text-align:left;
/*	background:#fff url(../g/sideBarbg.gif) 560px top  repeat-y; */
	}
body#gly #wrapper {background:#fff;}

#footer { 
	position:relative;clear:both;display:block;width:800px; 
	margin: 0 auto 66px auto;padding:10px 0;
	background: #fff;border-bottom:30px solid #8A0753;
	border-left:1px solid #8A0753;border-right:1px solid #8A0753;border-top:1px solid #333;text-align:left;
}



/*----------  Primary layout continues ---------- */



#content { /*collleft */
	float:left;
	width:100%;
	position:relative;
	right:40%;			/* right column width */
	background:#fff;
	margin-top:36px;
}


#maincontent, #sidebar {
		float:left;
		position:relative;
		padding:0 0 3em 0;
		overflow:hidden;
		min-height:300px;
}

#maincontent {
	width: 66%; /*56%;			 left column content width (column width minus left and right padding) */
	left: 42%; /* 42%;			right column width plus left column left padding */
	}

body#gly #maincontent {width:100%;margin:0;} /*Full width  no sidebar*/
body#gly #sidebar	{display:none;}

#sidebar	{
	width: 28%; /*36%;			 right column content width (column width minus left and right padding) */
	left: 44%; /* 46%;			(right column width) plus (left column left and right padding) plus (right column left padding) */
	}


/*
body#ncj #sidebar,
body#gmbc #sidebar,
body#bars #sidebar,
body#scab #sidebar,
body#cp #sidebar {
	padding-top:280px;
	}
	*/


#access {position:absolute;top:-24px;right:0;width:100px;z-index:1000;display:none;} 
#access p {margin:0;padding:0;font-size:.8em;} 
#access ul {display:block; padding:  12px; margin:0; list-style:  inside circle;font:100%/1em arial;border:1px solid;background:#fff;text-align:left;} 
#access ul li {  padding:0;margin:0; border:0;background:transparent;}



#footer a {padding:0 2px;}
#info {display:block;}
.clearer {clear:left;line-height:0;height:0;}
.clear { clear:both;display:block;margin:0; padding:0; }

img { border: 0; display: block; }
.alt {color:#75ae90;}
.skiplink {display:none;}
.hidden {display:none!important;}
.noscript {display:inline;}
.printonly {display:none;}



/* ---------- Banner ----------- */



#printheader {display:none;}
#printimage {position:relative;display:block;padding:0 0 2em 1em;margin:0 0 1em 0;font-size:80%;}

#headerlogo {
	position:relative;
	background: transparent url(../g/afc_logo2.gif) top left no-repeat;
	width:100%;
	height:80px;
	padding: 0;margin: 0;border:0;
	}

#logo {
	background: transparent url(../g/afc_logo.gif) no-repeat;
	width:100%;
	display:block;
	position:relative;
	margin: 0;
	padding: 0;border:0;
	height: 80px ;
	}
#logo:hover {
	background: transparent url(../g/afc_logo2.gif) top left no-repeat;border:0;}


/* Subnav */


#subnav {
	position:relative;display:block;
	width: 800px;
	height: 50px;
	background: #4F5559;
	padding:0;margin:0;border-bottom:6px solid #751052;
	text-align:left;
	}
html>body #subnav {height:auto;min-height:50px;}
/* Main nav */

#divnav {position:relative; border:0;margin:0; padding: 0 0 10px 20px;background: #fff;border-top:1px solid #6A1D44;height:40px;}

#mainnav a img {width:1px;height:1px;z-index:-10;padding-left:0;}
#mainnav {  height: 40px; border: 0; padding: 0; margin:  0 ; background: #fff; }

#mainnav ul { width: 600px; height: 40px; background:#fff url(../g/mainnav3.gif); margin: 0; padding: 0; position: relative;float:left; }
#mainnav ul li { margin: 0; padding: 0; list-style: none; float:left;text-align:center;}
#mainnav ul li, #mainnav a	{ height: 40px;  display: block;width:80px; }
#mainnav ul li a { text-indent: 0; text-decoration: none;}

#mn1 {left: 0; width: 80px;}
#mn2 {left: 80px; width: 80px;}
#mn3 {left: 160px; width: 80px;}
#mn4 {left: 240px; width: 80px;}
#mn5 {left: 320px; width: 80px;}


#mn1 a:hover {background: transparent url(../g/mainnav3.gif) 0 -40px no-repeat;}
#mn2 a:hover {background: transparent url(../g/mainnav3.gif) -80px -40px no-repeat;}
#mn3 a:hover {background: transparent url(../g/mainnav3.gif) -160px -40px no-repeat;}
#mn4 a:hover {background: transparent url(../g/mainnav3.gif) -240px -40px no-repeat;}
#mn5 a:hover {background: transparent url(../g/mainnav3.gif) -320px -40px no-repeat;}

body#home #mn1 {background: transparent url(../g/mainnav3.gif) 0 -40px no-repeat;}
body#bft #mn2 {background: transparent url(../g/mainnav3.gif) -80px -40px no-repeat;}
body#svs #mn3 {background: transparent url(../g/mainnav3.gif) -160px -40px no-repeat;}
body#gly #mn4, body#gmbc #mn4, body#cp #mn4, body#bars #mn4, body#scab #mn4, body#ncj #mn4 {background: transparent url(../g/mainnav3.gif) -240px -40px no-repeat;}
body#con #mn5 {background: transparent url(../g/mainnav3.gif) -320px -40px no-repeat;}

#mainnav ul li	a {font:100 1.1em/2em arial; text-transform:lowercase;}



/* ---------- Page header graphics ---------- */



body#unilever #maincontent {
	background: #fff url(../i/unilever475.jpg) 1em 0 no-repeat;
	padding-top:365px;
	}

body#ncj #maincontent {
	background: #fff url(../i/ncj475.jpg) 1em 0 no-repeat;
	padding-top:365px;
	}
	
body#ncj2 #maincontent {
	background: #fff url(../i/ncj2475.jpg) 1em 0 no-repeat;
	padding-top:630px;
	}
	
body#ncj3 #maincontent {
	background: #fff url(../i/ncj3475.jpg) 1em 0 no-repeat;
	padding-top:365px;
	}
	
body#gmbc #maincontent {
	background: #fff url(../i/gmbc475.jpg) 1em 0 no-repeat;
	padding-top:365px;
	}

body#bars #maincontent {
	background: #fff url(../i/bars475.jpg) 1em 0 no-repeat;
	padding-top:365px;
	}

body#scab #maincontent {
	background: #fff url(../i/scab475.jpg) 1em 0 no-repeat;
	padding-top:365px;
	}

body#cp #maincontent {
	background: #fff url(../i/cp475.jpg)  1em 0 no-repeat;
	padding-top:365px;
	}

	
body#home #sidebar li#index1 {
	background: transparent url(../si/bars.jpg)  left no-repeat;
	}
body#home #sidebar li#index2 {
	background: transparent url(../si/bars.jpg)  left no-repeat;
	}
body#home #sidebar li#index3 {
	background: transparent url(../si/bars.jpg)  left no-repeat;
	}
body#home #sidebar li#index4 {
	background: transparent url(../si/cp.jpg)  left no-repeat;
	}
body#home #sidebar li#index5 {
	background: transparent url(../si/scab.jpg)  left no-repeat;
	}
body#home #sidebar li#index6 {
	background: transparent url(../si/gmbc.jpg)  left no-repeat;
	}	

 li#unilever {background: #fff url(../si/unilever180.jpg)  top right no-repeat;}
 li#bars {background: #fff url(../si/bars180.jpg)  top right no-repeat;}
 li#cp2 {background: #fff url(../si/cp180.jpg)  top right no-repeat;}
 li#scab {background: #fff url(../si/scab180.jpg)  top right no-repeat;}
 li#gmbc {background: #fff url(../si/gmbc180.jpg)  top right no-repeat;}
 li#ncj {background: #fff url(../si/ncj180.jpg)  top right no-repeat;}
 li#ncj2 {background: #fff url(../si/ncj2180.jpg)  top right no-repeat;}
 li#ncj3 {background: #fff url(../si/ncj3180.jpg)  top right no-repeat;}

.smlogo {background:url(../g/afc_logo_sml.gif) no-repeat;width:150px;padding:13px 0 0 0;margin:-14px 0 0 1em;}

body#con #sidebar {background: #fff url(../i/contacBg.jpg)  top left no-repeat;height:300px;}
body#svs #sidebar {background: #fff url(../i/servicesBg.jpg)  top left no-repeat;height:300px;padding-top: 160px;}


/* ---------- Linkage ---------- */
	
a:link { font-weight : 100; text-decoration : none; color: #751052; }
a:visited { font-weight : 100; text-decoration : none; color: #751052; }
a:hover { font-weight : 100; text-decoration : underline; color: #D36ABB; }
a:active { font-weight : 100; text-decoration : none; color: #D36ABB; }

#mainnav a:link { text-decoration: none; color:#6A1D44;font-weight:100;}
#mainnav a:hover, #mainnav a:active { text-decoration: none; color:#D36ABB; }

#sidebar a:link, #sidebar a:visited{ color: #6A1D44; text-decoration:underline;}
#sidebar a:hover { color: #D36ABB;text-decoration: none;  }
#sidebar a:active { color: #D36ABB; }

#sidebar ul li a:link, #sidebar ul li a:visited { color: #525659; }
#sidebar ul li a:hover { color: #D36ABB; }
#sidebar ul li a:active { color: #D36ABB; }

#access p a:link, #access p a:visited { color: #0099FF; text-decoration:underline;}
#access p a:hover { color: #D36ABB;text-decoration: underline;  }
#access p a:active	{ color: #D36ABB; }

#subnav a:link {font:100 italic 0.9em arial;text-decoration:none;color:#fff;text-transform:lowercase;}
#subnav a:hover {text-decoration:none;color:#D36ABB;}

a.more {font:900 italic .8em arial;display:block;padding-top:6px;text-decoration:underline;}
/* #sidebar ul#images a.more {padding:0;} */

.next {
    top: 365px;
    position: absolute;
    left: 440px;
	font:900 .8em arial,sans-serif;
}
body#ncj2 .next {top:630px;}

/* ---------- Body typography ---------- */



p { margin-top: 1em; padding-top: 0; }
h1 {font:100% arial;}
h2 {font:900 100% arial; letter-spacing: 1px;
	margin:0 0 2em 1em;
	padding:0;
	border-bottom:1px dotted #6A1D44;
	width:90%;}

h3 {text-transform: capitalize;margin:10px 0 10px 1em;padding:0;font-size:80%;}
#sidebar h3 {margin: 1em 0 1em  0;}
body#gly #maincontent h3 {border-bottom:1px solid #333;margin-bottom:2em;color:#333;}

h4 {font:900 100% arial; letter-spacing: 1px;margin:0 0 0 20px;}
h5 {font:900 100%/1em arial; letter-spacing: 1px;margin:0;}
body#gly #maincontent h5 {width:70%;}


#maincontent p {
	font-size:0.9em;text-align:left;
	padding: 0 2em 0 0;
	margin:0 0 1.4em  1em;
	letter-spacing:1px;
	line-height:1.1em;/*color:#E5239D;*/}

#sidebar p {padding:0 18px;line-height:1.2em;color:#333;}
body#home p, body#home h2 {width:80%;}
#sidebar li p {padding:0;}

body#gly ul li p {font: 90% arial;margin:2px 0;}

#sidebar h4	{
	margin: 0;
	padding: 0 5px 6px 10px;
	background: transparent;
	color: #000;
	}

div#subnav p { font:900 1em/1.4em verdana;color: #fff;padding:4px 0 0 0;margin:0 0 0 20px;}

div.quote p {font:italic 0.8em arial; color: #fff;text-align:justify;padding:0 1em;margin:0 0;}
#maincontent p.quote {font:italic 0.8em arial; text-align:justify;padding:0 1em;margin:0 0 0 2em;width:60%;}

.caps {text-transform:capitalize;}
.small {font:0.8em helvetica;text-align:left;display:block;margin:1em 0;padding:0;}
.large a {font-size:120%;}

#footer p { font-size: 0.8em; color: #905A33;padding:0 0 0 20px;margin:0;}

#cv {padding-bottom:30px; font:0.9em/1.2em times;}

em {font-style:italic;}
.strong {font-weight:900;}
.italic {font:100 italic 0.9em arial;}



/* ---------- Stars and bars - listings ---------- */


#sidebar .quoteBox {background:#bcc5c1  url(../g/boxBot.gif) bottom no-repeat; 
	padding-bottom:30px;width:197px;
	margin-bottom:3em;}
html>body #sidebar .quoteBox {width:200px;}
#sidebar .quote {position:relative;background:#bcc5c1 url(../g/boxTop.gif) top no-repeat; 
	padding-top:30px;margin:0;}
#sidebar .quote p {text-align:left;}

#back {width:100px;position:absolute;bottom:12px;right:12px;text-align:right;font:90% arial;}
#back:before {content:"[";color:#751052;}
#back:after {content:"]";color:#751052;}

/*#maincontent ul {  padding: 0 ; margin: 0; list-style: none; }
#maincontent ul li { display:block;padding: 0;margin:0; }
#maincontent ul li:hover {}
*/

#maincontent ul {
	display:block;
	width:70%;
	padding:  0;
	margin: 2em 48px;
	list-style: url(../g/bullet.gif) circle outside;
	text-align:left;
	font-size:90%;
}
/*body#gly #maincontent ul li#ncj3, body#gly #maincontent ul li#ncj2 {list-style:none;}*/
body#gly #maincontent ul {width:80%;margin-left:36px;}

body#home #sidebar ul { list-style: none; }

/*#maincontent ul li a:after,
#sidebar ul li a:after {
	content:' [click]';color:#905A33;font-size:10px;
}
*/

#maincontent ul li {
	padding:0;
	margin:1em 0;
	border:0;
}

body#gly #maincontent ul li {  /* === GALLERY PAGE === */
	height:130px!important;
	padding:0;
	margin:1em 0;
	border-bottom:1px dotted ;
}
html>body#gly #maincontent ul li {height:auto;min-height:90px;}

body#gly #maincontent ul li p  {
	margin-top:12px;
	width:60%;
}

/* ======= */


ul#nobullet {
    padding: 0;
    margin: 0;
}

#nobullet li {list-style: none; font:90% arial;}

#sidebar ul {width:80%;}

#sidebar ul li {
	padding:0;
	margin:0 0 1em 0;
	border:0;
}

#sidebar ul#images { width:200px; padding: 0 ; margin:0; }
div#images img{ width:200px; padding: 0 ; margin:0 0 0 12px; }

#sidebar ul#images li, div#images  { 
	display:block;
	/*padding: 6px 0;margin:0 0 6px 0;text-align:center;*/
	border:1px solid #fff;
	width: 200px;
   /* height: 59px; */
    padding: 0;
    margin: 0 0 2em 0;
    text-align: left;
	font:0.8em/1.2em arial; 
}

div#images img {width:475px;margin-top:2em;}

#sidebar ul#images li img, div#images img {border:1px solid #fff;}

#sidebar ul#images  li img:hover, div#images img:hover {border:1px solid #D36ABB;}

#sidebar ul#images p {
	margin:0;
	padding:0;
}


/* ======= */



#sidebar dl { width:150px; padding: 0 0 0 20px; margin: 20px 0 0 0; list-style: none; }

dt	{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px;
	text-transform:capitalize;font: 600 0.8em times;
	}
	
dd	{
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 15px;
	font:italic 600 0.8em times;text-transform:capitalize;
	}
dd a {text-transform:lowercase;}






/* ---------- You are here ---------- */

#home .home, #bft .bft, #svs .svs, #gly .gly ,#con .con { color: #6A1D44;font-weight:900;}
#home .home1, #bft .bft1, #gly .gly1, #con .con1, #svs .svs1 { color: #999;}

/* ---------- rollover images ---------- */

div#thumbs {margin:20px 0; padding:0 0;height:150px;width:90%;}
html>body div#thumbs {min-height:150px;}
div#thumbs ul { width:250px;display:block;list-style: none; margin:0; padding: 0;height:67px;}
div#thumbs ul li {float:left;width:67px; padding: 4px; margin: 0;border:0;}
div#thumbs ul li a {display:block;padding: 0;margin:0; border: 1px solid #333;}	
div#thumbs ul li a:hover { border-color: #289728;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top: 410px; left: 300px; width: 300px; margin: 0; z-index: 100;
	font:italic 100 1.2em/1em times;padding: 0;text-align: left;  text-transform: lowercase;}

#rollover {position: absolute;top: 0; right:0; width: 300px;height: 400px; margin: 0;padding:0;border-bottom:1px solid #905A33;}
html>body #rollover { height: auto; min-height: 400px;}

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: 0; left: 0; height: 400px; width: 300px;}