/* Footer Stick */
html, body { height: 100%; }
#wrapper { min-height: 100%; }

	/* Set the body font */
body,
.button input { font-family: "fertigo-pro-1", "fertigo-pro-2", Arial, Helvetica, sans-serif }
.select select,
.text input,
.multitext textarea { font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }

	/* Global block formatting */
body { background: #fff url(../images/site/bg-top.jpg) no-repeat center top; }
#wrapper { background: transparent url(../images/site/bg-bottom.jpg) no-repeat center bottom; }
.multiplebgs #wrapper {
	background: url(../images/site/bg-middleshadow.png), url(../images/site/bg-bottom.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center 100px, center bottom }
#container { position: relative; width: 954px; margin: 0 auto; }

#branding {
	height: 196px; margin: 0 11px 13px 3px; 
	background: #fff url(../images/site/bg-branding.png) no-repeat left bottom; }
#branding a { display: none; position: absolute; left: 740px; top: 120px; width: 250px; height: 165px; text-indent: -9999px; background: rgba(0,0,0,0.3); }
#napkin {
	position: absolute; left: 630px; top: 0; width: 515px; height: 337px; text-indent: -9999px;
	background: transparent url(../images/site/bg-napkin.png?v=1) no-repeat left top; }

#content-wrapper {
	width: 940px; padding: 0 11px 0 3px;
	background: transparent url(../images/site/bg-container-inner.png) repeat-y left top; }
#content {
	position: relative; min-height: 300px; padding-top: 140px;
	background: transparent url(../images/site/bg-content.png) no-repeat left 30px; }
#content-main { float: left; width: 440px; margin: 0 20px 0 200px; }
#content-supp { float: left; width: 220px; }
#flowery-pattern {
	position: absolute; bottom: -100px; left: 45px; width: 116px; height: 459px;
	background: transparent url(../images/site/bg-flowery-pattern.png) no-repeat left top; }

#siteinfo { 
	width: 894px; height: 87px; padding: 40px 60px 60px 0; text-align: right;
	background: transparent url(../images/site/bg-siteinfo.png) no-repeat left top;
	font-size: 1.2em; line-height: 1.3; color: #999999; }
#siteinfo p {
	-moz-transform: rotate(7.3deg) translate(0, -20px); -webkit-transform: rotate(7.3deg) translate(0, -20px); transform: rotate(7.3deg) translate(0, -20px); }
#siteinfo a { color: #cc6600; font-weight: bold; }

	/* Navigation: Main */
#nav-main {
	position: absolute; left: 3px; top: 0; width: 940px; background: #a0cf67 url(../images/site/bg-nav-main.png) repeat-x left top;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5); box-shadow: 0 2px 3px rgba(0,0,0,0.5); }
#nav-main h4 { display: none; }
#nav-main ul { list-style: none; }
#nav-main li { float: left; }
#nav-main li a {
	float: left; height: 35px; margin-top: 5px; padding: 0 12px 0 11px; z-index: 1;
	background: transparent url(../images/site/bg-nav-main-li.png) no-repeat right top;
	font-size: 1.3em; line-height: 32px; color: #fff; font-weight: normal; text-align: center; }

	/* Navigation: Supp */
#nav-supp-container {
	position: absolute; left: 0; top: 209px; width: 934px; height: 105px; padding: 0 10px;
	background: transparent url(../images/site/bg-nav-supp.png) no-repeat left top; }
#nav-supp h4 { display: none; }
#nav-supp ul { list-style: none; }
#nav-supp li { float: left; }
#nav-supp li a {
	float: left; margin-top: 1px; padding: 5px 10px 0 9px; background: transparent url(../images/site/bg-nav-supp-li.png) no-repeat right top;
	font-size: 1.3em; line-height: 1.3; color: #fff; font-weight: normal; }

	/* Navigation: Archive */
#nav-archive {  }
#nav-archive h4 { font-size: 16px; line-height: 1.3; color: #c60; }
#nav-archive ul {
	margin-left: 20px;
	font-size: 13px; line-height: 1.3; }
#nav-archive li { color: #666; }
#nav-archive li a { font-weight: normal; color: #666; }
#nav-archive li.active a { color: #222; }

	/* Navigation: Case Studies */
#nav-casestudies {
	padding: 5px 0 20px;
	background: #c60 url("../images/site/bg-casestudies.png") no-repeat left bottom;
}
#nav-casestudies h4 { padding: 0 10px 5px; font-size: 16px; line-height: 1.3; color: #fff; }
#nav-casestudies ul {
	font-size: 13px; line-height: 1.3;
}
#nav-casestudies li {
	padding: 5px 10px 4px; 
	background: transparent url("../images/site/bg-casestudies-li.png") no-repeat left top;
	color: #fff; list-style: none;
}
#nav-casestudies li a { font-weight: normal; color: #fff; }
#nav-casestudies li a:hover { text-shadow: 1px 1px 1px #333; text-decoration: none; }

	/* Basic Typography */
#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5 { margin: 0 0 0.3em; line-height: 1.3; font-weight: bold; color: #cc6600; }

#content-main h2 { font-size: 1.8em; }
#content-main h3 { font-size: 1.6em; }
#content-main h4 { font-size: 1.5em; }
#content-main h5 { font-size: 1.4em; }

#content-main p,
#content-main ul,
#content-main ol,
#content-main dl { font-size: 1.4em; line-height: 1.5; margin-bottom: 1.0em; color: #666; }

#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol { font-size: 1em; }

#content-main ul,
#content-main ol,
#content-main blockquote { margin-left: 20px; }

#content-main ul,
#content-main ol { list-style: disc; }

#content-main dl { overflow: hidden; }
#content-main dt { float: left; clear: left; margin-right: 10px; text-align: right; width: 80px;}
#content-main dd { float: left; font-weight: bold; width: 330px; }

#content-main blockquote { font-style: italic; }

#content-main a { text-decoration: none; font-weight: bold; color: #cc6600; }
#content-main a:hover { text-decoration: underline; }

#content-main h1,
#content-main h1 + p { border-left: 3px solid #cc6600; padding-left: 15px; line-height: 1.3; }
#content-main h1 { padding-top: 2px; padding-bottom: 0.3em; margin-bottom: 0; font-size: 2.8em; }
#content-main h1 + p { margin-bottom: 1em; padding-bottom: 2px; font-size: 2.0em; }

#content-supp .picturebox { margin-bottom: 10px; }
#content-supp .picturebox img { display: block; margin-bottom: 10px; }
#content-supp .picturebox p { font-size: 1.2em; line-height: 1.5; color: #bbb; text-align: center; }

	/* Default form style */
#content form {
	padding: 10px; background: #f3f3f3;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#content form fieldset { margin-bottom: 15px; }
#content form fieldset:last-of-type { margin-bottom: 0; }
#content form fieldset h2 { margin-bottom: 0.5em; }
#content form label { float: left; width: 130px; margin: 6px 10px 0 0; font-size: 14px; line-height: 1.3 ; color: #666 ; }
#content form .checkbox label { width: auto; }
#content form .reqd label { font-weight: bold; }

#content form .text,
#content form .select,
#content form .multitext,
#content form .datetime,
#content form .checkbox { overflow: hidden; margin-bottom: 7px; }
#content form .button { overflow: hidden; }

#content form .text input,
#content form .select select { height: 24px; background: #fff url(../images/site/form-text.png) repeat-x left top; }
#content form .text input,
#content form .select select,
#content form .multitext textarea {
	float: left; width: 266px; padding: 2px 6px; border: 1px solid #ccc; color: #666 ;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	font-size: 12px; line-height: 1.3; }
#content form .text input:focus,
#content form .select select:focus,
#content form .multitext textarea:focus {
	border-color: #c60;
	-webkit-box-shadow: 0 0 3px #c60; -moz-box-shadow: 0 0 3px #c60; box-shadow: 0 0 3px #c60; }
#content form .multitext textarea { height: 100px; background: #fcfcfc; }

#content form .select select { width: 250px; padding: 2px 2px; }
#content form .datetime select { padding: 2px 2px; border: 1px solid #587390; }

#content form .button input {
	float: right; margin: 0; padding: 5px 10px ; border:  none ;
	background: #c60;
	-moz-border-radius: 4px ; -webkit-border-radius: 4px ; border-radius: 4px ; 
	color: #fff ; font-size: 13px; line-height: 1.3; font-weight: normal ; cursor: pointer; text-align: center; }
	
#content form .checkbox input { float: left; margin: 8px 0 0; }

#content #content-supp form { margin-top: 10px; }
#content #content-supp form fieldset { margin-bottom: 0; }
#content #content-supp form .text input { float: none; width: 170px; margin-bottom: 5px; }
#content #content-supp form .button { margin-bottom: 0; }
#content #content-supp form .button input { float: left; width: 71px; margin-top: 0; font-size: 11px; padding: 5px 7px; }
#content #content-supp form .button input#mlunsubscribe { float: right; width: 86px; }

	/* Section Specific - Home Page */

body#home #branding {
	background: transparent url(../images/site/bg-branding-home.jpg) no-repeat left bottom;
	height: 297px;
}

body#home h1 {
	display: none;
}

body#home #introduction {
	position: absolute; left: 80px; top: -175px;
	width: 540px;
	height: 90px;
	font-size: 1.7em;
	border-left: 10px solid #EC700D;
	padding: 7px 300px 0 20px;
	background: rgba(255,255,255,0.65);
}
.no-rgba body#home #introduction { background: #fff; }

body#home #content-main {
	padding-top: 120px;
	width: 440px;
	margin-left: 250px;
}

body#home #content-main ul#quicklinks {
	position: absolute; left: 0; top: 0;
	height: 210px;
	margin: 20px 0 0 0;
}

body#home #quicklinks li { 
	float: left; 
	list-style: none; 
}
	
body#home #quicklinks li a {
	width: 210px;
	height: 210px;
	float: left;
	margin-left: 20px;
	position: relative;
}

body#home #quicklinks #ql-food a {
	background: transparent url(../images/site/bg-homebox-food.jpg) no-repeat left top;
} 

body#home #quicklinks #ql-clients a {
	background: transparent url(../images/site/bg-homebox-clients.jpg) no-repeat left top;
} 

body#home #quicklinks #ql-services a {
	background: transparent url(../images/site/bg-homebox-services.jpg) no-repeat left top;
} 

body#home #quicklinks #ql-team a {
	background: transparent url(../images/site/bg-homebox-team.jpg) no-repeat left top;
}

body#home #quicklinks span {
	width: 210px;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	font-size: 17px;
	position: absolute; left: 0; bottom: 0;
	padding: 4px 0 6px;
	background: rgba(236,112,13,0.5);
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.no-rgba body#home #quicklinks span { background: #ec700d; }
body#home #quicklinks a:hover { text-decoration: none; }

body#home #quicklinks a:hover span { background: rgba(236,112,13,1); }
.no-rgba body#home #quicklinks a:hover span { background: #ec700d; text-decoration: underline; }

body#home #nav-supp-container {
	background-image: none;
}

body#home #content {
	background: #fff url(../images/site/bg-content-home.png) no-repeat left top;
}

body#home #content #flowery-pattern {
	background: transparent url(../images/site/bg-flowery-pattern-home.png) no-repeat left top;
	height: 350px;
}

	/* Section Specific - About */

body#about #branding {
	background: transparent url(../images/site/bg-branding-about.jpg) no-repeat left bottom;
}

	/* Section Specific - Services */

body#services #branding {
	background: transparent url(../images/site/bg-branding-services.jpg) no-repeat left bottom;
}

	/* Section Specific - Clients */

body#welfare #branding {
	background: transparent url(../images/site/bg-branding-clients.jpg) no-repeat left bottom;
}

	/* Section Specific - Our Teams */

body#care_sector_catering #branding {
	background: transparent url(../images/site/bg-branding-our_teams.jpg) no-repeat left bottom;
}

	/* Section Specific - Work with us */
	
body#work_with_us #branding {
	background: transparent url(../images/site/bg-branding-work_with_us.jpg) no-repeat left bottom;
}

body#work_with_us .vacancy-list-item {
	margin-bottom: 10px; overflow: hidden; padding: 15px 10px 10px; border-top: 1px dotted #668e10; }
body#work_with_us .vacancy-list-item:first-of-type { border-top: none; }

body#work_with_us .vacancy-list-item h2 { position: relative; padding-right: 150px; }
body#work_with_us .vacancy-list-item h2 .jobref { position: absolute; right: 0; top: 0; }

body#work_with_us .button {
	background: #c60 url(../images/site/bg-vacancy-button.png) repeat-x;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	font-weight: normal;
	padding: 0 10px;
	color: #fff;
	display: inline-block;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}
body#work_with_us .button:hover {
	text-decoration: none;
	color: #fff;
}
body#work_with_us #vacancy-list a { display: block; float: right; }

	/* Section Specific - News */
	
body#news #branding {
	background: transparent url(../images/site/bg-branding-news.jpg) no-repeat left bottom;
}	
body#news .news-item { margin-top: 10px; border-top: 1px dotted #668e10; padding-top: 10px; }
body#news .news-item:first-of-type { border-top: none; }
body#news .news-item img { float: left; margin: 3px 10px 10px 0; }
body#news p.date { clear: both; padding-top: 5px; text-align: right; }

body#news #news-large { margin-bottom: 15px; }
body#news #news-small { float: right; margin: 3px 0 10px 10px; }

	/* Section Specific - contact */

body#contact_us #branding {
	background: transparent url(../images/site/bg-branding-contact.jpg) no-repeat left bottom;
}

	/* Section Specific: Account */
body#account #content form #forgottenpassword {
	float: left; margin: 5px 0 0 0; 
	font-size: 12px; line-height: 1.3; }

	/* Misc */
#content .error {
	margin-bottom: 10px; padding: 10px 10px 1px; background: #fee; color: #f00;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content .error h2,
#content .error p,
#content .error ul { color: #f00; }

#content .success {
	margin-bottom: 10px; padding: 10px 10px 1px; background: #afa; color: #060;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content .success h2,
#content .success p,
#content .success ul { color: #060; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }