/*-- Resets --*/

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, cite, code, blockquote, form, fieldset, legend, label, input, textarea, select, radio, table, th, td, img
{
	margin: 0; padding: 0;
}

img, form, fieldset
{
	border: 0;
}

html
{
	font-size: 100%;
}

body
{	
	background-color: #c6df27;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } 

/*-- End of resets --*/

a {
    color: #007ACC;
}

a:hover {
    color: #000;
}

img {
    border: none;
    vertical-align: top;
}

p, ul
{
	font-size: 1.2em;
}

h1
{
	font-weight: bold;
}

h2 {
    font-size: 2em;
    line-height: 20px;
    font-weight: normal;
    margin: 0 0 15px 0;
}

h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

ul {
    list-style: square;
}

small {

    color: #999;
}

.relative {
    position: relative;
}

.clear {
    clear: both;
}

.graph-box {
    position: absolute;
    line-height: 1.5em;
}

.intro {
    background: #000;
    color: #FFF;
    width: 240px;
    height: 20px;
    padding: 20px;
    margin-bottom: 18px;
    cursor: pointer;
}

.intro p {
    display: none;
    margin: 0;
}

.intro:hover {
    color: #000;
    background: #39F;
}

.section .relative {
    
}

p.last {
    margin-bottom: 0;
}

#graph {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#field {
    position: absolute;
}

#graph .grid-lines {
    position: absolute;
    width: 10000px;
    height: 10000px;
    left: -50078px;
    top: -50078px;
    background: #FFF url(images/bg.gif);
}

#graph.dragging .grid-lines {
    background: #FFF url(images/bg-dragging.gif);
}

#nav {
    position: absolute;
    width: 100%;
    background: #000;
    z-index: 2;
    border-bottom: 3px solid #39F;
}

#nav-container {
    height: 60px;
    width: 100%;
    margin-top: -60px;
}

#nav ul {
    position: absolute;
    left: 160px;
    bottom: 0;
    margin: 0;
}

#nav li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
}

#nav ul a {
    display: block;
    color: #FFF;
    border-bottom: 3px solid transparent;
    padding: 2px 0;
    margin: 0 20px 0 0;
    text-decoration: none;
}

#nav ul a:hover {
    color: #39F;
    border-color: #39F;
}

#box-home {
    width: 279px;
    padding: 20px;
    background: #FFF;
    border: 1px solid #39F;
}

#box-help {
    width: 279px;
    height: 139px;
    padding: 20px;
    background: #FFF;
    border: 1px solid #39F;
}

#box-help h3 {
    margin-top: 0;
}

.project
{
	background-color: #007b2b;
	-webkit-box-shadow: 1px 1px 10px #000;
	color: #fff;
    padding-top: 4px;
    width: 200px;
}

.project-small
{
	background-color: #8b9b00;
	-webkit-box-shadow: 1px 1px 10px #000;
	color: #fff;
    padding-top: 4px;
    width: 100px;
}

.project h2
{
	color: #fff;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0;
    padding: 0 10px 4px 8px;
}

.project-small h2
{
	color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0;
    padding: 0 10px 4px 8px;
}

.project h2.two-line {
    overflow: visible;
    width: 240px;
    margin-top: -20px;
}

.project h2 a,
.project-small h2 a
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.project h2 a:hover,
.project-small h2 a:hover
{
    text-decoration: underline;
}

.project p,
.project-small p
{
	padding: 4px 10px;
}

.project .links {
    float: right;
    line-height: 20px;
    margin-top: 1px;
}

.project p.zapf-rating
{
	font-family: 'ZapfDingbats';
}

.personalisation-box
{
	background-color: #333;
}

.personalisation-box a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/*#box-sketches {
    top: 223px;
    left: 580px;
    
}

#box-portfolio {
    top: 363px;
    left: 580px;
}

#box-other {
    top: 363px;
    left: 580px;
}*/


.row-1 { top: 42px; }
.row-2 { top: 272px; }
.row-3 { top: 452px; }
.row-4 { top: 652px; }
.row-5 { top: 852px; }

.col-1 { left: 82px; }
.col-2 { left: 492px; }
.col-3 { left: 702px; }
.col-4 { left: 902px; }
.col-5 { left: 1112px; }
.col-6 { left: 1322px; }
.col-7 { left: 2482px; }
.col-8 { left: 2882px; }

.exp-1 { top: -358px; }
.exp-2 { top: -758px; }
.exp-3 { top: -1158px; }
.exp-4 { top: -1558px; }
.exp-5 { top: -1958px; }
.exp-6 { top: -2358px; }
.exp-7 { top: -2758px; }
.exp-8 { top: -3158px; }
.exp-9 { top: -3558px; }
.exp-10 { top: -3958px; }


#prop-mam-nick
{
	left: 780px;
	top: 760px;
}

#prop-windy-knoll
{
	left: 890px;
	top: 840px;
}

#prop-winnats-pass
{
	left: 1010px;
	top: 845px;
}

#prop-lords-seat
{
	left: 740px;
	top: 645px;
}

#prop-mam-tor
{
	left: 900px;
	top: 655px;
}

#prop-odin-mine
{
	left: 1150px;
	top: 660px;
}

#prop-hope-valley
{
	left: 1390px;
	top: 620px;
}

#prop-jacobs-ladder
{
	left: 535px;
	top: 500px;
}

#prop-upper-booth
{
	left: 665px;
	top: 530px;
}

#prop-edale-valley
{
	left: 790px;
	top: 460px;
}

#prop-lose-hill
{
	left: 1015px;
	top: 550px;
}

#prop-edale-end
{
	left: 1140px;
	top: 520px;
}

#prop-kinder-scout
{
	left: 380px;
	top: 325px;
}

#prop-grindslow-knoll
{
	left: 780px;
	top: 355px;
}

#prop-jaggers-clough
{
	left: 1090px;
	top: 410px;
}

#prop-hope-cross
{
	left: 1200px;
	top: 390px;
}

#prop-crook-hill
{
	left: 1420px;
	top: 440px;
}

#prop-pym-chair
{
	left: 395px;
	top: 220px;
}

#prop-woolpacks
{
	left: 510px;
	top: 145px;
}

#prop-crowden-tower
{
	left: 720px;
	top: 245px;
}

#prop-derwent-valley
{
	left: 1240px;
	top: 170px;
}

#prop-kinder-low
{
	left: 180px;
	top: 150px;
}

#prop-fairbrook
{
	left: 750px;
	top: -50px;
}

#prop-alport-valley
{
	left: 1010px;
	top: -90px;
}



#me {
    display: block;
    float: right;
    margin: 0 0 20px 20px;
    border: 3px solid #CCC;
}

#me:hover {
    border-color: #C22C00;
}

#help {
    border: 1px solid #39F;
    cursor: pointer;
}

.category {
    position: absolute;
    left: 462px;
    width: 400px;
    font-size: 11px;
    color: #C22C00;
    background: transparent url(images/arrow-down.gif) no-repeat 7px 3px;
    padding-left: 20px;
}

.category a {
    color: #C22C00;
}

.category a:hover {
    color: #000;
}
/*
#cat-personal {
    top: 12px;
}

#cat-freelance {
    top: 412px;
}

#cat-hello {
    top: 812px;
}

#cat-other {
    top: 1212px;
}

#cat-old {
    top: 1612px;
}

#cat-experiments {
    top: 12px;
    left: 62px;
    background: transparent url(images/arrow-up.gif) no-repeat 7px 3px;
}
*/
form {
    z-index: 3;
    position: absolute;
    top: 2px;
    right: 2px;
}

#search {
    font: 12px verdana, sans-serif;
    border: 1px solid #9CF;
    padding: 2px;
    width: 194px;
    height: 16px;
}

#search.default {
    color: #39F;
}

#search.focused {
    border-color: #39F;
}

.autocompleter-choices {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    margin: 0;
    padding: 0;
}

.autocompleter-choices li {
    list-style: none;
    padding: 3px 5px;
    margin: 0;
    background: transparent url(images/semi-white.png);
    cursor: pointer;
}

.autocompleter-choices li.autocompleter-selected {
    background: #CCE5FF;
}

#graph-map
{
    position: absolute;
    bottom: 30px;
    right: 30px;
    border: 1px solid #007b2b;
    z-index: 4;
    background: #e8f6e1;
    width: 120px;
    height: 90px;
    /*
    -webkit-box-shadow: 2px 2px 5px #333;
    */
}

.graph-map-box
{
    background: #93d573;
}

.graph-map-view
{
    background: #fff;
    border: 1px dashed #007b2b;
}

.graph-map-close
{
    text-decoration: none;
}

.graph-map-open:hover
{
    color: #FFF;
    background: #39F;
}


/*-- Rob's Additions --*/

#main-primary-menu
{
	/*
	background: #fff url(../images/top-bar-strip.gif) left bottom repeat-x;
	*/
	background-color: #333;
	height: 40px;
	position: absolute;
	width: 100%;
	z-index: 2000;
}

#main-primary-menu ul
{
	list-style-type: none;
	margin: 0 30px;
	padding: 0;
}

#main-primary-menu ul li
{
	float: left;
	margin: 0;
	padding: 13px 0;
}

#main-primary-menu ul li a
{
	display: block;
	text-decoration: none;
}

#main-primary-menu ul li.active a#mpm-visiting
{
	background-color: #c6df27;
	color: #333;
	font-weight: bold;
	margin: -13px 0;
	padding: 13px 8px;
}

#main-primary-menu ul li a#mpm-shop:hover
{
	color: #008ec0;
	font-weight: normal;
}

#main-primary-menu ul li a#mpm-getinvolved:hover
{
	color: #ff7200;
	font-weight: normal;
}	

#main-primary-menu ul li a#mpm-membership:hover
{
	color: #007b2b;
	font-weight: normal;
}

#main-primary-menu ul li a#mpm-holidays:hover
{
	color: #9e43b0;
	font-weight: normal;
}

#main-primary-menu ul li a#mpm-whatwedo:hover
{
	color: #f00;
	font-weight: normal;
}

#main-primary-menu ul#menu-to-the-left
{
	float: left;
}

#main-primary-menu ul#menu-to-the-left li
{
	margin: 0 10px 0 0;
}

#main-primary-menu ul#menu-to-the-left li a
{
	color: #fff;
}

#main-primary-menu ul#menu-to-the-right
{
	float: right;
}

#main-primary-menu ul#menu-to-the-right li
{
	color: #999;
	margin: -2px 0 0 10px;
}

#main-primary-menu ul#menu-to-the-right li a
{
	color: #999;
	margin: 2px 0 0 0;
}

#main-primary-menu img
{
	float: left;
	margin: 6px 0 0 30px;
}

#main-secondary-menu
{
	background-color: #c6df27;
	height: 35px;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 2000;
}

#main-secondary-menu ul
{
	list-style-type: none;
	margin: 10px 0 0 30px;
}

#main-secondary-menu ul li
{
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
}

#main-secondary-menu ul li a
{
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

#main-secondary-menu ul li a:hover
{
	text-decoration: underline;
}

#property-titles
{
	left: 30px;
	position: absolute;
	top: 80px;
	z-index: 2000;
}

#property-menu
{
	left: 30px;
	position: absolute;
	top: 180px;
	width: 220px;
	z-index: 2000;
}

#property-titles h1,
#property-titles h2
{
	/*background-color: rgba(0, 123, 43, 0.8);*/
	background-color: rgba(255, 0, 97, 0.8);
	color: #fff;
	clear: both;
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
}

#property-titles h1
{
	font-size: 3em;
	padding: 10px 10px 0 10px;
}

#property-titles h2
{
	padding: 10px 10px 10px 10px;
}

#accordion h3
{
	background-color: #666;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 10px;
}

#accordion h3#umbrella-search
{
	background-color: #ff0061;
}

#accordion #input-search
{
	margin: 10px 0 0 0;
	width: 120px;
}

#accordion #input-submit
{
	margin: 0 0 0 10px;
	width: 60px;
}

#accordion .element
{
	background-color: #fff;
	margin: 0 0 1px 0;
	padding: 0;
}

#accordion .element ul
{
	list-style-type: none;
}

#accordion .element div
{
	padding: 10px;
}



#drawer-calendar
{
	font-size: 1.2em;
	text-align: right;
}

#drawer-calendar
{
	font-size: 1.2em;
	margin: 0;
	text-align: right;
}

#drawer-calendar tr td
{
	padding: 2px;
	width: 20px;
}

#drawer-calendar tr td.event-active
{
	background-color: #ff0061;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}


a.demo-link
{
	color: #fff;
	display: block;
	margin: 0;
	text-decoration: none;
}

a.demo-link:hover
{
	background: none;
}

a.demo-link span
{
	display: none;
}

a.demo-link:hover span
{
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 2px 2px 8px #000;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 120px;
	margin: 10px;
	padding: 10px 10px 12px 10px;
	position: absolute;
	width: 300px;
	z-index: 100;
	text-align: left;	
}

a.demo-link:hover span:before
{
	content: "Event -- ";
}

a.demo-link:hover span img
{
	margin: 5px 0 0 0;
}