/* @override http://www.arbor-lights.co.uk/css/style.css */

/* -- AUTHOR: Jan Buurlage (buurlage@web6.nl)
   -- DESIGNER: Matt Dempsey (www.mattdempsey.com) 
   -- FOR: Arbor Lights THROUGH StyleDNA */
   
* {
	padding: 0;
	padding: 0;
}

body {
	background: #393939;
	padding:0;
	margin:0;
	text-align: center;
}

div.content {
	color: #646966;
	font-family: Georgia, verdana, sans-serif;
	font-size: 18px;
	line-height: 26px;
	padding-bottom:13px;
}

div.title {
	font-weight: bold;
	color: #94aeb8;
	font-family: Georgia, verdana, sans-serif;
	font-size: 18px;
	
	
}

	p {
		font-size: 12px;
	    line-height: 14px;
	    color: #6c6c6c;
}
	
	h1 {
		font-size: 11px;
		text-align: left;
		line-height: 16px;
		font-family: Georgia;
		color: #434343;
		padding: 0px;
		margin: 0px;
	}
	
	a {
		color: #393939;
	}
	
	img {
		vertical-align: bottom;
	}
	
		
		img.leftie {
			float:left;
	margin-left: -23px;
	margin-top: -4px;
}
	
	
		img.title {
			margin: 10px 0 10px 0;
		}
		
		img.featured {
			border: 0px solid #c0c0c0;
			/* float: left; */
			margin: 10px;
			margin-bottom:5px;
			margin-left: 0;
			margin-top: 0;
            
		/*	height: 74px;
            width: 117px;	*/
		}

	div.wrapper {
		margin: 0 auto;
		text-align: left;
		width: 900px;
	}
	
	div#header {
		color: #7e7e7e;
		padding-top:15px;
		padding-bottom:65px;
		padding-left: 10px;
	}

		div#telephone {
			font-size: 19px;
			float:right;
			padding-top: 19px;
			padding-right:0px;
		}
        div#telephone span.note {
			font-size: 8pt;			
		}
	
	div#navigation {
		width: 829px;
		height: 49px;
		padding-left:81px;
		padding-right:10px;
		background: url(/images/navbg.png) repeat-x;
	}	
	
	/* --- NAVIGATION STUFF --- */

		ul#navigation { float:left; width:800px; height:49px;  list-style:none; margin:0 0 0 0; padding:0 0 0 0; }
				ul#navigation li { list-style:none; display:inline; }
					
					ul#navigation li a.home { width:102px; height: 49px; background: url(/images/home_nav.png) no-repeat; float:left; }
						ul#navigation li a.home:hover { background-position: -102px; }
						
					ul#navigation li a.links { width:88px; height: 49px; background: url(/images/links_nav.png) no-repeat; float:left; }
						ul#navigation li a.links:hover { background-position: -88px; }
						
					ul#navigation li a.location { width:109px; height: 49px; background: url(/images/location_nav.png) no-repeat; float:left; }
						ul#navigation li a.location:hover { background-position: -109px; }
						
					ul#navigation li a.staff { width:96px; height: 49px; background: url(/images/staff_nav.png) no-repeat; float:left; }
						ul#navigation li a.staff:hover { background-position: -96px; }
						
					ul#navigation li a.charity { width:117px; height: 49px; background: url(/images/charity_nav.png) no-repeat; float:left; }
						ul#navigation li a.charity:hover { background-position: -117px; }
						
					ul#navigation li a.events { width:105px; height: 49px; background: url(/images/events_nav.png) no-repeat; float:left; }
						ul#navigation li a.events:hover { background-position: -105px; }
						
					ul#navigation li a.foodguide { width:144px; height: 49px; background: url(/images/foodguide_nav.png) no-repeat; float:left; }
						ul#navigation li a.foodguide:hover { background-position: -144px; }
						
																			
	div#body {
		background: url(/images/bodybg.png) repeat-y;
		padding-bottom: 20px;
	}
	
	/* Left_body code */
	
	div#left_body {
		width:548px;
		float:left;
		padding: 26px;
	}
	
		/* The code every teammember needs */
        div.extendedInfo {
            text-align: justify;
            /*text-indent: 20px;        */
            padding-top: 25px;
        }
		div.team {
			background-color: #d8d8d8;
			width:548px;
			height: 156px;
			margin-bottom: 26px;
			background-repeat: no-repeat;

		}
		
			div#text_left {
				padding-right: 140px;
				padding-left: 20px;
				padding-top: 15px;
				font-style: italic;	
				color: #a2a2a2;

			}
			
				div#text_left p {
					font-size: 14px;
                    text-align: justify;
                    text-indent: 20px;
                    color: #a2a2a2;
				}
				
				div#text_left h1 {
					font-style:normal;
				}
			
			div#text_right {
				padding-left: 140px;
				padding-right: 20px;
				padding-top: 15px;
				font-style: italic;
				color: #a2a2a2;
			}
			
			div#text_right p {
				font-size: 14px;
                text-align: justify;
                text-indent: 20px;
                color: #a2a2a2;
			}
			
				div#text_right h1 {
					font-style:normal;
				}
						
		/* Repeat for team-members */
			div#employeeLeft {
				background-image: url(/images/tombg.png);
				background-position: left;
			}
		
			div#employeeRight {
				background-image: url(/images/sallybg.png);
				background-position: right;
			}


        div.team2 { background-color: #d8d8d8; width: 548px; margin-bottom: 26px; height: 156px; padding: 0; }

        div.team2 div#textLeft {  
            font-style: italic; color: #a2a2a2; float: left; width: 423px; height: 156px;
            background: url(/images/rightblock.png);  background-position: right; background-repeat: repeat-y; }
        div.team2 div#textLeft p { margin: 15px; font-size: 14px; text-align: justify; text-indent: 20px; color: #a2a2a2; }		
        div.team2 div#textLeft h1 { padding-top: 15px; padding-left: 15px; font-style: normal; }

        div.team2 div#textRight {  
            font-style: italic; color: #a2a2a2; float: left; width: 423px; height: 156px;
            background: url(/images/leftblock.png);  background-position: left; background-repeat: repeat-y; }
        div.team2 div#textRight p { margin: 15px; font-size: 14px; text-align: justify; text-indent: 20px; color: #a2a2a2; }		
        div.team2 div#textRight h1 { padding-top: 15px; padding-left: 15px; font-style: normal; }

        div.team2 div#imageRight { float: left; width: 125px; height: 156px; 
            background-position: right; background-repeat: no-repeat; }
        div.team2 div#imageLeft { float: left; width: 125px; height: 156px; 
            background-position: left; background-repeat: no-repeat; }
	
	/* Start right_body */
	
	div#right_body {
		width:244px;
		float:left;
		padding-top:30px;
		padding-left: 28px;
		padding-right: 28px;
		color: #a2a2a2;
	}
	
		div#features {
			font-style: italic;
			font-size: 15px;
            text-align: justify;
		}
        div#features a {
			color: #a2a2a2;
            text-decoration: none;
		}
		div#features p {
			margin: 0; 
			margin-bottom: 8px; 
			padding: 0;
			padding-bottom: 8px;
			border-bottom: 1px solid #bbb;
		}
		div#features h1.wgoTitle {
			margin-bottom: 3px;
			text-align: left;
		}

        div#features div.extendedInfo {
            font-style: normal;    
        }

        div#features div.extendedInfo em {
            font-style: italic;    
        }

        div#features div.extendedInfo strong {
            font-weight: bold;    
        }
		
	
	* html div#right_body {
		float:right;
		position:absolute;
	}
	
		
div.clear { 
	clear: both;
}

/* And as usual, the footer CSS */

div#footer {
		margin: 0 auto;
		text-align: left;
		width: 800px;
		height:49px;
		
		color: #808080;
		font-size: 11px;
		
		padding-left: 100px;
		padding-top: 19px;
		
		background: url(/images/footerbg.png) repeat-x;
}

div#footer a {
	color: #808080;
	text-decoration: none;
	border-bottom: solid 2px #454545;
}

div#monoSlideshow p { font-weight: bold; color: #bbb; }
div#monoSlideshow p a { font-weight: bold; color: #bbb; }