/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/



/* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles
#Typography #Links #Lists #Images #Buttons #Tabs #Forms #Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, /*h1, h2, h3, h4, h5, h6, p,*/ blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, /*img,*/ ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, /*label,*/ legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/

	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/*line-height: 1;*/

}
ol, ul {
/*list-style: none;*/ }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#innerfooter {
	width:895px;
	margin:10px 40px 40px 40px;
}
/* BG extras*/

#wrapper {
	border: solid #FFFFFF 4px;
	height:auto;
	overflow:hidden;
}

/* NJM Styles
=================================================== */

.button-left, a.button-left:visited {
	background-color: #000;
	border:solid 1px #FFF;
	color: #FFF;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'Pinyon Script', cursive;
	font-size:2.0em;
	border-radius: 6px;
}
a.button-left:hover {
	background-color: #FFF;
	color: #000;
	border:solid 1px #FFF;
}
.button-right, a.button-right:visited {
	background-color: #FFF;
	border:solid 1px #000;
	color: #000;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'Pinyon Script', cursive;
	font-size:2.0em;
	border-radius: 6px;
}
a.button-right:hover {
	background-color: #000;
	color: #FFF;
	border:solid 1px #000;
}
/* #Basic Styles
================================================== */
	body {
	/*background:#333333;*/
	/*background:#333;*/
	/*
	background:#000 url(http://www.aelle-landscaping.co.uk/media/home/background/aelle-background.jpg) top center no-repeat;
	*/
	color:#FFF;
	margin:0px;
	scrollbar-face-color: #333333;
	scrollbar-track-color: #999999;
	scrollbar-arrow-color: #FFFFFF;/* scalable background*/
	/*-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	/*-webkit-text-size-adjust: none;
	/* */
	/*background-image: url(http://www.aelle-landscaping.co.uk/media/template1/aelle-background-01.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto; */
	/* */
}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
	/*color: #181818; */

	font-family:"Book Antiqua", Verdana, Arial, "Georgia", "Times New Roman", Helvetica, sans-serif;
	font-weight: normal;
}
/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }*/



	h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	line-height:1.7em;
	color:#000;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-align:center;
	line-height:1.7em;
	font-weight:bold;
	color:#000;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align:center;
	color:#000;
}
h4 {
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	color:#000;
	padding-left:35px;
}
h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	text-align:right;
	color:#000;
	padding-right:35px;
}
.subheader {
	color: #777;
}
/*p { margin: 0 0 20px 0; }*/

/*p { margin: 0 0 5px 0; }*/

	p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	color:#000;
}
p img {
	margin: 0;
}
p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #000;

}

small {

	font-size: 80%;

}

#foot-note {

	font-size:10px;

	text-align:center;

	font-style:italic;

	padding:10px;

	border-top: solid #000 1px;

}

.mod_bakery_main_td_f {

	text-align: center;

	font-family:"Book Antiqua", Verdana, Arial, Helvetica, sans-serif;

	font-size:0.7em;

	font-style:italic;

	color:#04381D;

}



/*	Blockquotes

================================================== */



Blockquote, blockquote p {

	font-size: 17px;

	line-height: 24px;

	color: #777;

	font-style: italic;

}

blockquote {

	margin: 0 0 20px;

	padding: 9px 20px 0 19px;

	border-left: 1px solid #ddd;

}

blockquote cite {

	display: block;

	font-size: 12px;

	color: #555;

}

blockquote cite:before {

	content: "2014 ?020";

}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {

	color: #555;

}

hr {

	border: solid #ddd;

	border-width: 1px 0 0;

	clear: both;

	margin: 10px 0 30px;

	height: 0;

}

/* #Links



================================================== */



a, a:visited {

	color: #FFF;

	text-decoration: none;

	outline: 0;

}

/*a:hover, a:focus { color: #000; }*/



	a:hover, a:focus {

	color:#FF9900;

	/*background:#cc0000;*/



	text-decoration: none;

}

p a, p a:visited {

	line-height: inherit;

	color: #000;

}

a.footer1:link {

	text-decoration:none;

	color:#FFFFFF;

}

a.footer1:visited {

	text-decoration:none;

	color:#FFFFFF;

}

a.footer1:hover {

	text-decoration:none;

	color:#FF9900

}

a.footer1:active {

	text-decoration:none;

	color:#ffffff;

}

a.client:link {

	color:#FFFF00;

	text-decoration:underline;

}

a.client:hover {

	color:#FF6600;

	text-decoration:none;

}

a.client:visited {

	color:#FFFF00;

	text-decoration:underline;

}

a.client:active {

	color:#FFFF00;

	text-decoration:underline;

}

/* #Lists



================================================== */



	/*ul, ol { margin-bottom: 20px; font-size:12px; text-align:justify;}*/



	ul, ol {

	font-family:Verdana, Arial, Helvetica;

	font-size:0.8em;

	margin-left:40px;

	text-align:left;/*margin:0px;*/

	color:#04381D;

}

/*ul { list-style: none outside; }*/



	ol {

	list-style: decimal;

}

ol, ul.square, ul.circle, ul.disc { /*margin-left: 30px;*/

	margin-left:20px;

}

ul.square {

	list-style: square outside;

}

ul.circle {

	list-style: circle outside;

}

ul.disc {

	list-style: disc outside;

}

ul ul, ul ol, ol ol, ol ul {

	margin: 4px 0 5px 30px;

	font-size: 90%;

}

ul ul li, ul ol li, ol ol li, ol ul li {

	margin-bottom: 6px;

}

li {

	line-height: 1.3em;/*margin-bottom: 12px;*/

}

ul.large li {

	line-height: 21px;

}

li p {

/*line-height: 21px;*/



}

/* #Images



================================================== */



/*

	The purpose of the below declaration is to make sure images don't

	exceed the width of columns they are put into when resizing window.

	Unfortunately, this declaration breaks certain lightbox, slider or other plugins,

	so the best solution is to individually call these properties on images that

	are children of the grid that you want to resize with grid.

*/



	img {

	max-width: 100%;

	height: auto;

}

.pictures {

	max-width:100%;

	height:auto;

}

/* #Tabs (activate in app.js)



================================================== */



ul.tabs {

	display: block;

	margin: 0 0 20px 0;

	padding: 0;

	border-bottom: solid 1px #ddd;

}

ul.tabs li {

	display: block;

	width: auto;

	height: 30px;

	padding: 0;

	float: left;

	margin-bottom: 0;

}

ul.tabs li a {

	display: block;

	text-decoration: none;

	width: auto;

	height: 29px;

	padding: 0px 20px;

	line-height: 30px;

	border: solid 1px #ddd;

	border-width: 1px 0 0 1px;

	margin: 0;

	background: #f5f5f5;

	font-size: 13px;

}

ul.tabs li a.active {

	background: #fff;

	height: 30px;

	position: relative;

	top: -4px;

	padding-top: 4px;

	border-right-width: 1px;

	margin: 0 -1px 0 0;

	color: #111;

	-moz-border-radius-topleft: 2px;

	-webkit-border-top-left-radius: 2px;

	border-top-left-radius: 2px;

	-moz-border-radius-topright: 2px;

	-webkit-border-top-right-radius: 2px;

	border-top-right-radius: 2px;

}

ul.tabs li:first-child a {

	-moz-border-radius-topleft: 2px;

	-webkit-border-top-left-radius: 2px;

	border-top-left-radius: 2px;

}

ul.tabs li:last-child a {

	border-width: 1px 1px 0 1px;

	-moz-border-radius-topright: 2px;

	-webkit-border-top-right-radius: 2px;

	border-top-right-radius: 2px;

}

ul.tabs-content {

	margin: 0;

	display: block;

}

ul.tabs-content > li {

	display:none;

}

ul.tabs-content > li.active {

	display: block;

}

/* Clearfixing tabs for beautiful stacking */



	ul.tabs:before, ul.tabs:after {

	content: '?020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

ul.tabs:after {

	clear: both;

}

ul.tabs {

	zoom: 1;

}

/* #Forms



================================================== */



/*

	form {

	margin-bottom: 20px; }

	fieldset {

	margin-bottom: 20px; }

	input[type="text"],

	input[type="password"],

	input[type="email"],

	textarea,

	select {

		border: 1px solid #ccc;

		padding: 6px 4px;

		outline: none;

		-moz-border-radius: 2px;

		-webkit-border-radius: 2px;

		border-radius: 2px;

		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #777;

		margin: 0;

		width: 210px;

		max-width: 100%;

		display: block;

		margin-bottom: 20px;

		background: #fff; }

	select {

		padding: 0; }

	input[type="text"]:focus,

	input[type="password"]:focus,

	input[type="email"]:focus,

	textarea:focus {

	border: 1px solid #aaa;

 		color: #444;

 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);

		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);

	box-shadow:  0 0 3px rgba(0,0,0,.2); }

	textarea {

		min-height: 60px; }

	label,

	legend {

		display: block;

		font-weight: bold;

		font-size: 13px;  }

	select {

		width: 220px; }

	input[type="checkbox"] {

		display: inline; }

	label span,

	legend span {

		font-weight: normal;

		font-size: 13px;

		color: #444; }

*/

/* #Misc

================================================== */



	.remove-bottom {

	margin-bottom: 0 !important;

}

.half-bottom {

	margin-bottom: 10px !important;

}

.add-bottom {

	margin-bottom: 20px !important;

}