/*
 * Wright Photo 2008 Standard Template #1
 * CSS Layout for Divisions instead of Tables
 * For screens wider than 1023 pixels
 */

@import url("main.css"); /* Majority of style that doesn't change */
@import url("colour.css"); /* Colours that apply to everyone  */

/*
 * The thumbnails for each section are imported here.
 */

 @import url("wedslides.css");
 @import url("porslides.css");
 @import url("eveslides.css");
 @import url("conslides.css");
 @import url("busslides.css");
 @import url("towslides.css");

/*
 * Basic HTML styles
 */
 
body	{font-size:.9em; line-height:1.3; margin:1em 0}

h1 {font-size:1.3em}
h2 {font-size:1.1em}
h3 {font-size:1em}
h4 {font-size:0.8em; text-align:left}
h5 {
font-size:.8em;
text-align:left;
font-style:italic;
margin-left:25px;
margin-bottom:25px;
}
h6 {font-size:0.5em; text-align:left}

p	{font-size:0.8em}

/*
 * Overall wrapper and banners
 */

#wrap {
	width:940px;
	min-width:920px;
	max-width:940px;
	margin:0 auto;
}

#banner {
float:left;
height:50px;
width:940px;
margin-top:20px;
}

.banner {line-height:1.1}

/*
 * Standard containers for home page and navigation
 */
 
#homephoto	{float:left; height:400px; width:530px}
#hometext		{float:right; width:330px; margin:15px} /* padding-top:20px removed because of additional text here */
#navigation	{float:left; height:100px; width:940px}
 
 /*
  * These are the styles for the photographic sections
  * Grateful thanks to Stu Nicholls of CSS-Play for the basic concepts here!
  */

#mainphoto {
clear:left;
position:relative;
height:auto;
width:940px;
}
#maintext	{
float:right;
width:195px;
}

/*
 * The BORDER division contains the main photo on each page.
 * The dimensions of the (JPG) photo must not exceed those here.
 */
 
#border {
position:relative;
width:740px;
height:550px;
}

#initial img {
position:relative;
}

a.gallery span {
visibility:hidden;
display:block;
position:absolute;
width:751px;
height:546px;
background:#000;
}

/*
 * The gallery styles hold the thumbnails.
 * These should be PNG images: 70 x 48
 */

a.gallery, a.gallery:visited {
display:inline;
color:#000;
border:1px solid #000;
width:67px;
height:48px;
float:left;
margin:15px 1px;
position:relative;
cursor:default;
}
a.gallery:hover {
white-space:normal;
border:1px solid #fff;
z-index:100;
}
a.gallery:hover span {
visibility:visible;
z-index:100;
}
a.gallery:hover span img {
margin:10px;
border:1px solid #000;
position:relative;
z-index:100;
}
a.gallery:active, a.gallery:focus {
border:1px solid #c00;
z-index:10;
}
a.gallery:active span, a.gallery:focus span {
visibility:visible;
z-index:10;
}
a.gallery:active span img, a.gallery:focus span img {
border:1px solid #000;
position:relative;
margin:10px;
z-index:10;
}

/*
 * The associated image holders (spans) vary for each resolution
 * so they are laid out in the lists below.
 */
 
a.wedslide00 span {left:-13px; top:-577px}
a.wedslide01 span {left:-84px; top:-577px}
a.wedslide02 span {left:-154px; top:-594px}
a.wedslide03 span {left:-226px; top:-577px}
a.wedslide04 span {left:-297px; top:-577px}
a.wedslide05 span {left:-366px; top:-577px}
a.wedslide06 span {left:-439px; top:-594px}
a.wedslide07 span {left:-510px; top:-594px}
a.wedslide08 span {left:-581px; top:-594px}

a.wedslide09 span {left:-13px; top:-577px}
a.wedslide10 span {left:-84px; top:-594px}
a.wedslide11 span {left:-154px; top:-577px}
a.wedslide12 span {left:-226px; top:-577px}
a.wedslide13 span {left:-297px; top:-577px}
a.wedslide14 span {left:-366px; top:-577px}
a.wedslide15 span {left:-439px; top:-594px}
a.wedslide16 span {left:-510px; top:-577px}
a.wedslide17 span {left:-581px; top:-577px}
a.wedslide18 span {left:-651px; top:-594px}

a.wedslide19 span {left:-13px; top:-577px}
a.wedslide20 span {left:-84px; top:-594px}
a.wedslide21 span {left:-154px; top:-577px}
a.wedslide22 span {left:-226px; top:-577px}
a.wedslide23 span {left:-297px; top:-577px}
a.wedslide24 span {left:-366px; top:-577px}
a.wedslide25 span {left:-439px; top:-577px}
a.wedslide26 span {left:-510px; top:-594px}
a.wedslide27 span {left:-581px; top:-594px}
a.wedslide28 span {left:-651px; top:-594px}
a.wedslide29 span {left:-723px; top:-577px}

a.wedslide30 span {left:-13px; top:-577px}
a.wedslide31 span {left:-84px; top:-577px}
a.wedslide32 span {left:-154px; top:-577px}
a.wedslide33 span {left:-226px; top:-577px}
a.wedslide34 span {left:-297px; top:-594px}
a.wedslide35 span {left:-366px; top:-577px}
a.wedslide36 span {left:-439px; top:-577px}
a.wedslide37 span {left:-510px; top:-577px}

a.porslide00 span {left:-13px; top:-577px}
a.porslide01 span {left:-84px; top:-594px}
a.porslide02 span {left:-155px; top:-594px}
a.porslide03 span {left:-226px; top:-594px}
a.porslide04 span {left:-296px; top:-594px}
a.porslide05 span {left:-368px; top:-594px}
a.porslide06 span {left:-437px; top:-584px}
a.porslide07 span {left:-510px; top:-594px}
a.porslide08 span {left:-580px; top:-594px}
a.porslide09 span {left:-651px; top:-594px}
a.porslide10 span {left:-723px; top:-594px}
a.porslide11 span {left:-794px; top:-594px}

a.porslide12 span {left:-13px; top:-577px}
a.porslide13 span {left:-84px; top:-594px}
a.porslide14 span {left:-155px; top:-594px}
a.porslide15 span {left:-226px; top:-594px}
a.porslide16 span {left:-296px; top:-594px}
a.porslide17 span {left:-368px; top:-594px}
a.porslide18 span {left:-437px; top:-584px}
a.porslide19 span {left:-510px; top:-594px}
a.porslide20 span {left:-580px; top:-594px}
a.porslide21 span {left:-651px; top:-594px}
a.porslide22 span {left:-723px; top:-594px}
a.porslide23 span {left:-794px; top:-594px}

a.porslide24 span {left:-13px; top:-577px}
a.porslide25 span {left:-84px; top:-594px}
a.porslide26 span {left:-155px; top:-594px}
a.porslide27 span {left:-226px; top:-594px}
a.porslide28 span {left:-296px; top:-594px}
a.porslide29 span {left:-368px; top:-594px}
a.porslide30 span {left:-437px; top:-584px}
a.porslide31 span {left:-510px; top:-594px}
a.porslide32 span {left:-580px; top:-594px}
a.porslide33 span {left:-651px; top:-594px}
a.porslide34 span {left:-723px; top:-594px}
a.porslide35 span {left:-794px; top:-594px}

a.porslide36 span {left:-13px; top:-577px}
a.porslide37 span {left:-84px; top:-594px}
a.porslide38 span {left:-155px; top:-594px}
a.porslide39 span {left:-226px; top:-594px}
a.porslide40 span {left:-296px; top:-594px}
a.porslide41 span {left:-368px; top:-594px}
a.porslide42 span {left:-437px; top:-584px}
a.porslide43 span {left:-510px; top:-594px}
a.porslide44 span {left:-580px; top:-594px}
a.porslide45 span {left:-651px; top:-594px}
a.porslide46 span {left:-723px; top:-594px}

a.eveslide00 span {left:-13px; top:-577px}
a.eveslide01 span {left:-84px; top:-577px}
a.eveslide02 span {left:-154px; top:-594px}
a.eveslide03 span {left:-226px; top:-577px}
a.eveslide04 span {left:-297px; top:-577px}
a.eveslide05 span {left:-368px; top:-577px}
a.eveslide06 span {left:-439px; top:-594px}
a.eveslide07 span {left:-510px; top:-577px}
a.eveslide08 span {left:-581px; top:-577px}
a.eveslide09 span {left:-651px; top:-594px}
a.eveslide10 span {left:-723px; top:-594px}
a.eveslide11 span {left:-794px; top:-594px}

a.conslide00 span {left:-13px; top:-577px}
a.conslide01 span {left:-84px; top:-577px}
a.conslide02 span {left:-154px; top:-577px}
a.conslide03 span {left:-226px; top:-577px}
a.conslide04 span {left:-297px; top:-567px}
a.conslide05 span {left:-368px; top:-577px}
a.conslide06 span {left:-439px; top:-577px}
a.conslide07 span {left:-510px; top:-577px}
a.conslide08 span {left:-581px; top:-577px}
a.conslide09 span {left:-651px; top:-577px}

a.conslide10 span {left:-13px; top:-577px}
a.conslide11 span {left:-84px; top:-577px}
a.conslide12 span {left:-154px; top:-577px}
a.conslide13 span {left:-226px; top:-577px}
a.conslide14 span {left:-297px; top:-577px}
a.conslide15 span {left:-368px; top:-577px}
a.conslide16 span {left:-439px; top:-577px}
a.conslide17 span {left:-510px; top:-577px}
a.conslide18 span {left:-581px; top:-577px}
a.conslide19 span {left:-651px; top:-577px}
a.conslide20 span {left:-723px; top:-577px}

a.conslide21 span {left:-13px; top:-577px}
a.conslide22 span {left:-84px; top:-577px}
a.conslide23 span {left:-154px; top:-577px}
a.conslide24 span {left:-226px; top:-577px}
a.conslide25 span {left:-297px; top:-577px}
a.conslide26 span {left:-368px; top:-577px}
a.conslide27 span {left:-439px; top:-577px}
a.conslide28 span {left:-510px; top:-577px}
a.conslide29 span {left:-581px; top:-577px}
a.conslide30 span {left:-651px; top:-577px}
a.conslide31 span {left:-723px; top:-577px}

a.conslide32 span {left:-13px; top:-577px}
a.conslide33 span {left:-84px; top:-577px}
a.conslide34 span {left:-154px; top:-577px}
a.conslide35 span {left:-226px; top:-577px}

a.busslide00 span {left:-13px; top:-577px}
a.busslide01 span {left:-84px; top:-577px}
a.busslide02 span {left:-154px; top:-577px}
a.busslide03 span {left:-226px; top:-577px}
a.busslide04 span {left:-297px; top:-577px}
a.busslide05 span {left:-368px; top:-577px}
a.busslide06 span {left:-439px; top:-577px}
a.busslide07 span {left:-510px; top:-577px}
a.busslide08 span {left:-581px; top:-577px}

a.busslide09 span {left:-13px; top:-577px}
a.busslide10 span {left:-84px; top:-577px}
a.busslide11 span {left:-154px; top:-577px}
a.busslide12 span {left:-226px; top:-577px}
a.busslide13 span {left:-297px; top:-577px}
a.busslide14 span {left:-368px; top:-577px}
a.busslide15 span {left:-439px; top:-577px}
a.busslide16 span {left:-510px; top:-577px}
a.busslide17 span {left:-581px; top:-577px}

a.busslide18 span {left:-13px; top:-577px}
a.busslide19 span {left:-84px; top:-577px}
a.busslide20 span {left:-154px; top:-577px}
a.busslide21 span {left:-226px; top:-577px}
a.busslide22 span {left:-297px; top:-577px}
a.busslide23 span {left:-368px; top:-577px}
a.busslide24 span {left:-439px; top:-577px}
a.busslide25 span {left:-510px; top:-577px}
a.busslide26 span {left:-581px; top:-577px}

a.towslide00 span {left:-13px; top:-577px}
a.towslide01 span {left:-84px; top:-577px}
a.towslide02 span {left:-152px; top:-585px}
a.towslide03 span {left:-227px; top:-590px}
a.towslide04 span {left:-295px; top:-590px}
a.towslide05 span {left:-370px; top:-577px}
a.towslide06 span {left:-440px; top:-577px}
a.towslide07 span {left:-510px; top:-590px}
a.towslide08 span {left:-580px; top:-590px}
a.towslide09 span {left:-650px; top:-577px}
a.towslide10 span {left:-720px; top:-590px}
a.towslide11 span {left:-790px; top:-590px}

a.towslide12 span {left:-13px; top:-577px}
a.towslide13 span {left:-84px; top:-567px}
a.towslide14 span {left:-152px; top:-567px}
a.towslide15 span {left:-225px; top:-567px}
a.towslide16 span {left:-294px; top:-577px}
a.towslide17 span {left:-370px; top:-567px}
a.towslide18 span {left:-440px; top:-567px}
a.towslide19 span {left:-510px; top:-567px}
a.towslide20 span {left:-580px; top:-567px}
a.towslide21 span {left:-652px; top:-577px}
a.towslide22 span {left:-725px; top:-567px}
a.towslide23 span {left:-790px; top:-567px}

/*
 * Navigation Buttons
 */

#navigation ul	{list-style:none; margin:38px}
#navigation li	{display:inline; margin:5px 6px}
#navigation a		{font-size:1.1em; text-decoration:none}

/*
 * Contact Form
 */

#condets		{float:left; width:940px; height:50px; margin-left:20px}
#condets1		{float:left; width:890px; height:150px; margin-right:50px}
#email			{height:35px}
#phone			{height:35px}

.formleft		{
clear:both;
float:left;
width:335px;
height:35px;
text-align:right;
}

.formright	{
float:right;
width:520px;
height:35px;
text-align:left;
}

.formleft p	{
font-size:.8em;
font-weight:normal;
text-align:right
}

.spacer {clear:both; padding:15px 0}
.extra	{margin-top:2px}

/*
 * Links Form
 */

.linktext	{padding-top:40px}

.linkformleft		{
clear:both;
float:left;
width:370px;
height:110px;
text-align:right;
}

.linkformright	{
float:right;
width:560px;
height:110px;
text-align:left;
}

/*
 * Style for FOOTER on info.htm
 */

#footer		{float:left; text-align:center; width:250px}

/*
 * Style for INDEXDEAD.html
 */

#downer		{clear:both; width:60%; margin-left:20%; padding-top:20%; text-align:center;}