/* 
-----------------------------------------
GENERAL ENGINEERS (CATERING) LTD - Style Sheet
Author: Matthew Vowles | Dentons Creative
Copyright: 2013 - GENERAL ENGINGEERS (CATERING) LTD
URL: http://www.gecatering.com/
-----------------------------------------
 */
 

/* =RESET
--------------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }


/* =DEFAULT STYLES
--------------------------------------------------------------------------------*/

body 						{ background: url(../images/default/bg-body.png) repeat-x center top; background-color:#FFF; color:#4b4b4b; font-family: 'Open Sans', Helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 62.5%; }

h1, h2, h3, h4  			{ font-size: 2em; color:#245eb0; line-height: 1.4em; font-weight:400;}

h1 							{ font-size:1.4em; color:#4b4b4b; font-weight:400;   }
h2 							{ font-size: 1.8em; font-weight:400; margin:10px 0 10px 10px;    }
h3 							{ font-size: 1.6em; margin:10px 0 0 10px;     }
h4 							{ font-size: 2em; color:#245EB0; font-weight:300;     }
h5 							{ font-size: 1.4em; color:#676767; font-weight:600; text-align:left; margin-bottom:10px; padding:0 0 0 10px; }
h6							{ font-size: 1.5em; color:#323232; text-align:left; padding: 0 0 10px 15px;  }


p 							{ margin: 0 0 0 0; padding: 10px 10px 10px 10px; font-size: 1.4em; line-height: 1.2em; text-align: left;	font-weight:400; color:#646464; }


/* =CONTAINERS
--------------------------------------------------------------------------------*/

.header-block				{ background: url(../images/default/bg-header-block.png) repeat-x top; background-color:#ffffdd;}

.tag-container				{ width: 100%; margin: 444px auto 0 auto; padding: 0 0; position: relative; background: url(../images/default/bg-tag-container.png) repeat-x top; background-color:transparent; height:96px;}

.footer-container			{ width: 100%; margin: 10px auto 0 auto; padding: 0 0; position: relative; background: url(../images/default/bg-footer.png) repeat-x top; background-color:#f3f3f0;  }

.footer						{ border-top: 1px solid #e1e1e1;}



.container_12,
.container_16
{	
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color:#FFF;
	border:1px solid #dde0e1;
	
	
}



#copyright					{ margin-left: auto; margin-right: auto; width: 960px; margin-top:20px; padding-bottom:20px; }

/* =GRID >> GLOBAL
--------------------------------------------------------------------------------*/

.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =GRID >> CHILDREN (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =GRID >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =NAVIGATION
----------------------------------------------- */

ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background:#666;
  max-width:100%;
  height:50px;
  border-bottom: 2px solid #0081c7;
  font-size:13px;
  font-weight:400;
  margin-top:20px;
	
	


  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:50px;
	background-position:0 0 !important;
	left:-9000px;
	
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	background:#666;
	font-weight:400;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 2em;
	height:2.4em;
	line-height:2.5em;
	
	
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#ccc;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:#ccc !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background: url(../images/navigation/nav-bg.png) repeat-x top;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
 
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height:50px;
	line-height:50px;
	border:0;
	color:#245eb0;
	background: url(../images/navigation/nav-bg.png) repeat-x top;
	border-right: 1px solid #e1e1e1;
	
	
}
ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;
  border-top:1px solid #0081c7;
  background:#444;
}
ul.main li a:focus {color:#fff; background:#666;}
ul.main li ul li a:hover {
  color:#fff;
  background:#555;
}
ul.main li:hover a {
  color:#fff;
  background: url(../images/navigation/nav-hover-bg.png) repeat-x top; background-color:transparent;
  
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#F9F9F9; }
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}


/* =CONTENT BLOCKS
--------------------------------------------------------------------------------*/

.intro-block {float:left; position:relative; width:438px; margin:10px 10px 0 10px; border:1px solid #e1e1e1; padding:10px; height:125px; }
.intro-block h2 {margin-top:0;}
.service-block { float:left; position:relative; width:298px; margin:10px; border:1px solid #e1e1e1;}
.service-text-block {float:left; position:relative; width:163px; height:117px;}
.service-text-block p {font-size:1.2em;}
.service-image-block {float:right; position:relative; width:133px; border-left: 2px solid #0080c6;}
.service-readmore-block {float:left; position:relative;}
.service-readmore-block a { display:block; background: url(../images/default/bg-readmore.png) repeat-x center top; background-color:transparent; color: #fff; text-decoration: none; width:100%; height:25px; border:1px solid #0d7bc8; text-transform:uppercase; font-weight:600; font-size:12px; padding:5px 0 0 5px; width:156px;}
.service-readmore-block a:hover {color: #f1f7fc; text-decoration: none; }

.ad-block {float:left; position:relative; width:268px; margin:20px 10px 10px 10px; border:1px solid #eee; padding:10px; background: url(../images/default/bg-ad-block.png) repeat-x center top; background-color:#FFF; }
.ad-block p {color:#4e4e4e; padding-left:0; font-size:1.2em;}

.slideshow-block {float:left; display:inline; width:654px; margin:0; padding:0; }

.info-block {width:305px; float:left; position:relative; height:110px; }
.info-block p {font-size:1.2em;}
.info-block-readmore {width:296px;float:left; position:relative; margin-left:4px;}
.info-block-readmore  a { display:block; background: url(../images/default/bg-readmore.png) repeat-x center top; background-color:transparent; color: #fff; text-decoration: none; width:100%; height:25px; border:1px solid #0d7bc8; text-transform:uppercase; font-weight:600; font-size:12px; padding:5px 0 0 5px; }
.info-block-readmore a:hover {color: #f1f7fc; text-decoration: none; }
.info-block .byline {color:#245eb0; font-size:1.6em;}

.trade-logos {width:325px!important;}
.tel-block {width:275px!important;}

.footer-block {float:left; position:relative; width:150px; margin:0 0 0 0; border-right: 1px solid #e1e1e1; height:120px;}

/* =LISTS
--------------------------------------------------------------------------------*/

ul.tel-quote { list-style-type:none; font-weight:400; padding: 0 0 20px 0; font-size: 15px; line-height: 1.3em; color:#0081c6; }
ul.tel-quote li { font-weight:400; text-transform:uppercase; text-align:right; padding:0 0 5px 0; }
ul.tel-quote li.num { font-size:30px; font-weight:600; color:#2660b2; }

ul.content {list-style-type:none; font-weight:400; margin:15px 0 0 10px; padding: 0 0 0 0; font-size: 1.2em; line-height: 1.3em; }
ul.content li { padding:0 0 5px 25px; background: url(../images/icons/i-bullet-point.png) no-repeat; background-color:transparent; background-position:0 0;   }

ul.contact-us { list-style-type:none; font-weight:400; padding: 0 0 20px 0; font-size: 1.4em; line-height: 1.3em; color:#646464; margin-left:10px; }
ul.contact-us li { font-weight:400;  }



.footer ul {list-style-type:none; margin:10px 0 10px 5px; padding-left:5px; }
.footer ul li {padding: 0 0 3px 0; font-size:1.1em;}
.footer ul li.title { font-size: 1.2em; font-weight:600; color:#595f65; margin-bottom:5px; text-transform: uppercase;}
.footer ul li.reg { font-size: 1em;}

.footer ul li a {display:block; color:#676767; text-decoration:none; padding: 0 0 3px 0;  }
.footer ul li a:hover {color:#245eb0; }

.footer ul li a.email { display:inline-block;color:#676767; text-decoration:none;  }
.footer ul li a.email:hover {color:#245eb0; }

/* =LINKS
--------------------------------------------------------------------------------*/

a {color:#245eb0; text-decoration:none; padding: 0 0 3px 0;  }
a:hover {color:#676767; }

/* =TYPOGRAPHY
--------------------------------------------------------------------------------*/

.company-name {text-transform:uppercase; font-weight:300; color:#255fb1; font-size:24px; letter-spacing:5px; text-align:right; padding-right:0; }
.swatch-blue {color:#255fb1;}
#copyright p {font-size: 1em; float:left;}

/* =IMAGES
--------------------------------------------------------------------------------*/

.img-logo {margin:15px 0 0 10px;}
.img-trade-logo {margin-left:45px;}
.img-index-logo {float:left; margin:0 10px 0 0;}
.img-ad-block {float:right; margin-top:5px; margin-left:5px;}
.img-new { float:right; margin:10px 5px 0 0;}




.border {border:1px solid #e1e1e1;}

a.readmore { display:block; background: url(../images/default/bg-readmore.png) repeat-x center top; background-color:transparent; color: #fff; text-decoration: none; width:100%; height:25px; border:1px solid #0d7bc8; text-transform:uppercase; font-weight:600; font-size:12px; padding:5px 0 0 5px; margin-top:17px;}
a.readmore:hover {color: #f1f7fc; text-decoration: none; }

/* =FORMS
--------------------------------------------------------------------------------*/

#contactus-form {padding: 0 0 0 10px; border: 0; margin-top:20px; margin-bottom: 10px; margin-left:0;  border: 1px solid #e1e1e1; background-color:#fefefe; }
#contactus-form fieldset {padding: 8px 0; border: 0; float: left; margin: 0; }
#contactus-form h3 { margin:10px 0 10px 0; color:#245EB0; text-transform:none; font-size:1.6em;}
#contactus-form p { padding:0 5px 10px 0; font-size:1.2em;}

#contactus-form label, textarea, select {display: block; padding-top: 3px; color: #646464; font-weight:400;   }
#contactus-form label {margin: 5px 5px 10px 0; text-align: left; width: 175px; padding-right: 5px; font-size: 1.2em; }
#contactus-form input {display: block; height: 24px; width: 400px; border: 1px solid #ccc; font-size: 1.4em; font-weight:400; padding: 5px; color:#646464; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#contactus-form textarea {width: 550px; height: 130px; border: 1px solid #ccc; padding: 5px; font-size: 12px; margin-bottom: 7px; color: #646464; -webkit-border-radius: 4px; font-weight:400;
-moz-border-radius: 4px;
border-radius: 4px; font-family: 'Open Sans', Helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif;}

#contactus-form input:hover, #contactus-form textarea:hover, #contactus-form select:hover {border: 1px solid #245EB0;}
#contactus-form input:focus, #contactus-form textarea:focus  {border: 1px solid #245EB0;}

#contactus-form p.disclaimer {font-size: 1em; color: #555; padding: 15px 30px 15px 0; line-height: 1.2em; }

#contactus-form .submit {float: none; height: 39px; width: 112px; padding: 0; color: #fff; text-transform: uppercase; font-size: 1.2em; margin: 15px 0 15px 0; background: url(../images/buttons/form-button.png) no-repeat top; border: none;}
#contactus-form .submit:hover {background-position: 0 -39px; cursor: pointer; border: none;}
#contactus-form br {clear: left;}


#contactus-form select 				{color:#666;margin:0 5px 5px 0;border:1px solid #d8d8d8;width:175px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; background-color:#fefefe;padding:5px 5px 5px 10px; font-size:1.2em; font-weight:300; float:left;}

#contactus-form .checkbox { width:16px; height:16px; padding:0; margin:15px 0 15px 0;}

#contactus-form a {color: #019be1; font-weight: 300; text-decoration: none;}
#contactus-form a:hover {color: #019be1; text-decoration: underline; }

#contactus-form label.error { float: none; color:#cb0000; padding-left: .5em; vertical-align: top; width:250px; }