/* JMMD CSS ------------------------------------------------------------------------------------

Colors:
Blue	#0085a7


Index
1. Reset
2. Typography
3. Layout
4. Clearfix

---------------------

1. Reset
*/

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-size: 10px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

a {
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted;
}

body {
	 background: url('../images/footer-BG.gif') repeat-x bottom #bbdad5;
}

/*
2. Typography */

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/ChunkFive
 *
 *
 */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('../fonts/Chunkfive.woff') format('woff'), url('../fonts/Chunkfive.otf') format('opentype'), url('../fonts/Chunkfive.svg#ChunkFive') format('svg');
}

p, li, dd, dt, blockquote {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 22px;
}

h1, h2, h3 {
	font-family: 'ChunkFiveRegular', 'Arial Black', sans-serif;
	letter-spacing: .105em;
	text-transform: uppercase;
}

a {
	color: #0085a7;
}

a:hover {
	border-bottom: 1px dashed #0085a7;
}

header h1 {
	display: block;
	width: 960px;
	margin: 120px auto 0;
	color: #0085a7;
	text-align: center;
	-moz-opacity:0.4; opacity:0.4;
	font-size: 78px;
}

footer p {
	color: #fff;
	font-style: italic;
	width: 375px;
	float: left;
	clear: none;
}

footer p a, footer p a:hover {
	background: url('../images/unit-logo.png') no-repeat;
	display: block;
	float: right;
	clear: none;
	height: 44px;
	width: 140px;
	text-indent: -5000px;
	position: relative;
	top: -7px;
	border-bottom: 0;
}

/*
3. Layout */

header {
	display: block;
	height: 392px;
	overflow: hidden;
	position: relative;
	min-width: 1000px;
	background: url('../images/site-BG.jpg') no-repeat center top #fff;
	z-index: 1;
	margin: 0;
	padding: 0;
}

img.birds {
	position: absolute;
	right: -105%;
	top: 250px;
}

img.birds.right {
	left: -105%;
	top: 255px;
}

div.clouds {
	position: absolute;
	top: 0;
	z-index: 1;
 	display: block;
 	padding: 0 200px;
 	height: 392px;
 	width: 100%;
 	overflow: hidden;
 	background: url('../images/clouds.png') no-repeat
}

section div.clouds {
	background: url('../images/clouds-r.png') no-repeat
}

div.clouds.left {
 	right: -6%;
 	left: auto;
 	background-position: left bottom;
}

section div.clouds.left {
	background-position: left 40px;
}

div.clouds.right {
	left: -6%;
	right: auto;
	background-position: right bottom;
}

section div.clouds.right {
	background-position: right 40px;
}

img.cloud {
 	position: absolute;
 	left: 0;
	bottom: 0;
	width: 600px;
}

div.clouds.right img.cloud {
	right: 0;
	left: auto;
}

div.mountains {
	position: absolute;
 	padding: 0;
	top: 0;
	z-index: 2;
 	display: block;
 	height: 392px;
 	width: 100%;
 	overflow: hidden;
 	background: url('../images/mountains.png') no-repeat;
}

section div.mountains {
 	background: url('../images/mountains-r.png') no-repeat;
}

div.mountains.right {
 	right: -72%;
 	left: auto;
 	background-position: left bottom;
}

div.mountains.left {
	left: -72%;
	right: auto;
	background-position: right bottom;
}

section div.mountains.right {
	background-position: left 70px;
}

section div.mountains.left {
	background-position: right 70px;
}

img.mountain {
	position: absolute;
 	left: auto;
	width: 1175px;
	bottom: 0;
}

div.horizon {
	background: url('../images/horizon.png') repeat-x top center;
	display: block;
	height: 33px;
	width: 100%;
	min-width: 1000px;
	position: relative;
	top: -30px;
	z-index: 10;
}

section {
	position: relative;
	display: block;
	min-width: 1000px;
	height: 600px;
	background: url('../images/section-BG.jpg') no-repeat center top;
	z-index: 10;
	overflow: hidden;
	top: -30px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

section div.horizon {
	top: 0;
	background: url('../images/horizon.png') repeat-x center -33px;
	height: 111px;
}

/* FOOTER STYLES */

footer {
	width: 960px;
	display: block;
	margin: 0 auto;
	border-top: 2px dashed #999;
	padding: 20px 0 20px;
	overflow: hidden;
}

footer nav {
	float: right;
	clear: none;
}

footer ul {
	width: 303px;
}

footer li {
	float: right; /* change for reals */
	display: block;
	color: #666;
}

/*
4. Float Clearing
*/ 

.clearfix { display: inline-block; }

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
*/