/* 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; }
#container { position: relative; width: 940px; margin: 0 auto; }

#branding { height: 464px; background: transparent url(../images/site/bg-branding-sushi.jpg) no-repeat center top; }
body#about_us #branding { background-image: url(../images/site/bg-branding-sandwich.jpg); }
body#our_food #branding { background-image: url(../images/site/bg-branding-pasta.jpg); }
body#our_clients #branding { background-image: url(../images/site/bg-branding-chicken.jpg); }
body#our_services #branding { background-image: url(../images/site/bg-branding-salad.jpg); }
body#join_our_team #branding { background-image: url(../images/site/bg-branding-beef.jpg); }
body#news #branding { background-image: url(../images/site/bg-branding-strawberries.jpg); }
body#contact_us #branding { background-image: url(../images/site/bg-branding-cake.jpg); }
#branding a { display: none; }

#content {
	position: relative; margin-top: -193px; padding-top: 49px;
	background: transparent url(../images/site/bg-content-main.png) no-repeat 240px top; }
#content-main {
	float: left; width: 420px; min-height: 400px; margin: 0 20px 0 240px; padding: 0 20px; background: #fff; }
body#home #content-main { min-height: 0; }
#content-supp { float: left; width: 220px; margin-top: 25px; }

#siteinfo { 
	position: relative; width: 940px; height: 124px; margin: 40px auto 20px; 
	background: transparent url(../images/site/bg-siteinfo.png) no-repeat left top;
	font-size: 1.2em; line-height: 1.3; color: #999999; }
#siteinfo p {
	position: absolute; left: 70px; top: 30px;
	-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: #668E10; font-weight: bold; }

	/* Navigation: Main */
#nav-main { position: absolute; left: 0; top: 0; width: 940px; background: transparent url(../images/site/bg-nav-main.png) no-repeat left top; }
#nav-main h4 { display: none; }
#nav-main ul { list-style: none; text-align: center; }
#nav-main li { display: inline; }
#nav-main li a {
	display: inline-block; height: 34px; line-height: 32px; padding: 0 20px; 
	font-size: 1.4em; color: #fff; background: transparent;
	-webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; transition: background 0.3s linear; }
#nav-main li a:hover {
	text-decoration: none;
	background: #000; background: rgba(0,0,0,0.4); }
#nav-main li.active a { background: #96be0e; }

	/* Navigation: Supp */
#nav-supp {
	position: absolute; left: 61px; top: 185px; width: 179px;
	background: transparent url(../images/site/bg-nav-supp.png) repeat-y left 28px; }
#nav-supp h4 {
	height: 28px; margin-bottom: 10px;
	background: transparent url(../images/site/bg-nav-supp-h4.png) no-repeat left top; text-indent: -9999px; }
#nav-supp ul {
	padding-top: 1px; padding-bottom: 50px; list-style: none;
	background: transparent url(../images/site/bg-nav-supp-li.png) no-repeat left top; }
#nav-supp li { padding-bottom: 1px; background: transparent url(../images/site/bg-nav-supp-li.png) no-repeat left bottom; }
#nav-supp li a {
	display: block; padding: 5px 15px; opacity: 0.5;
	font-size: 1.4em; line-height: 1.3; color: #fff; text-align: right;
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }
#nav-supp li a:hover { opacity: 1.0; text-decoration: none; }
#nav-supp li.active a { opacity: 1.0; background: transparent url(../images/site/bg-nav-supp-li-active.png) repeat-y left top;; }

	/* Navigation: Casestudies */

#nav-casestudies_and_menus {
	background: transparent url(../images/site/bg-nav-casestudies.jpg) no-repeat left bottom; padding-bottom: 30px; margin-top: 10px;}
#nav-casestudies_and_menus h4 {
	margin-bottom: 10px; color: #fff; font-size: 16px; font-weight: bold; padding: 15px 15px 0;}
#nav-casestudies h4 {
	position: relative;
	height: 74px;
	padding-top: 30px;
}
#nav-casestudies h4 #casestudies-icon {
	position: absolute; right: -10px; top: -10px;
	width: 57px;
	height: 74px;
	background: transparent	url(../images/site/document-icon.png) no-repeat right top;
}
#nav-casestudies ul { position: relative; margin-top: -65px; }
#nav-casestudies_and_menus ul {
	padding-top: 1px; list-style: none;
}
#nav-casestudies_and_menus li { padding-top: 1px; background: transparent url(../images/site/bg-nav-casestudies-li.png) no-repeat left top; }
#nav-casestudies_and_menus li a {
	display: block; padding: 5px 15px; opacity: 0.5;
	font-size: 1.4em; line-height: 1.3; color: #fff;
	-webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }
#nav-casestudies_and_menus li a:hover { opacity: 1.0; text-decoration: none; }
#nav-casestudies_and_menus li.active a { opacity: 1.0; background: transparent url(../images/site/bg-nav-casestudies-li-active.png) repeat-y left top; }


	/* 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: #668e10; }

#content-main h2 { font-size: 16px; }
#content-main h3 { font-size: 15px; }
#content-main h4 { font-size: 14px; }
#content-main h5 { font-size: 13px; }

#content-main p,
#content-main ul,
#content-main ol,
#content-main dl { font-size: 1.3em; 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: 300px; }

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

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

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

#content-supp .picturebox { position: relative; margin-bottom: 20px}
#content-supp .picturebox img { display: block; margin-bottom: 5px; }
#content-supp .picturebox p { font-size: 12px; line-height: 1.3; color: #aaa; text-align: center; }
#content-supp .picturebox-overlay {
	position: absolute; left: 0; top: 0; width: 220px; height: 36px;
	background: transparent url(../images/site/bg-content-supp-picturebox-overlay.png) no-repeat left top; }

	/* Default form styling */
#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-child { 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: 246px; 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: #99C033;
	-webkit-box-shadow: 0 0 3px #99c033; -moz-box-shadow: 0 0 3px #99c033; box-shadow: 0 0 3px #99c033; }
#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: #3c722b url(../images/site/bg-vacancy-button.png) repeat-x left top;
	-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*/
body#home #content {
	background: transparent url(../images/site/bg-content-home.png) no-repeat 120px top;
	padding-top: 82px;
}

body#home #content-main {
	padding: 228px 140px 0;
	margin: 0 0 0 120px;
}

body#home #content-homeboxes {
	position: absolute;
	left: 120px;
	top: 57px;
	width: 700px;
	height: 226px;
}

body#home .homebox {
	float: left;
	width: 150px;
	margin-left: 20px;
}

body#home .homebox a {
	text-decoration: none;
	display: block;
	position: relative;
	height: 226px;
}

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

body#home #homebox-food a {
	background: transparent url(../images/site/homebox-food.jpg) no-repeat left top;
	height: 255px;
	margin-top: -29px;
}

body#home #homebox-clients a {
	background: transparent url(../images/site/homebox-clients.jpg) no-repeat left top;
	height: 255px;
	margin-top: -29px;
}

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

body#home #homebox-about a:hover,
body#home #homebox-services a:hover {
	background-position: 0 -226px;
}

body#home #homebox-food a:hover,
body#home #homebox-clients a:hover {
	background-position: 0 -256px; 
}

body#home .homebox a span {
	background: #000;
	background: rgba(0,0,0,.5);
	color: #fff;
	width: 130px;
	font-size: 18px;
	line-height: 1.2; 
	padding: 6px 10px 8px;
	text-align: center;
	position: absolute; left: 0; bottom: 0;
}
body#home .homebox a:hover span {
	background: rgba(0,0,0,1.0);
}

	/*Section Specific - Join our Team*/

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

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

body#join_our_team .button {
	background: transparent 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#join_our_team .button:hover {
	text-decoration: none;
	color: #fff;
}

body#join_our_team #vacancy-list a { display: block; float: right; }


	/*Section Specific - menus*/

body#menus .menu-item h2 {
	border-top: 1px dotted #668e10;
	padding: 10px 10px 5px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(60,60,60,0.2);
}

body#menus .menu-item p {
	padding: 0 10px;
	text-align: center;
}

	/* Section Specific - News */
body#news .news-item { margin-top: 10px; border-top: 1px dotted #668e10; padding-top: 10px; overflow: hidden; }
body#news .news-item:first-child { border-top: none; }
body#news p.date { clear: both; padding-top: 5px; text-align: right; }

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

	/* Section Specific: Account */
body#account #content form #forgottenpassword {
	float: left; margin: 7px 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; }
/*
* html .clearfix,
*:first-child+html .clearfix { zoom: 1; }
*/