/*!
	Site:		Traditional Catering Specialists
	File:		/assets/styles/screen.css
	Author:		Andrew Disley, Simplified http://simplified.co.uk/
	Version:	2010-01-07
----------------------------------------------- */

/**	Simplified Framework: Reset & Helpers
----------------------------------------------- */
* { margin: 0; padding: 0; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #000000; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir,
a .s-ir .s-ir-i { cursor: pointer; }
.s-break { display: block; }
.left { float: left; width: auto; }
.right { float: right; width: auto; }
/* **/

/**	Simplified Framework: Columns - 16 Column Grid
----------------------------------------------- */
.col-1, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { float: left; margin-left: 10px; margin-right: 10px; width: auto; }
.col-1 { width: 40px; }
.col-2 { width: 100px; }
.col-3 { width: 160px; }
.col-4 { width: 220px; }
.col-5 { width: 280px; }
.col-6 { width: 340px; }
.col-7 { width: 400px; }
.col-8 { width: 460px; }
.col-9 { width: 520px; }
.col-10 { width: 580px; }
.col-11 { width: 640px; }
.col-12 { width: 700px; }
.col-13 { width: 760px; }
.col-14 { width: 820px; }
.col-15 { width: 880px; }
.col-16 { width: 940px; }
/* **/

/**	Typography
Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t
----------------------------------------------- */
body { background-color: #191919; color: #FFFFFF; font: 62.5%/1.4 "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
#Container { background-color: #000000; color: #FFFFFF; font-size: 1.4000em; }
a:link, a:visited { background-color: transparent; color: #F6805C; text-decoration: underline; }
a:focus, a:hover, a:active { background-color: transparent; color: #FEF38C; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 100%; font-weight: normal; margin-bottom: 0.4em; }
h1 { background-color: #000000; color: #FEF38C; font-size: 1.4286em; font-weight: normal; margin-bottom: 0.3em; }
h2 { background-color: #000000; color: #FEF38C; font-size: 1.2857em; }
h3 { background-color: #000000; color: #FEF38C; font-size: 1.1429em; }
h4 { font-size: 1.0714em; }
h5 { font-size: 1.0000em; }
h6 { font-size: 1.0000em; }
p { margin-bottom: 10px; }
p.outro { background-color: #000000; border-top: 1px solid #23252A; clear: both; color: #999999; font-size: 0.8571em; padding: 20px 0 5px 0; }
p.outro a:link, p.outro a:visited { background-color: #000000; color: #CCCCCC; }
p.outro a:focus, p.outro a:hover, p.outro a:active { background-color: #000000; color: #FEF38C; }
p.outro img { float: left; margin: -5px 15px 0 10px; width: 100px; }
ol, ul { margin-bottom: 10px; }
ol li { margin-bottom: 5px; margin-left: 1em; }
ul li { margin-bottom: 5px; margin-left: 1em; }
li ol, li ul { margin-top: 5px; margin-bottom: 0; }
.s-highlight { background-color: transparent; color: #FEF38C; }
/* **/

/**	Stucture
----------------------------------------------- */
body { background: #000000 url(../images/global/body.jpg) repeat-y 50% 0; color: #FFFFFF; }
#Container { margin: 0 auto; width: 960px; }
#Container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Header { background: #000000 url(../images/global/thefutureineventcatering.png) no-repeat 690px 8px; color: #FFFFFF; min-height: 100px; padding: 10px 0 10px 0; position: relative; }
#Header p { line-height: 1.35; margin-bottom: 0; padding-top: 20px; }
#Header p.col-12 { font-size: 2.4286em; }
#Header p.col-12 img { left: 10px; position: absolute; top: 10px; }
#Header p.col-12 strong { font-weight: normal; padding-left: 95px; }
#Header p.col-12 .s-highlight { background-color: #000000; color: #FEF38C; display: block; font-style: normal; font-size: 0.3824em; padding-left: 95px; }
#Header p.col-4 { background-color: transparent; color: #8BD2E4; font-size: 1.3846em; padding-top: 28px; text-align: right; }
#Header p.col-4 a,
#Header p.col-4 strong { background-color: #231F20; color: #FFFFFF; margin-bottom: 5px; padding: 2px 5px; text-decoration: none; display: block; float: right; }
#Header p.col-4 a:focus, #Header p.col-4 a:hover, #Header p.col-4 a:active { background-color: #231F20; color: #FEF38C; }
#Header p.col-4 strong { font-size: 1.1111em; }
#NavigationPrimary { background: #000000 url(../images/global/navigationprimary.png) repeat-x 0 0; border-top: 1px solid #242120; color: #FFFFFF; font-size: 1.3846em; font-size: 16px; margin-left: 10px; width: 940px; }
#NavigationPrimary:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationPrimary ul { list-style-type: none; margin-bottom: 0; }
#NavigationPrimary ul li { border-right: 1px solid #242120; float: left; margin-bottom: 0; margin-left: 0; width: auto; }
#NavigationPrimary ul li a { background: #000000 url(../images/global/navigationprimary.png) repeat-x 0 0; border-right: 1px solid #101010; color: #FFFFFF; display: block; padding: 10px 20px; text-decoration: none; }
#NavigationPrimary ul li a:focus,
#NavigationPrimary ul li a:hover { background-color: #010101; background-image: none; color: #F6805C; }
#NavigationPrimary ul li.active a { background-color: #010101; background-image: none; color: #FEF38C; }
#Content { clear: both; float: right; padding: 20px 0 10px 0; position: relative; width: 700px; }
#Content:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Sidebar { float: left; padding: 20px 0 10px 0; width: 220px; }
#Sidebar:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationSecondary { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 1.0714em; margin-bottom: 30px; }
#NavigationSecondary:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationSecondary h2 { font-size: 1em; margin-bottom: 8px; }
#NavigationSecondary h2 a { background-color: #000000; color: #FEF38C; display: block; padding: 3px 10px; text-decoration: none; }
#NavigationSecondary ul { border-top: 1px solid #242120; list-style-type: none; margin-bottom: 0; }
#NavigationSecondary ul li { margin-bottom: 0; margin-left: 0; }
#NavigationSecondary ul li a { background: #0D0D0D url(../images/global/navigationsecondary.png) repeat-x 100% 0; border-bottom: 1px solid #242120; color: #FFFFFF; display: block; padding: 10px 15px; text-decoration: none; }
#NavigationSecondary ul li a:focus,
#NavigationSecondary ul li a:hover { background-color: #0D0D0D; background-image: none; color: #F6805C; }
#NavigationSecondary ul li.active a { background-color: #0D0D0D; background-image: none; color: #FEF38C; }
#Footer { border-top: 1px solid #23252A; clear: both; font-size: 0.8571em; line-height: 1.6; margin: 5px 10px 0 10px; padding: 10px 0; position: relative; }
#Footer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Footer p.credits { position: absolute; right: 0; top: 10px; text-align: right; }
/* **/

/**	Component .c
----------------------------------------------- */
.c { margin-bottom: 15px; }
.c-h:after,
.c-b:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* **/

/**	Section: .c-content
----------------------------------------------- */
.c-content { min-height: 260px; position: relative; }
.c-content span.image { border: 3px solid #363636; display: block; margin-bottom: 5px; }
.c-content span.image:hover { border-color: #B9B9B9; }
.c-content span.left { margin-right: 15px; }
.c-content span.right { margin-left: 15px; }
/* **/

/**	Section: .c-featured
----------------------------------------------- */
.c-featured { margin-left: 0; min-height: 260px; }
.c-featured .c-b { border: 3px solid #23252A; height: 254px; overflow: hidden; position: relative; width: 574px; }
.c-featured .c-b:hover { border-color: #B9B9B9; }
.c-featured h2 { height: 300px; left: 0; margin-bottom: 0; position: absolute; top: 0; width: 574px; z-index: 1000; }
.c-featured h2 strong { background-color: transparent; background-image: url(../images/content/home/featured.png); color: #FEF38C; font-weight: normal; left: 10px; padding: 5px 10px; position: absolute; top: 10px; text-align: right; z-index: 10000; }
.c-featured h2 img { z-index: 10000; }
.c-featured h2 a:link, .c-featured h2 a:visited { text-decoration: none; }
/* **/

/**	Section: .c-cta
----------------------------------------------- */
.c-cta { clear: both; }
.c-cta .c-h { padding-left: 10px; }
.c-cta .c-b { background-color: #111214; color: #FFFFFF; float: left; margin-left: 25px; width: 290px; }
.c-cta .c-b h3 { background-color: transparent; color: #FEF38C; font-size: 1.3846em; height: 1.7778em; }
.c-cta .c-b h3 a { display: block; min-height: 280px; padding: 5px 10px; position: relative; overflow: hidden; z-index: 1000; }
.c-cta .c-b .image { display: block; height: 100px; position: absolute; width: 270px; }
.c-cta .c-b .image img { left: 10px; position: absolute; top: 0; }
.c-cta .c-b p { font-size: 0.9286em; padding: 155px 10px 0 10px; }
.c-cta .c-b:hover { background-color: #231F20; color: #FFFFFF; }
.c-cta .first { margin-left: 10px; }
/* **/

/**	Section: .c-listing
----------------------------------------------- */
.c-listing span.image { border: 3px solid #363636; display: block; float: left; margin-bottom: 5px; margin-right: 20px; width: auto; }
.c-listing span.image:hover { border-color: #B9B9B9; }
.c-listing ul { list-style-type: none; }
.c-listing li { border-top: 1px solid #363636; clear: both; float: left; margin-bottom: 20px; margin-left: 0; padding-top: 20px; width: 100%; }
.c-listing li.first { border-top: none; padding-top: 0; }
/* **/

/**	Section: .c-menu
----------------------------------------------- */
/*.c-menu .c-b { border-top: 1px solid #363636; padding-bottom: 5px; padding-top: 5px; width: 215px; }*/
.c-menu .c-b { padding-bottom: 5px; width: 215px; }
.c-menu .c-b h3 { background-color: #000000; color: #F6805C; }
.c-menu .col-10 { clear: both; width: 700px; }
.c-menu .first { margin-left: 0; }
/* **/

/**	Section: .c-gallery
----------------------------------------------- */
.c-gallery { clear: both; }
.c-gallery .c-h h3 { background-color: #000000; color: #8BD2E4; }
.c-gallery .c-b ul { list-style-type: none; margin-left: -20px; }
.c-gallery .c-b li { float: left; margin-left: 20px; width: auto; }
.c-gallery .c-b li a { border: 3px solid #363636; display: block; }
.c-gallery .c-b li a:focus,
.c-gallery .c-b li a:hover { border-color: #B9B9B9; }
/* **/

/**	Section: .c-banner
----------------------------------------------- */
.c-banner { padding: 0; }
.c-banner .c-b { border: 1px solid #363636; padding: 10px 15px 10px 15px; }
/* **/

/**	Component .c-overlay
----------------------------------------------- */
.c-overlay { background-color: #111111; color: #FFFFFF; display: none; font-size: 1.2000em; min-height: 100px; width: 100px; z-index: 10000; }
.c-overlay img { border: 3px solid #363636; }
.c-overlay .close { background-image: url(../images/global/overlay-close.png); cursor: pointer; height: 28px; position: absolute; right: -14px; top: -8px; width: 28px; }
.c-overlay .next,
.c-overlay .prev { background-color: #333333; border: 1px solid #666666; color: #FFFFFF; display: block; cursor: pointer; font-weight: bold; padding: 5px 10px; position: absolute; top: 40%; }
.c-overlay .prev { border-left: none; left: 0; }
.c-overlay .next { border-right: none; right: -3px; }
.c-overlay .progress { display: none; left: 50%; position: absolute; top: 45%; }
.c-overlay .disabled { visibility: hidden; }
.c-overlay .info { background-color: #333333; color: #FFFFFF; bottom: -3px; left: 3px; padding: 5px 10px; position: absolute; }
/* **/

/**	Section: body.home
----------------------------------------------- */
body.home #Content { float: none; width: auto; }
body.home .c-content { margin-left: 10px; min-height: 260px; }
body.home .c-content .c-h { padding-left: 10px; padding-right: 0; }
body.home .c-content .c-b { padding-left: 10px; }
/* **/

/**	Section: body.mobile-catering
----------------------------------------------- */
body.mobile-catering-index .c-content { margin-bottom: 0; min-height: 100px; }
/* **/

/**	Section: body.event-catering
----------------------------------------------- */
body.event-catering-index .c-content { margin-bottom: 0; min-height: 100px; }
body.event-catering-index .c-listing li { border-top: none; clear: none; height: 100px; margin-bottom: 15px; margin-left: 20px; padding-top: 28px; position: relative; width: 220px; }
body.event-catering-index .c-listing li h3 { font-size: 1.0714em; }
body.event-catering-index .c-listing li a { background-color: #333333; border: 3px solid #23252A; color: #FEF38C; display: block; height: 100px; }
body.event-catering-index .c-listing li a:focus,
body.event-catering-index .c-listing li a:hover { border-color: #B9B9B9; }
body.event-catering-index .c-listing li strong { font-weight: normal; left: 0; padding: 1px 0; position: absolute; top: 0; }
body.event-catering-index .c-listing li.first { clear: left; margin-left: 0; }
/* **/

/**	Section: body.about-contracts
----------------------------------------------- */
body.about-contracts .c-content { margin-bottom: 0; min-height: 100px; }
body.about-contracts .c-listing li { border-top: none; clear: none; height: 100px; margin-bottom: 20px; margin-left: 20px; padding-top: 0; width: 220px; }
body.about-contracts .c-listing li img { border: 3px solid #23252A; }
body.about-contracts .c-listing li.first { clear: left; margin-left: 0; }
/* **/

/**	Section: body.contact
----------------------------------------------- */
body.about-contact #Content .col-5 { margin-left: 0; }
body.about-contact #Content .col-5 p { font-size: 1.1429em; }
/* **/

/**	Section: body.credits
----------------------------------------------- */
body.credits #Content { width: 940px; }
/* **/

.form-row { padding-bottom: 10px; }
.form-row-label { display: block; }