/* CORNWALL MINING */

/******************************************** GENERAL STYLES **********************************************/
html {
	height:				100%;
}
body {
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	color:				#fff;
	background:			#000;
	text-align:			center;
}
h1,h2,h3,h4 {
/*	font-size:			1em;	*/
	margin:				0;
	padding:			0;
}
a {
	text-decoration:	none;
}
.left { float:	left;	}
.right {float:	right;	}
.clear {clear:	both;	}

img{ border:  none;}


/* page layout ********************************************/
.page {
	width:				800px;
    margin:             25px auto 0 auto;
	text-align:			left;
}

.banner{
  width:    100%;
  height:   27px;
  background:   transparent url(images/title-celebrating-world-her.gif) no-repeat top left;
}

.banner span{
  display:  none;
}

.menu{
  width:    100%;
  float:    left;
}

.middle {
	width:				796px;
    height:             436px; /* 445px, check against designs */
    float:  left;
}


.left{
  width:    535px;
  float:    left;
}

.right{
  width:    260px;
  float:    right;
  text-align:   right;
}

.left .left{
    width: 132px;
    float:  left;
}

.left .right{
    width:  400px;
    float:  left;
    text-align: left;
}





.footer{
  width:    100%;
  height:   122px;
  background:   transparent url(images/footer-background.gif) no-repeat top left;
  float:    left;
}

.footer span{
  display:  none;
}

.copyright{
  width:    100%;
  float:    left;
  margin-top:   10px;
}

.copyright p{
  font-size: 0.8em;
}

.copyright a{
  color:    #fff;
}



#imageholder{
  width:    400px;
  height:   285px;
  display:  block;
}

#imageholder p{
  margin:   0;
  padding:  0.5em;
}

.image-buttons{
  background:   transparent url(images/grey-transparent.png) repeat;
  width:        50%;
    float:  left;
}

.image-map{
  width:    130px;
    float:  right;
}

.image-buttons a{
  color:    #fff;
  padding:  0 0.15em;
  z-index:  0;
}


* html .image-buttons{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/grey-transparent.png');
	background:	transparent;
}



/* main menu */
.menu ul{
    width:  100%;
  list-style:   none;
  margin:   0;
  padding:  0;
}

.menu ul li{
float:  left;
  display:  inline;
  margin-right: 2px;
}

.menu ul li a{
  width:    131px;
  height:   64px;
  display:  block;
}

.menu ul li a span{
  display:  none;
}


a#menu-roughneck{
  background: transparent url(images/menu-cornish-roughneck.gif) no-repeat top left;
}
a#menu-downunder{
  background: transparent url(images/menu-down-under.gif) no-repeat top left;
}
a#menu-mexican{
  background: transparent url(images/menu-mexican-wave.gif) no-repeat top left;
}
a#menu-flower{
  background: transparent url(images/menu-flower-power.gif) no-repeat top left;
}
a#menu-mobile{
  background: transparent url(images/menu-mobile-tech.gif) no-repeat top left;
}
a#menu-tin{
  background: transparent url(images/menu-tin-did.gif) no-repeat top left;
}


.page-roughneck a#menu-roughneck, a#menu-roughneck:hover{
  background: transparent url(images/menu-cornish-roughneck-on.gif) no-repeat top left;
}
.page-downunder a#menu-downunder, a#menu-downunder:hover{
  background: transparent url(images/menu-down-under-on.gif) no-repeat top left;
}
.page-mexican a#menu-mexican, a#menu-mexican:hover{
  background: transparent url(images/menu-mexican-wave-on.gif) no-repeat top left;
}
.page-flower a#menu-flower, a#menu-flower:hover{
  background: transparent url(images/menu-flower-power-on.gif) no-repeat top left;
}
.page-mobile a#menu-mobile, a#menu-mobile:hover{
  background: transparent url(images/menu-mobile-tech-on.gif) no-repeat top left;
}
.page-tin a#menu-tin, a#menu-tin:hover{
  background: transparent url(images/menu-tin-did-on.gif) no-repeat top left;
}


/* footer menu */
.footer ul{
  width:  590px;
  list-style:   none;
  margin:   0;
  padding:  55px 0 0 0;
  float:    left;
}

.footer ul li{
float:  left;
  display:  inline;
  margin-right: 1px;
}

.footer ul li a{
  width:    131px;
  height:   36px;
  display:  block;
}

.footer ul li a span{
  display:  none;
}

a#footer-whs{
  width:    120px;
  height:   100px;
  background:   transparent;
  display:  block;
  float:    right;
}

a#footer-whs span{
  display:  none;
}




a#menu-home{
  width:    58px;
  height:   30px;
  display:  block;
  background: transparent url(images/menu-home.gif) no-repeat top left;
}
a#menu-celebrate{
  width:    180px;
  height:   30px;
  display:  block;
  background: transparent url(images/menu-celebrate.gif) no-repeat top left;
}
a#menu-sites{
  width:    94px;
  height:   30px;
  display:  block;
  background: transparent url(images/menu-sites.gif) no-repeat top left;
}
a#menu-opinion{
  width:    96px;
  height:   30px;
  display:  block;
  background: transparent url(images/menu-opinion.gif) no-repeat top left;
}
a#menu-touch{
  width:    96px;
  height:   30px;
  display:  block;
  background: transparent url(images/menu-touch.gif) no-repeat top left;
}
a#menu-links{
  width:    60px;
  height:   30px;
  display:  block;
  background: transparent url(images/menu-links.gif) no-repeat top left;
}


#page-index a#menu-home, a#menu-home:hover{
  background: transparent url(images/menu-home-on.gif) no-repeat top left;
}
#page-celebrate a#menu-celebrate, a#menu-celebrate:hover{
  background: transparent url(images/menu-celebrate-on.gif) no-repeat top left;
}
#page-sites a#menu-sites, a#menu-sites:hover{
  background: transparent url(images/menu-sites-on.gif) no-repeat top left;
}
#page-opinion a#menu-opinion, a#menu-opinion:hover{
  background: transparent url(images/menu-opinion-on.gif) no-repeat top left;
}
#page-touch a#menu-touch, a#menu-touch:hover{
  background: transparent url(images/menu-touch-on.gif) no-repeat top left;
}
#page-links a#menu-links, a#menu-links:hover{
  background: transparent url(images/menu-links-on.gif) no-repeat top left;
}


/* SITES LIST */
ul.sitelist{
  list-style:   none;
  margin:   0;
  padding:  0;
}

ul.sitelist li{
  float:    left;
}

ul.sitelist li a{
  width:    132px;
  height:   132px;
  display:  block;
  background:    #fff;
  border-right: 1px solid #212121;
  border-top:     1px solid #212121;
}

ul.sitelist li a span{
  display: none;
}

ul.sitelist li a#site-hayle{
  background: transparent url(images/sites/hayle-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-st-just{
  background: transparent url(images/sites/st-just-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-redruth{
  background: transparent url(images/sites/redruth-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-caradon{
  background: transparent url(images/sites/caradon-thumb-1.jpg) no-repeat top left;
}


ul.sitelist a#site-godolphin{
  background: transparent url(images/sites/godolphin-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-wendron{
  background: transparent url(images/sites/wendron-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-st-agnes{
  background: transparent url(images/sites/st-agnes-thumb-1.jpg) no-repeat top left;
}


ul.sitelist a#site-st-day{
  background: transparent url(images/sites/scorrier-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-luxulyan{
  background: transparent url(images/sites/lux-thumb-1.jpg) no-repeat top left;
}

ul.sitelist a#site-tamar{
  background: transparent url(images/sites/tamar-thumb-1.jpg) no-repeat top left;
}



ul.sitelist li a#site-hayle:hover{
  background: transparent url(images/sites/hayle-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-st-just:hover{
  background: transparent url(images/sites/st-just-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-redruth:hover{
  background: transparent url(images/sites/redruth-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-caradon:hover{
  background: transparent url(images/sites/caradon-thumb-1-on.jpg) no-repeat top left;
}


ul.sitelist a#site-godolphin:hover{
  background: transparent url(images/sites/godolphin-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-wendron:hover{
  background: transparent url(images/sites/wendron-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-st-agnes:hover{
  background: transparent url(images/sites/st-agnes-thumb-1-on.jpg) no-repeat top left;
}


ul.sitelist a#site-st-day:hover{
  background: transparent url(images/sites/scorrier-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-luxulyan:hover{
  background: transparent url(images/sites/lux-thumb-1-on.jpg) no-repeat top left;
}

ul.sitelist a#site-tamar:hover{
  background: transparent url(images/sites/tamar-thumb-1-on.jpg) no-repeat top left;
}


ul.sitelist a#site-roots{
  background: transparent url(images/btn-cornish-roots.gif) no-repeat top left;
}

ul.sitelist a#site-vote{
  background: transparent url(images/btn-vote.gif) no-repeat top left;
}


a#site-tv{
  width:    125px;
  height:   99px;
  display:  block;
  background:   transparent url(images/btn-tv.gif) no-repeat top left;
}

a#site-tv span{
  display:  none;
}



/* SITES LIST */

#site-thumbs{
  background:   transparent url(images/visit-all-ten.gif) no-repeat bottom left;
  height:       80px;
}

ul.small-site-list{
  list-style:   none;
  margin:   10px 0 0 0;
  padding:  0;
}

ul.small-site-list li{
  float:    left;
}

ul.small-site-list li a{
  width:    40px;
  height:   40px;
  display:  block;
}

ul.small-site-list li a span{
  display: none;
}

ul.small-site-list li a#site-hayle{
  background: transparent url(images/sites/hayle-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-st-just{
  background: transparent url(images/sites/st-just-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-redruth{
  background: transparent url(images/sites/redruth-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-caradon{
  background: transparent url(images/sites/caradon-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-godolphin{
  background: transparent url(images/sites/godolphin-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-wendron{
  background: transparent url(images/sites/wendron-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-st-agnes{
  background: transparent url(images/sites/st-agnes-small-thumb.jpg) no-repeat top left;
}


ul.small-site-list a#site-st-day{
  background: transparent url(images/sites/scorrier-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-luxulyan{
  background: transparent url(images/sites/lux-small-thumb.jpg) no-repeat top left;
}

ul.small-site-list a#site-tamar{
  background: transparent url(images/sites/tamar-small-thumb.jpg) no-repeat top left;
}


/*#page-index .middle{
  background:   transparent url(images/home-background.jpg) no-repeat bottom center;
} */

#page-sites .middle{
  background:   transparent url(images/middle-bg-grey.gif) no-repeat bottom center;
}

#page-opinion .middle, #page-touch .middle{
  background:   transparent url(images/middle-bg-opinion.gif) no-repeat bottom center;
}



/******** questionnaire layout *******/
div.formrow{
  width:    95%;
  float:    left;
}

div.question{
  width:    100%;
  float:    left;
  border-bottom:    1px solid #fff;
  margin:   10px 0 0 0;
}

.question p{
  display:  none;
}


div.answer{
  width:    100%;
  float:    left;
  padding:  0.8em 0;
}

div.line{
  width:    100%;
  float:    left;
}

input.text{
  width:    300px;
}

textarea.text{
  width:    300px;
}


/** questionnaire **/
#page1, #page2, #page3, #page4, #page5, #page6, #page7{
  width:    100%;
  height:   400px;
  display:  none;
}

#page1{
  display: block;
}

#q1{
  background:   transparent url(images/questions/email-address.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q2{
  background:   transparent url(images/questions/seen-hoardings.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q3{
  background:   transparent url(images/questions/vote-now.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q4{
  background:   transparent url(images/questions/informing-website.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q5{
  background:   transparent url(images/questions/hoardings-perception.gif) no-repeat top left;
  height:       50px;
  display:      block;
}
#q6{
  background:   transparent url(images/questions/yes.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q7{
  background:   transparent url(images/questions/no.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q8{
  background:   transparent url(images/questions/inspired-more.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q9{
  background:   transparent url(images/questions/yes.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q10{
  background:   transparent url(images/questions/no.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q11{
  background:   transparent url(images/questions/happy-contact.gif) no-repeat top left;
  height:       50px;
  display:      block;
}
#q12{
  background:   transparent url(images/questions/where-from.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q13{
  background:   transparent url(images/questions/cornwall-mean.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#q14{
  background:   transparent url(images/questions/planning-visit.gif) no-repeat top left;
  height:       50px;
  display:      block;
}
#q15{
  background:   transparent url(images/questions/any-other-comments.gif) no-repeat top left;
  height:       27px;
  display:      block;
}

.q-1{
  background:   transparent url(images/questions/btn-1.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
    float:  left;
}
a.q-1:hover, a.q-1-on{
  background:   transparent url(images/questions/btn-1-on.gif) no-repeat top left;
}

.q-2{
  background:   transparent url(images/questions/btn-2.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
  float:  left;
}
a.q-2:hover, a.q-2-on{
  background:   transparent url(images/questions/btn-2-on.gif) no-repeat top left;
}
.q-3{
  background:   transparent url(images/questions/btn-3.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-3:hover, a.q-3-on{
  background:   transparent url(images/questions/btn-3-on.gif) no-repeat top left;
}
.q-4{
  background:   transparent url(images/questions/btn-4.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-4:hover, a.q-4-on{
  background:   transparent url(images/questions/btn-4-on.gif) no-repeat top left;
}
.q-5{
  background:   transparent url(images/questions/btn-5.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-5:hover, a.q-5-on{
  background:   transparent url(images/questions/btn-5-on.gif) no-repeat top left;
}
.q-6{
  background:   transparent url(images/questions/btn-6.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-6:hover, a.q-6-on{
  background:   transparent url(images/questions/btn-6-on.gif) no-repeat top left;
}
.q-7{
  background:   transparent url(images/questions/btn-7.gif) no-repeat top left;
  width:        21px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-7:hover, a.q-7-on{
  background:   transparent url(images/questions/btn-7-on.gif) no-repeat top left;
}
.q-previous{
  background:   transparent url(images/questions/btn-previous.gif) no-repeat top left;
  width:        91px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-previous:hover{
  background:   transparent url(images/questions/btn-previous-on.gif) no-repeat top left;
}
.q-next{
  background:   transparent url(images/questions/btn-next.gif) no-repeat top left;
  width:        65px;
  height:       27px;
  display:      block;
      float:  left;
}
a.q-next:hover{
  background:   transparent url(images/questions/btn-next-on.gif) no-repeat top left;
}

.ql span{
  display:  none;
}


ul.linklist li{
  padding:  0.3em 0;
}

ul.linklist li a{
  color:    #fff;
}


#contact-name{
  background:   transparent url(images/contact-name.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#contact-email{
  background:   transparent url(images/contact-email.gif) no-repeat top left;
  height:       27px;
  display:      block;
}
#contact-town{
  background:   transparent url(images/contact-town.gif) no-repeat top left;
  height:       27px;
  display:      block;
}