/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark

Note - this is a modification of the Meyer reset

*/
* {margin:0;padding:0;} 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

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

/*  ============ regular styles  ============ */

html, body {height: 100%;} /* for sticky footer */

#wrapper {  			   /* for sticky footer */
	min-height: 100%;
	width: 100%;
    overflow: hidden;
}

/* Opera fix for sticky footer */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

body {
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}

.hidden {
	visibility: hidden;
}

.text-padding {
	margin: 0 auto;
	display: block;
	max-width: 1040px;
	padding: 15px;
}	

a {
	color: #000;
	text-decoration: underline;
}	

ul {
	margin-left: 1.2em;
	line-height: 1.5em;
}

p {
	margin: 0 0 .85em;
	line-height: 1.35em;
}

h1 {
	font-size: 1.5em;
	margin: 0 0 .75em;
	font-weight: bold;
	line-height: 1.25em;
}

h2 {
	font-size: 1.35em;
	margin: .6em 0;
	font-weight: bold;
	line-height: 1.25em;
}

h3 {
	font-size: 1.15em;
	margin: .6em 0 .2em;
	font-weight: bold;
	line-height: 1.25em;
}

h4, h5, h6 {
	font-size: 1em;
	margin: .5em 0;
	font-weight: bold;
}

h1.hidden {
	font-size: .2em;
	font-weight: none;
	margin: 0;
}

.italics {
	font-style: italic;
}

.serif {
	font-family: Georgia, Times, serif;
	line-height: 1.75em;
}

.large-font {
	font-size: 1.5em;
}

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.left-col {
	width: 48%;
	padding-right: 2%;
	float: left;
}

.right-col {
	width: 48%;
	padding-left: 2%;
	float: right;
}

.left-col img, .right-col img {
	float: left;
	width: 100%;
}

.small-text {
	font-size: .9em;
}

.indent {
	margin-left: .6em;
	display: block;
}

.bold {
	font-weight: bold;
	color: #555;
}

.top-pad {
	padding-top: 1em;
}


/*  ============ layout  ============ */

#skip-nav-header {
	float: left;
	line-height: 0em;
	width: 100%;
	background-color: #000000;
	-webkit-box-shadow:  inset 0 -5px 5px 0px rgba(50, 50, 50, .2);
    -moz-box-shadow:    inset -5px 5px 0px rgba(50, 50, 50, 0.2);    
	box-shadow: inset 0 -5px 5px 0px rgba(50, 50, 50, .2); 
}

#turf-logo {
	max-width: 390px;
	display: block;
	margin: 2.5em auto 1em;
}

nav {  
    width: 100%;
    margin-top: -.1em;
    font-size: 1em;  
    float: left; 
    letter-spacing: 1px; 
	line-height: .2em;
}

#main-content {
	width: 100%; 
	float: left;
	margin: 0 auto;
	font-size: .95em; 
	line-height: 1.25em;
	overflow-x: hidden;      /* for sticky footer - ffox fix */
	overflow-y: auto;        /* for sticky footer - ffox fix */
	padding: 0 0 10em 0;    /*  bottom padding for sticky footer - must be same height as the footer */
	background-color: #ffffff;
}

aside {
	float: right;
}

footer {
	width: 100%;
	position: relative;
	margin-top: -10em; /* for sticky footer - negative value of footer height */
	height: 10em;
	clear: both;
}



/* ============ nav ============ */

nav ul {  
    padding: 0;  
    margin: 0 auto;  
    max-width: 1040px;  
    height: 1.5em;  
    text-align: center;    
}

nav li {  
    display: inline;  
}  

nav a {  
    color: #ffffff;  
    display: inline-block;  
    padding: 0 2.5%;
    text-decoration: none;  
    line-height: 1.5em;  
    text-shadow: 1px 1px 3px #777777;
        filter: dropshadow(color=#777777, offx=1, offy=1);
} 

nav a:hover, nav a:active {  
    color: rgba(95,243,65,1.00);
    text-shadow: none;
} 

nav a#pull {  
    display: none;  
}   

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}   



/*  ============ main content  ============ */

aside {
	width: 31%;
}

.left-col form {
	border-right: 1px solid #bbb;
}

.left-col input[type=text], .left-col textarea, .right-col input[type=text] {
	border-radius: 5px;
	width: 90%;
	border: 1px solid #bbb;
}

.left-col input[type=text], .right-col input[type=text] {
	height: 2em;
}

.gallery {
	width: 100%; 
	padding: 0 17.5%;
}

/*  ==== refineslide ==== */
.rs-wrap ul {
	margin-left: 0;
}

/* 
 * jQuery RefineSlide plugin v0.3
 * Copyright 2012, Alex Dunphy
 * MIT License (http://www.opensource.org/licenses/mit-license.php)
 *
 * Base styles
 */

.rs-wrap:after,
.rs-slider:after,
.rs-thumbwrap:after,
.rs-arrows:after,
.rs-caption:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}

/*  === [ Slider ] === */

.rs-wrap {
    position: relative;
	float: left;
    max-width: 65%;
}

.rs-slide-bg { *zoom: 1 }

.rs-slider > li > a { display: block }

.rs-slider > li {
    list-style: none;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0 -100% 0 0;
    padding: 0;
    float: left;
    position: relative;
}

.rs-slider > li > a {
	padding: 0;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.rs-slider > li img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	-ms-interpolation-mode: bicubic;
}

/* ===[ Thumbnails ]=== */

.rs-thumb-wrap { *zoom: 1 }

.rs-thumb-wrap > a {
	display: block;
	float: left;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rs-thumb-wrap > a > img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	-ms-interpolation-mode: bicubic;
}

.rs-thumbwrap > a:first-child { margin-left: 0!important }

/* ===[ Arrows ]=== */

.rs-arrows .rs-next,
.rs-arrows .rs-prev { z-index: 1 }

.rs-arrows:hover .rs-next,
.rs-arrows:hover .rs-prev { z-index: 2 }

/* ===[ Captions ]=== */

.rs-caption {
    position: absolute;
    max-height: 100%;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}

.rs-caption.rs-top-left {
    top: 0;
    bottom: auto;
}

.rs-caption.rs-top-right {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
}

.rs-caption.rs-bottom-left {
    bottom: 0;
    left: 0;
}

.rs-caption.rs-bottom-right {
    right: 0;
    left: auto;
    border-bottom: none;
    border-right: none;
}

.rs-caption.rs-top {
    top: 0;
    bottom: auto;
    width: 100%!important;
}

.rs-caption.rs-bottom { width: 100%!important }

.rs-caption.rs-left {
    top: 0;
    height: 100%;
}

.rs-caption.rs-right {
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
}

/* ===[ Grid ]=== */

.rs-grid {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: none;
}

.rs-gridlet {
    position: absolute;
    opacity: 1;
}



/*  ============ footer ============ */

footer {
	background: url('images/turf-footer-bg.jpg') repeat-x left bottom;
}

#footer-wrap {
	background: url('images/baseball-footer.png') no-repeat right bottom;
	height: 9.5em;
	padding-top: .3em;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 15px;	
}	

footer p.italics{
	padding-top: .5em;
}

#footer-text {
	font-size: .8em;
	padding-top: 4.75em;
	line-height: 1em;
}

#footer-text-index {
	font-size: .8em;
	padding-top: 1.5em;
	line-height: .9em;
}

#footer-wrap p {
	margin: 0;
}


/* ============ media queries ============ */

@media screen and (max-width: 750px) {  
    
    h1.hidden {
		line-height: 0;
	}

    nav {   
        height: auto;  
        position: relative;
        margin-top: -.4em;
    }  
    nav ul {  
        width: 100%;  
        display: none;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left; 
        position: relative;
    }  
 
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 15px; 
        background-color: #999999;   
        color: #ffffff;
        text-shadow: none;
        padding: 0;
        line-height: 2.5em;
    } 
    
    nav a#pull {  
        display: block;  
        background-color: #555555;  
        width: 100%;  
        position: relative;
		height: 2.25em; 
		color: #fff;
		text-shadow: none;
		line-height: 1.75em;
		margin-bottom: .25em;
    }   
    
    nav a#pull:after {  
        content:"";  
        background: url('images/nav-icon.png') no-repeat right center;  
        width: 80%;  
        height: 1.5em;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 4px; 
    } 

	#turf-logo {
		width: 50%;
		margin: 2em auto .5em;
	}
    
    aside {
    	float: none;
    	clear: both;
    	width: 100%;
    }
    
	#main-content {
		overflow-x: hidden;      /* for sticky footer - ffox fix */
		overflow-y: auto;        /* for sticky footer - ffox fix */
		padding: 0 0 8em 0;    /*  bottom padding for sticky footer - must be same height as the footer */
	}
	
	.right-col {
		width: 100%;
		padding: 0;
		float: none;
	}
	
	.left-col {
		width: 100%;
		padding: 0;
		float: none;
	}
	
	.left-col img, .right-col img {
		float: none;
		width: 100%;
	}
	
	.left-col form {
		border-right: none;
	}
	
	.left-col form {
		border-right: none;
		border-bottom: 1px solid #999;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}

	.left-col input[type=text], .left-col textarea, .right-col input[type=text] {
		border-radius: 5px;
		width: 100%;
	}

	.gallery {
		width: 100%; 
		padding: 0;
	}

	footer {
		position: relative;
		margin-top: -8em; /* for sticky footer - negative value of footer height */
		height: 8em;
		background-size: 30%;
	}
	
	#footer-wrap {
		height: 7.5em;
		background-size: 18%;
	}	
 	
 	footer p.italics{
		padding-top: 0;
	}
	
	#footer-text {
		padding-top: 2em;
	}
	
	#footer-text-index {
		padding-top: .75em;
		line-height: .8em;
	}
	
	.large-font {
		font-size: 1.25em;
	}
		
 	 /* for slider */
 	.divide { margin-bottom: 12px }

    .rs-wrap {
        max-width: 100%;
        float: none;
    }

    .translist li { width: 33.3% }
}  

@media screen and (max-width: 590px) {  
    
    html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}
	
	#main-content {
		overflow-x: hidden;      /* for sticky footer - ffox fix */
		overflow-y: auto;        /* for sticky footer - ffox fix */
		padding: 0 0 6em 0;    /*  bottom padding for sticky footer - must be same height as the footer */
	}

	footer {
		position: relative;
		margin-top: -6em; /* for sticky footer - negative value of footer height */
		height: 6em;
		background-size: 30%;
	}
	
	#footer-wrap {
		height: 5.8em;
		background-size: 18%;
	}	
 	
 	#footer-text {
		padding-top: 0;
	}
	
	#footer-text-index {
		padding-top: 0;
		line-height: .8em;
	}
 
}  

@media screen and (max-width: 480px) {  /* for slider */
    .rs-slide-bg { padding: 5px!important }

    .rs-thumb-wrap > a { padding: 2px!important }

    .translist li { width: 50%; *width: 49.9%;  }
    
    .rs-caption { opacity: 0!important }
}

@media screen and (max-width: 320px) {   /* for slider */

    .checklist li {
        width: 100%!important;
        margin-right: 0!important;
    }
}