article, aside, figure, footer, header, hgroup, nav, section { display: block } /* FIX FOR OLD BROWSWERS */

body{
background: url(/uploads/marnells/images/bg-main.png) #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0;
color: #353535;
}

h1, h2, h3, h4, h5, h6, p{
margin-left: 12px;
margin-right: 12px;
}

/*** ADDITIONAL STYLES FOR MICROTINY AS REQUESTED BY STEVE MARNELL ***/
.redtext { color: #D00404; }
.redaligncentre { color: #D00404; text-align: center; }

/*** END ADDITIONAL STYLES ***/

h1 { font-size: 2.2em; color: #D00404; text-transform: uppercase;
/* text-shadow: 2px 2px 5px #ccc;
filter: dropshadow(color=#ccc, offx=2, offy=2); */
border-bottom: 1px dotted #D00404;
}

h1.spacer{ border-bottom: 1px; }

h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }
p { font-size: 0.9em; line-height: 140%; }
p.statement { font-size: 1.1em; text-transform: uppercase; color: #D00404; text-align: center; font-weight: bold; }
.mid { text-align: center; }

header h2 { color: white; }
header h3 a {font-size: 1.4em; color: white; text-decoration: none; }

#main ul{
font-size: 0.9em; line-height: 140%; 
list-style-image: url(/uploads/marnells/images/tick.png);
list-style-position: inside;
margin-left: 12px;
}

#main ul li:nth-child(odd) { background-color:#eee; }
#main ul li:nth-child(even) { background-color:#fff; }

img.resp{ width: 100%; height: auto; border-right: 8px solid #fff; margin-bottom: 12px;}

#main a { color: #2A86C0; text-decoration: none; }
#main a:hover { text-decoration: underline; }

#logo img {width: 100%; height: auto; }

/* ================ */
/* LAYOUT STUFF     */
/* ================ */

#page_wrap{
background: #fff;
}

header{
background: #353535;
margin: 0;
padding: 6px 0;
border-bottom: 2px solid #848484;
}

header img { border: 0; }
header p { font-size: 1.2em; color: #fff; text-align: right; margin-top: 10px; margin-right: 0;}
.right{ float: right; }


#main{
margin-top: -10px;
}

.paper{
background: #fff;
}

.slideshow{
margin: 12px;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
z-index: 0;
}

.slideshow iframe, .slideshow object, .slideshow embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

footer{
background: #353535;
color: #fff;
padding: 6px 0;
border-top: 2px solid #848484;
}

footer p{
font-size: 0.8em;
margin-right: 0;
}

footer a{
color: #fff;
text-decoration: none;
}

footer a:hover{
text-decoration: underline;
}

footer p.tel { background: url(/uploads/marnells/images/phone-icon.png) no-repeat left; padding-left: 28px; padding-top: 4px; height: 22px;}

footer p.mob { background: url(/uploads/marnells/images/mob-icon.png) no-repeat left; padding-left: 28px; padding-top: 4px; height: 22px}

footer p.mail { background: url(/uploads/marnells/images/email-icon.png) no-repeat left; padding-left: 28px; padding-top: 4px; height: 22px}

.trading{ text-align: center; font-size: 0.8em; color: #353535;}
.trading a {color: #353535; text-decoration: none;}
.trading a:hover {text-decoration: underline;}

.email{
clear: both;
text-align: center;
font-size: 1em;
}

.email a{
color: #EA0202;
text-decoration: none;
}

.email a:hover{
text-decoration: underline;
color: #ef0505;
}

/*** Google Map sizing for responsive design ***/
.map{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.map iframe, .map object, .map embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* =======================================
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
   ======================================== */


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

/* MAIN CONTAINER */
.container { max-width: 960px; margin: 0 auto; }

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin: 0; } /* set according to preference*/
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 768px ) {
	.col {
		margin-left: 2%;
	}
}


/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
}


/* CLEARFIX HACK */
.row,
.clr,
.group							{ zoom: 1; } /* IE6 */

*:first-child+html .row,
*:first-child+html .clr,
*:first-child+html .group		{ zoom: 1; } /* IE7 */


/**** NAVIGATION STYLING ****/

#menu {margin-top: -12px; padding: 0; }
body, nav, ul, li, a {margin: 0; padding: 0;}

a {text-decoration: none;}
.container {
    width: 96%;
    max-width: 960px;
    margin: 10px auto;
}
.toggleMenu {
    display:  none;
    background: #D00404;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#D00404;
font-size: 15px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
margin: 0;
    list-style: none;
    /* width: 8em; */
}

.nav a:hover{
background: #ef0505;
}

.nav a {
    padding: 10px 10px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #bc0303;
}
.nav > li > .parent {
    background-image: url(/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #e10505;
    position: relative;
    z-index:9999;
    border-top: 1px solid #bc0303;
}
.nav li li li a {
    background:#e10505;
    z-index:9999;
    border-top: 1px solid #bc0303;
width: auto;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url(/downArrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

h1.spacer{ margin: 0; border: 0; padding: 0; }

}
/* Stylesheet: marnells Modified On 2014-09-08 11:14:29 */