/* -----------------------
Base styles
------------------------*/

body
{
	margin: 0;
	padding: 0;
	color: #333;
	background: transparent url(../images/nav_header.png) repeat-x top left;
	font: 1em/1.40 'century gothic', verdana, arial, sans-serif;
	border-top: px solid #e0691a; 
}

h1,h2,h3,h4,h5,h6
{
	font: 'century gothic', verdana, sans-serif;
	margin: 0 0 .5em;
	font-weight: ;
	line-height: 1.1;
}

h1 { font-size: 1.95em; color: #fff; font-weight: 195; padding-left: 10px; letter-spacing: 0.005em; line-height: 1.3; } /* 36px */
h2 { font-size: 0.625em; color: #e0691a; font-weight: 175;  text-transform: uppercase; letter-spacing: 2px; line-height: 3px; margin-top: -2px; padding-top: -1px; padding-bottom: 10px; padding-left: 10px; } /* 10px */
h3 { font-size: 0.688em; color: #DEDEDE; font-weight: 215; text-align: center; text-transform: uppercase; letter-spacing: 7px; margin-bottom: 30px; } /* 11px */
h4 { font-size: 1.20em; color: #fff; font-weight: 210; text-transform: lowercase; text-align: center; letter-spacing: -.05px; } /* 18px */
h5 { font-size: 1em; font-weight: 200; padding-left: 10px; } /* 16px */
h6 { font-size: .875em; } /* 14px */

p
{
	font-size: .875em;
	margin: 0 0 1.5em;
	line-height: 1.45em;
	padding: 0 10px 0 10px;
}

blockquote
{
	padding: 1em 2em;
	margin: 0 0 2em;
	border-left: 5px solid #eee;
}

hr
{
	width: 75%;
	margin-top: 1em;
	margin-bottom: 2em;
	border: 0;
	border-top: 1px solid #ddd;
}

table
{
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
}

th, td
{
	padding: .5em 1em;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

a:link { color: #e0691a; font-size: 0.833em; background-color: transparent; text-decoration: none; }
a:visited { color:  #ff9900;  font-size: 0.833em; background-color: #F1EDC2; text-decoration: none; }
a:focus { color: #ff9900; font-size: 0.833em; background-color: transparent; text-decoration: none; }
a:hover { color: #fff; font-size: 0.833em; background-color: #ff9900; text-decoration: none; }
a:active { color: #e0691a; font-size: 0.833em; background-color: transparent; text-decoration: none; }

/* -----------------------
Layout styles
------------------------*/

.container
{
	max-width: 80em;
	margin: 0 auto;
}

.header
{
	height: 65px;
	color: #000;
	background: #fff;
	padding: 1em 1.25em;
	margin-top: 2em;
	border-bottom: 1px solid #e1e1e1;
}

.header-heading { margin: 0; }

.nav-bar
{
	height: 60px;
	background: transparent url(../images/mellowzone_logo.png) no-repeat top left;
}

.content
{
	overflow: hidden;
	padding: 1em 1.25em;
	background-color: #fff;
}

.content8
{
	overflow: hidden;
	width: 100%;
	height: auto;
	background-image: url("../images/park_screen.png");
    background-position: center;
    background-repeat: no-repeat;
}


.col1, .col2, .cool3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14
{
	
	margin-bottom: 1em;
}


.footer
{
	color: #e0691a;
	height: 290px;
	background: transparent url(../images/intro_pic_bg3.png) no-repeat bottom;
	font: normal 11px 'century gothic', arial, sans-serif;
	text-align: right;
	text-transform: lowercase;
	letter-spacing: .50px;
	padding: 1em 1.25em;
	border-bottom: 3px solid #e0691a;
}

/* -----------------------
Nav
------------------------*/
.nav { margin: 0; padding: 0; list-style: none; }
.nav li { display: inline; float: right; margin: 0; }

.nav a
{

	font: normal 'century gothic', verdana, sans-serif;
	text-align: right;
	text-transform: uppercase;
	font-size: .875em;
	color: #999;
	margin-top: 0px;
	padding: 10px;
	text-decoration: none;
}

.nav a:link { color: #999; }
.nav a:visited { color: #999; }
.nav a:focus { color: #999; }
.nav a:hover { color: #ff9900; }
.nav a:active { color: #999; }

/* -----------------------
Single styles
------------------------*/

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	padding : 5px 10px;
}
	.highlight-1 {
		background : #F1EDC2;
		color: #e0691a;
		font-size: 0.775em;
		border : px dotted #FF9966;	
	}
	.highlight-2 {
		background : transparent;
		color: #e0691a; 
		font-size: 0.775em;
		border : px dotted #FFCC33;	
	}
	.highlight-3 {
		background : #CCFF99;
		border : 0px dotted #CCCC33;
		font-size: 0.775em;
		color: #008000;
		
	}


.img-responsive { max-width: 100%; border-radius: .8em; }

.button
{
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: 'century gothic', verdana, sans-serif;
	font-size: 20px;
	font-weight: 500;  
	text-transform: uppercase; 
	letter-spacing: 2px; 
	margin: 4px 2px;
	cursor: pointer;
	border-radius: .3em;
}

.button:hover
{
	color: #fff;
	background-color: #ff9900;
}

.table
{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.list-unstyled
{
	padding-left: 0;
	list-style: none;
}

.list-inline
{
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.list-inline > li
{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

/* -----------------------
Wide styles
------------------------*/

@media (min-width: 60em)
{
	.header { padding: 1.5em 2em; }
	.nav-bar { padding: 1em 2em; }
	.content { padding: 2em 2em; }

	.col1
	{
		float: left;
		width: 60%;
		margin-right: 1%;
		border-right: 1px solid #e1e1e1;
	}

	.col2
	{
		float: left;
		width: 22%;
		margin-right: 1%;
	}

	.col3
	{
		float: left;
		width: 10%;
		border-left: 1px solid #e1e1e1;
	}

	.col4
	{
		float: left;
		width: 48%;
		margin-right: 1%;
		border-right: 1px solid #e1e1e1;
	}

	.col5
	{
		float: left;
		width: 48%;
		margin-right: 1%;
	}

	.col6
	{
		float: left;
		width: 32%;
		margin-right: 1%;
		border-right: px solid #e1e1e1;
	}

	.col7
	{
		float: left;
		width: 32%;
		margin-right: 1%;
	}
	.col8
	{
		float: left;
		width: 32%;
		margin-right: %;
		border-right: px solid #e1e1e1;
	}

	.col9
	{
		float: left;
		width: 24%;
		margin-right: 1%;
	}

	.col10
	{
		float: left;
		width: 24%;
		margin-right: 1%;
		border-right: px solid #e1e1e1;
	}

	.col11
	{
		float: left;
		width: 24%;
		margin-right: 1%;
	}

	.col12
	{
		float: left;
		width: 24%;
		margin-right: %;
		border-right: px solid #e1e1e1;
	}

	.col13
	{
		float: left;
		width: 75%;
		margin-right: %;
	}
	
	.col14
	{
		float: right;
		width: 85%;
	}

	.col15
	{
		float: left;
		width: 49%;
		margin-right: %;
		border-right: 1px solid #;
	}

	.col16
	{
		float: left;
		width: 49%;
		margin-right: %;
	}

	.footer { padding: 2em 3em; }
	
	.nav li
	{
		display: inline;
		margin: 0 1em 0 0;
	}
	
	.nav a
	{
		display: inline;
		padding: 0;
		border-bottom: 0;
	}
}